:root{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-card: #ffffff;--text-primary: #1a1a2e;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--radius: 8px;--radius-lg: 12px;--card-radius-xl: 16px;--toolbar-btn-height: 38px;--toolbar-btn-radius: 11px;--toolbar-refresh-bg: var(--bg-primary);--toolbar-refresh-bg-hover: var(--bg-secondary);--toolbar-refresh-border: var(--border-color);--toolbar-refresh-text: var(--text-primary);--toolbar-refresh-shadow: 0 6px 14px rgba(15, 23, 42, .1);--toolbar-refresh-shadow-hover: 0 10px 18px rgba(15, 23, 42, .14);--toolbar-save-shadow: 0 8px 18px rgba(5, 150, 105, .26);--toolbar-save-shadow-hover: 0 12px 22px rgba(5, 150, 105, .32);--toolbar-apply-shadow: 0 8px 18px rgba(245, 158, 11, .26);--toolbar-apply-shadow-hover: 0 12px 22px rgba(245, 158, 11, .32);--sidebar-width: 240px;--sidebar-collapsed: 64px;--header-height: 56px;--link-color: #16a34a;--link-color-hover: #15803d;--link-underline: rgba(22, 163, 74, .28);--md-bullet-color: #9ca3af;--md-bullet-nested-color: #c4c9d2;--md-blockquote-bg: rgba(100, 116, 139, .06);--md-blockquote-border: #cbd5e1;--md-code-bg: rgba(100, 116, 139, .08);--md-code-border: rgba(100, 116, 139, .13);--md-pre-bg: rgba(100, 116, 139, .05);--my-bg-gradient: linear-gradient(135deg, hsl(220, 30%, 94%) 0%, hsl(240, 25%, 96%) 50%, hsl(260, 20%, 95%) 100%);--my-text-color: #1e293b;--my-text-muted: #64748b;--my-text-placeholder: rgba(30, 41, 59, .35);--my-glass-bg: rgba(255, 255, 255, .45);--my-glass-border: 1px solid rgba(255, 255, 255, .7);--my-glass-shadow: 0 8px 32px rgba(31, 38, 135, .04), 0 1px 2px rgba(0, 0, 0, .02);--my-glass-hover-bg: rgba(255, 255, 255, .7);--my-glass-hover-border: 1px solid rgba(99, 102, 241, .25);--my-glass-hover-shadow: 0 12px 32px rgba(31, 38, 135, .06);--my-banner-bg: linear-gradient(135deg, rgba(99, 102, 241, .08) 0%, rgba(139, 92, 246, .05) 100%);--my-banner-border: 1px solid rgba(99, 102, 241, .15);--my-badge-chip-bg: rgba(0, 0, 0, .04);--my-badge-chip-border: 1px solid rgba(0, 0, 0, .08);--my-chip-success-bg: rgba(40, 200, 120, .1);--my-chip-success-border: 1px solid rgba(40, 200, 120, .25);--my-chip-success-text: hsl(150, 65%, 35%);--my-chip-warning-bg: rgba(255, 180, 40, .1);--my-chip-warning-border: 1px solid rgba(255, 180, 40, .25);--my-chip-warning-text: hsl(40, 75%, 35%);--my-stat-value-color: hsl(150, 70%, 35%);--my-report-date-color: hsl(235, 75%, 45%);--my-report-date-bg: rgba(99, 102, 241, .08);--my-report-date-border: 1px solid rgba(99, 102, 241, .22);--my-input-bg: rgba(255, 255, 255, .75);--my-input-border: 1px solid rgba(30, 41, 59, .15);--my-input-color: #1e293b;--my-input-focus-border: rgba(99, 102, 241, .6);--my-btn-cancel-border: 1px solid rgba(30, 41, 59, .15);--my-btn-cancel-color: rgba(30, 41, 59, .7);--my-btn-cancel-hover-bg: rgba(0, 0, 0, .04);--my-more-btn-color: hsl(200, 80%, 45%);--my-more-btn-hover-color: hsl(200, 90%, 55%);--my-divider-color: rgba(30, 41, 59, .08);--my-chat-ai-bubble-bg: rgba(255, 255, 255, .85);--my-chat-ai-bubble-border: 1px solid rgba(255, 255, 255, .95);--my-chat-ai-bubble-color: #1e293b;--my-chat-user-bubble-bg: linear-gradient(135deg, #10b981, #059669);--my-chat-user-bubble-color: #fff;--my-recording-selected-bg: rgba(99, 102, 241, .08);--my-recording-selected-border: 1px solid rgba(99, 102, 241, .22);--my-recording-transcript-bg: rgba(0, 0, 0, .03);--my-recording-transcript-color: #1e293b;--my-recording-transcript-border: 1px solid rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-primary: #101014;--bg-secondary: #18181c;--bg-card: #1e1e22;--text-primary: #ffffffde;--text-secondary: #a0a0b0;--border-color: #2c2c32;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--toolbar-refresh-shadow: 0 6px 14px rgba(0, 0, 0, .3);--toolbar-refresh-shadow-hover: 0 10px 18px rgba(0, 0, 0, .4);--toolbar-save-shadow: 0 8px 16px rgba(5, 150, 105, .22);--toolbar-save-shadow-hover: 0 10px 20px rgba(5, 150, 105, .28);--toolbar-apply-shadow: 0 8px 16px rgba(245, 158, 11, .22);--toolbar-apply-shadow-hover: 0 10px 20px rgba(245, 158, 11, .28);--link-color: #34d399;--link-color-hover: #6ee7b7;--link-underline: rgba(52, 211, 153, .3);--md-bullet-color: #6b7280;--md-bullet-nested-color: #4b5563;--md-blockquote-bg: rgba(160, 160, 176, .07);--md-blockquote-border: #3f3f46;--md-code-bg: rgba(160, 160, 176, .1);--md-code-border: rgba(160, 160, 176, .12);--md-pre-bg: rgba(0, 0, 0, .2);--my-bg-gradient: linear-gradient(135deg, hsl(220, 30%, 6%) 0%, hsl(240, 25%, 8%) 50%, hsl(260, 20%, 7%) 100%);--my-text-color: #e2e8f0;--my-text-muted: rgba(255, 255, 255, .45);--my-text-placeholder: rgba(255, 255, 255, .25);--my-glass-bg: rgba(255, 255, 255, .04);--my-glass-border: 1px solid rgba(255, 255, 255, .08);--my-glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--my-glass-hover-bg: rgba(255, 255, 255, .06);--my-glass-hover-border: 1px solid rgba(255, 255, 255, .12);--my-glass-hover-shadow: 0 12px 32px rgba(0, 0, 0, .3);--my-banner-bg: linear-gradient(135deg, rgba(99, 102, 241, .18) 0%, rgba(139, 92, 246, .12) 100%);--my-banner-border: 1px solid rgba(99, 102, 241, .2);--my-badge-chip-bg: rgba(255, 255, 255, .07);--my-badge-chip-border: 1px solid rgba(255, 255, 255, .12);--my-chip-success-bg: rgba(40, 200, 120, .12);--my-chip-success-border: 1px solid rgba(40, 200, 120, .28);--my-chip-success-text: hsl(150, 65%, 70%);--my-chip-warning-bg: rgba(255, 180, 40, .12);--my-chip-warning-border: 1px solid rgba(255, 180, 40, .28);--my-chip-warning-text: hsl(40, 90%, 70%);--my-stat-value-color: hsl(150, 70%, 65%);--my-report-date-color: hsl(235, 75%, 78%);--my-report-date-bg: rgba(99, 102, 241, .18);--my-report-date-border: 1px solid rgba(99, 102, 241, .28);--my-input-bg: rgba(255, 255, 255, .06);--my-input-border: 1px solid rgba(255, 255, 255, .12);--my-input-color: #fff;--my-input-focus-border: rgba(99, 102, 241, .6);--my-btn-cancel-border: 1px solid rgba(255, 255, 255, .12);--my-btn-cancel-color: rgba(255, 255, 255, .55);--my-btn-cancel-hover-bg: rgba(255, 255, 255, .06);--my-more-btn-color: hsl(200, 80%, 65%);--my-more-btn-hover-color: hsl(200, 90%, 75%);--my-divider-color: rgba(255, 255, 255, .07);--my-chat-ai-bubble-bg: rgba(255, 255, 255, .05);--my-chat-ai-bubble-border: 1px solid rgba(255, 255, 255, .08);--my-chat-ai-bubble-color: #e2e8f0;--my-chat-user-bubble-bg: linear-gradient(135deg, hsl(150, 70%, 38%) 0%, hsl(200, 75%, 48%) 100%);--my-chat-user-bubble-color: #fff;--my-recording-selected-bg: rgba(99, 102, 241, .15);--my-recording-selected-border: 1px solid rgba(99, 102, 241, .3);--my-recording-transcript-bg: rgba(0, 0, 0, .2);--my-recording-transcript-color: rgba(255, 255, 255, .78);--my-recording-transcript-border: none}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.page-container{max-width:100%;margin:0 auto}body.wide-mode .page-container{max-width:100%;padding-left:12px;padding-right:12px}.app-card.n-card{border-radius:var(--card-radius-xl);border-color:var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm)}.n-card.app-detail-modal,.n-card.app-preview-modal{--app-modal-gap: 24px;--app-modal-width: 1080px;width:min(var(--app-modal-width),calc(100vw - var(--app-modal-gap)))!important;max-width:calc(100vw - var(--app-modal-gap))!important;height:calc(100dvh - var(--app-modal-gap))!important;max-height:calc(100dvh - var(--app-modal-gap))!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}@supports not (height: 100dvh){.n-card.app-detail-modal,.n-card.app-preview-modal{height:calc(100vh - var(--app-modal-gap))!important;max-height:calc(100vh - var(--app-modal-gap))!important}}.n-card.app-detail-modal>.n-card-header,.n-card.app-preview-modal>.n-card-header{flex:0 0 auto!important;padding:12px 16px 6px!important}.n-card.app-detail-modal>.n-card__content,.n-card.app-preview-modal>.n-card__content{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;overscroll-behavior:contain}.n-card.app-form-modal{--app-modal-gap: 40px;--app-modal-width: 560px;width:min(var(--app-modal-width),calc(100vw - var(--app-modal-gap)))!important;max-width:calc(100vw - var(--app-modal-gap))!important;max-height:calc(100dvh - var(--app-modal-gap))!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.n-card.app-form-modal>.n-card-header{flex:0 0 auto!important;padding:16px 18px 8px!important}@supports not (height: 100dvh){.n-card.app-form-modal{max-height:calc(100vh - var(--app-modal-gap))!important}}.n-card.app-form-modal>.n-card__content{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}@media(max-width:760px){.n-card.app-detail-modal,.n-card.app-preview-modal{--app-modal-gap: 16px}.n-card.app-form-modal{--app-modal-gap: 20px}}.app-toolbar{align-items:center;flex-wrap:wrap}.app-toolbar-btn.n-button{min-width:112px;height:var(--toolbar-btn-height);border-radius:var(--toolbar-btn-radius);padding:0 16px;font-weight:700;letter-spacing:.2px;transition:transform .14s ease,box-shadow .2s ease,filter .2s ease}.app-toolbar-btn .n-icon{font-size:16px}.app-toolbar-btn:not(.n-button--disabled):hover{transform:translateY(-1px)}.app-toolbar-btn:not(.n-button--disabled):active{transform:translateY(0)}.app-toolbar-btn--refresh.n-button{background:var(--toolbar-refresh-bg)!important;border:1px solid var(--toolbar-refresh-border)!important;color:var(--toolbar-refresh-text)!important;box-shadow:var(--toolbar-refresh-shadow)}.app-toolbar-btn--refresh.n-button:not(.n-button--disabled):hover{border-color:var(--toolbar-refresh-border)!important;background:var(--toolbar-refresh-bg-hover)!important;box-shadow:var(--toolbar-refresh-shadow-hover)}.app-toolbar-btn--save.n-button{background:linear-gradient(135deg,#16a34a,#059669)!important;border:none!important;color:#fff!important;box-shadow:var(--toolbar-save-shadow)}.app-toolbar-btn--save.n-button:not(.n-button--disabled):hover{filter:brightness(1.04);box-shadow:var(--toolbar-save-shadow-hover)}.app-toolbar-btn--apply.n-button{background:linear-gradient(135deg,#f59e0b,#f97316)!important;border:none!important;color:#fff!important;box-shadow:var(--toolbar-apply-shadow)}.app-toolbar-btn--apply.n-button:not(.n-button--disabled):hover{filter:brightness(1.04);box-shadow:var(--toolbar-apply-shadow-hover)}.app-toolbar-btn.n-button.n-button--disabled{opacity:.7;box-shadow:none!important}@media(max-width:767px){.page-container{padding:0!important;margin:0!important;max-width:100%!important}.app-card.n-card{border-radius:var(--radius);margin-bottom:12px}.app-toolbar{gap:8px}.app-toolbar-btn.n-button{min-width:80px;height:36px;font-size:13px;padding:0 12px}.stat-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.n-data-table{font-size:13px}.n-data-table-th,.n-data-table-td{padding:8px 12px!important}.chart-container{height:200px!important}.n-modal,.n-drawer{max-width:100vw!important}.n-form-item{margin-bottom:16px}.n-tabs-nav{font-size:13px}}@media(max-width:480px){.stat-cards-grid{grid-template-columns:1fr!important}.app-toolbar-btn.n-button{width:100%;min-width:unset}.app-layout-header{padding:0 12px!important}.app-layout-content .n-layout-scroll-container{padding:12px!important}.n-data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}.n-input,.n-select{font-size:14px}}@media(max-width:767px){button,.n-button,.n-checkbox,.n-radio,.n-switch,a{min-height:44px;min-width:44px}.n-button--quaternary{min-width:44px;min-height:44px}}