@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app-layout{min-height:100vh;color:var(--text-primary);width:100%;overflow-x:hidden}.topbar-wrap{position:relative;top:0;z-index:150;background:transparent;padding:10px 16px}@media(min-width:769px){.topbar-wrap{position:sticky}}.app-main-shell{display:flex;min-height:calc(100vh - 88px);gap:20px;padding:0 24px 24px}.sidebar{width:288px;height:calc(100vh - 98px);background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:sticky;top:88px;z-index:40;overflow-y:auto;flex:0 0 288px}.sidebar-logo{min-height:60px;padding:12px;display:flex;align-items:center;gap:12px;position:relative;min-height:auto}.logo-icon{width:36px;height:36px;background:color-mix(in srgb,var(--bg-input) 82%,var(--bg-card) 18%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-color) 72%);color:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);flex-shrink:0}.sidebar-brand-logo{width:96px;height:36px;object-fit:contain;object-position:left center;flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:0}.logo-title{display:flex;flex-direction:column;gap:1px;font-size:12px;font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:.12em;text-transform:uppercase}.logo-title span{display:block}.logo-subtitle{display:none;font-size:var(--font-caption);color:var(--text-tertiary);font-weight:500}.company-tag{padding:.625rem 1rem;border-bottom:1px solid var(--border-color)}.company-tag-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.375rem}.company-tag-pill{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--bg-active);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer}.company-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.company-tag-name{font-size:.72rem;font-weight:700;color:var(--accent-dark);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-tag-switch{font-size:.6rem;color:var(--accent-dark);text-decoration:underline;cursor:pointer;flex-shrink:0}.sidebar-nav{flex:1;padding:0 12px 12px;overflow-y:auto;display:flex;flex-direction:column}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section+.nav-section{margin-top:.5rem}.nav-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:.75rem .75rem .5rem}.nav-item{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:500;transition:all .15s ease;cursor:default;border-left:0}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--selection-active-bg);color:var(--selection-active-text);font-weight:600;border-color:var(--border-accent);box-shadow:none}.nav-item.active svg{color:var(--accent)}.nav-icon-box{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--text-tertiary);flex-shrink:0;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.nav-item.active .nav-icon-box{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}.nav-badge{margin-left:auto;font-size:.6rem}.nav-badge.processing{color:var(--accent);animation:pulse 1.5s ease-in-out infinite}.nav-count{margin-left:auto;background:var(--accent);color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar-theme-toggle{margin-top:auto;padding-top:.75rem;position:relative}.sidebar-theme-separator{position:absolute;top:0;left:-2px;right:-2px;height:1px;background:var(--border-color)}.sidebar-theme-btn{width:100%;border:none!important;background:transparent!important;color:var(--text-secondary)!important;font-weight:500!important}.sidebar-theme-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.sidebar-footer{padding:.875rem 1rem;position:relative}.sidebar-footer:before{content:"";position:absolute;top:0;left:10px;right:10px;height:1px;background:var(--border-color)}.sidebar-footer-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.68rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.78rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.68rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-buttons{display:flex;gap:8px}.sidebar-compact-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem;font-size:.7rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);transition:all .15s ease;cursor:pointer}.sidebar-compact-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.dark .sidebar-compact-btn{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-primary)}.dark .sidebar-compact-btn:hover{background:#ffffff26}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);gap:16px;color:var(--text-tertiary)}.main-content{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 98px);min-width:0;width:auto;overflow-x:hidden}.topbar{position:relative;height:64px;padding:0 16px;border:1px solid rgba(15,23,42,.16);border-radius:16px;background:#101b48;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-left{display:flex;align-items:center;min-width:0;flex:1;gap:16px}.topbar-brand{display:flex;align-items:center;width:17.75rem;min-width:17.75rem;padding:0 8px}.topbar-brand img{display:block;width:224px;height:40px;object-fit:contain;object-position:left center}.topbar-context{flex:1;min-width:0}.topbar-context p{margin:0 0 4px;color:#ffffff8c;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.topbar-divider{width:1px;height:28px;background:#ffffff24}.topbar-context h2{margin:0;color:#fff;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{position:relative;display:flex;align-items:center;gap:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;border-radius:12px;padding:4px;box-shadow:var(--shadow-sm)}.topbar-icon-btn,.topbar-avatar-btn{height:36px;width:36px;border:0;background:transparent;color:#ffffffd1;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.topbar-icon-btn:hover,.topbar-avatar-btn:hover{background:#ffffff29;color:#fff}.topbar-avatar-btn{background:var(--accent);color:#fff;font-size:11px;font-weight:700;box-shadow:var(--shadow-sm)}.desktop-settings-anchor{position:absolute;right:0;top:calc(100% + 12px);z-index:250}.settings-menu{width:min(320px,calc(100vw - 32px));padding:8px;overflow:hidden;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:var(--shadow-popover);color:var(--text-primary)}.settings-menu-user{padding:12px;border-bottom:1px solid var(--border-light)}.settings-menu-user p{margin:0;color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-menu-user span{display:block;margin-top:2px;color:var(--text-tertiary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-menu-item,.settings-menu-logout{width:100%;border:0;background:transparent;color:var(--text-primary);border-radius:10px;display:flex;align-items:center;gap:12px;margin-top:6px;padding:12px;text-align:left;transition:background .15s ease}.settings-menu-item:hover{background:color-mix(in srgb,var(--accent-light) 42%,transparent)}.settings-menu-icon{width:36px;height:36px;border-radius:14px;background:var(--accent-light);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.settings-menu-item span:nth-child(2){min-width:0;flex:1}.settings-menu-item strong,.settings-menu-item small{display:block}.settings-menu-item strong{color:var(--text-primary);font-size:14px;font-weight:600}.settings-menu-item small{color:var(--text-tertiary);font-size:12px;font-weight:400}.settings-switch{position:relative;flex:0 0 44px;height:24px;border-radius:999px;background:#e5e7eb;padding:2px}.settings-switch span{display:block;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease}.settings-switch.on{background:var(--accent)}.settings-switch.on span{transform:translate(20px)}.settings-menu-logout{justify-content:space-between;color:var(--danger);font-size:14px;font-weight:600}.settings-menu-logout:hover{background:var(--danger-light)}.topbar-user{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 4px;border:0;border-radius:999px;background:transparent;color:#fff}.topbar-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.topbar-logout{padding:0 12px;font-size:13px;font-weight:600}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:var(--font-body-sm)}.breadcrumb-root{color:#ffffff94}.breadcrumb svg{color:#ffffff70}.breadcrumb-current{color:#fff;font-weight:500}.error-banner{margin:1rem 2rem 0;padding:.875rem 1rem;background:var(--danger-light);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between}.dark .error-banner{border-color:#f4707040}.error-content{display:flex;align-items:center;gap:.625rem;color:var(--danger);font-size:.875rem;font-weight:500}.error-close{background:none;border:none;color:var(--danger);padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;transition:background .15s;cursor:pointer}.error-close:hover{background:#ef44441a}.page-content{flex:1;padding:0 0 24px;min-width:0;width:100%;max-width:none;overflow-x:hidden}.page-content.page-content-full{max-width:none}.mobile-topbar{display:none;position:sticky;top:0;height:56px;z-index:40;padding:0 .75rem;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#101b48,#07102d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);padding-top:env(safe-area-inset-top,0px)}.dark .mobile-topbar{background:linear-gradient(135deg,#101b48,#07102d)}.mobile-topbar.scrolled{box-shadow:var(--shadow-sm)}.mobile-topbar-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:.5rem}.mobile-topbar-btn:hover{background:#ffffff1f}.mobile-topbar-btn:active{transform:scale(.95)}.mobile-avatar-btn{width:36px;height:36px;border:0;border-radius:999px;background:linear-gradient(135deg,#4f82dc,#8b5cf6);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:var(--shadow-sm)}.mobile-topbar-logo{display:flex;align-items:center;justify-content:center}.mobile-topbar-logo img{width:138px;height:32px;object-fit:contain}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:49;animation:fadeIn .15s ease}.sidebar-overlay.active{display:block}.pipeline-stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:0;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.stepper-step{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.stepper-indicator{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--border-color);color:var(--text-tertiary);background:var(--bg-input);transition:all .2s;flex-shrink:0}.stepper-step.current .stepper-indicator{border-color:var(--accent);background:var(--accent);color:#fff}.stepper-step.completed .stepper-indicator{border-color:var(--success);background:var(--success-light);color:var(--success)}.stepper-number{line-height:1}.stepper-label{font-size:.8rem;font-weight:500;color:var(--text-tertiary);white-space:nowrap}.stepper-step.current .stepper-label{color:var(--accent-dark);font-weight:600}.stepper-step.completed .stepper-label{color:var(--success)}.stepper-connector{width:48px;height:1.5px;background:var(--border-color);opacity:.6;margin:0 .625rem;flex-shrink:0}.stepper-connector.completed{background:var(--success)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:380px}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toastSlideIn .3s ease;font-size:.85rem;font-weight:500}.toast-success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.toast-error{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.toast-info{background:var(--info-light);color:var(--info);border:1px solid var(--info)}.dark .toast-success{background:#3ecf6e26;border-color:#3ecf6e4d}.dark .toast-error{background:#f4707026;border-color:#f470704d}.dark .toast-info{background:#5b8dee26;border-color:#5b8dee4d}.toast-message{flex:1}.toast-close{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;padding:2px;display:flex;align-items:center}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.nav-item.clickable{cursor:pointer}.sidebar-progress{display:flex;flex-direction:column;padding:.25rem .75rem;gap:0}.progress-step{display:flex;align-items:center;gap:.625rem;position:relative;padding:.375rem 0}.progress-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-input);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:all .25s ease}.progress-step.done .progress-dot{border-color:var(--success);background:var(--success-light);color:var(--success)}.progress-step.current .progress-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px #4f82dc33}.progress-pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite}.progress-line{position:absolute;left:9px;top:calc(50% + 10px);width:2px;height:calc(100% - 4px);background:var(--border-color);z-index:0}.progress-step.done .progress-line{background:var(--success)}.progress-step.current .progress-line{background:linear-gradient(to bottom,var(--accent) 0%,var(--border-color) 100%)}.progress-label{font-size:.775rem;font-weight:500;color:var(--text-tertiary);line-height:1}.progress-step.done .progress-label{color:var(--success)}.progress-step.current .progress-label{color:var(--accent-dark);font-weight:600}@media(max-width:768px){.app-layout{display:block}.topbar-wrap{display:none}.app-main-shell{display:block;min-height:calc(100vh - 56px);padding:0}.sidebar{display:flex;position:fixed;left:0;top:56px;right:auto;bottom:0;width:min(92vw,360px);height:auto;border-radius:0 16px 16px 0;border-left:0;flex-basis:auto;z-index:50;box-shadow:var(--shadow-md);transform:translate(-100%);transition:transform .3s ease}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-overlay{top:56px;background:#0f172a57}.sidebar-logo{padding:14px 16px 10px;gap:10px}.logo-icon{width:42px;height:42px;border-radius:13px}.logo-title{font-size:16px}.sidebar-nav{padding:0 10px 12px}.nav-label{padding:.625rem .625rem .375rem;font-size:.64rem}.nav-item{padding:10px;border-radius:16px;font-size:.8rem}.mobile-topbar{display:flex;width:100%;z-index:60}.desktop-settings-anchor{display:none}.mobile-settings-anchor{display:block;position:fixed;top:64px;right:12px;z-index:260}.main-content{margin-left:0;width:100%;max-width:100vw;min-height:calc(100vh - 56px);padding:16px}.topbar{display:none}.page-content{padding:0;max-width:100vw;overflow-x:hidden}.error-banner{margin:.75rem 1rem 0}.pipeline-stepper{padding:.625rem .75rem;margin-bottom:.875rem;justify-content:flex-start;max-width:100%;border-radius:var(--radius-md);box-shadow:none;scrollbar-width:none}.pipeline-stepper::-webkit-scrollbar{display:none}.stepper-label{font-size:.68rem}.stepper-connector{width:16px;margin:0 .25rem}.stepper-indicator{width:24px;height:24px;font-size:.65rem}.stepper-step:not(.current):not(.completed) .stepper-label{display:none}.stepper-step.completed .stepper-label{display:none}.toast-container{bottom:1rem;right:1rem;left:1rem;max-width:none}}.app-layout{height:100vh;min-height:100vh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}.topbar-wrap{position:sticky;top:0;z-index:100;flex:0 0 auto;padding:10px 16px}.topbar{display:flex;height:64px;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgb(255 255 255 / 10%);border-radius:var(--radius-md);padding:0 16px;background:#101b48;color:#fff;box-shadow:var(--shadow-sm)}.dark .topbar{background:#171717}.topbar-sidebar-slot{display:flex;min-width:0;flex:0 0 288px;align-items:center;gap:12px}.topbar-brand{display:flex;width:224px;height:40px;min-width:0;align-items:center;padding:0 8px}.topbar-brand img{display:block;width:100%;height:40px;object-fit:contain;object-position:left center}.topbar-menu-button{display:none;height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid rgb(255 255 255 / 15%);border-radius:8px;padding:0 12px;background:#ffffff1a;color:#fff;font-size:14px;font-weight:600}.topbar-menu-button:hover{background:#ffffff26}.topbar-workspace-context{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.topbar-actions{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:8px;border:1px solid rgb(255 255 255 / 10%);border-radius:var(--radius-full);padding:4px;background:#ffffff1a;box-shadow:var(--shadow-sm)}.topbar-icon-btn,.topbar-avatar-btn{width:36px;height:36px;border:0;border-radius:var(--radius-full);background:transparent;color:#ffffffd1}.topbar-icon-btn:hover,.topbar-avatar-btn:hover{background:#ffffff26;color:#fff}.topbar-avatar-btn{border-radius:var(--radius-full);background:transparent;color:#fff}.topbar-avatar-mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:var(--shadow-sm)}.app-main-shell{display:flex;height:calc(100vh - 84px);min-height:0;gap:16px;padding:0 16px 16px;overflow:hidden}.sidebar{position:relative;top:auto;z-index:40;display:flex;width:288px;height:100%;min-height:0;flex:0 0 288px;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-sidebar);box-shadow:var(--shadow-sm);transition:width .2s ease,transform .3s ease}.sidebar-logo{display:flex;min-height:68px;align-items:center;gap:12px;padding:14px}.logo-icon{width:40px;height:40px;border-radius:8px}.logo-text{min-width:0;flex:1}.logo-title{display:flex;flex-direction:column;color:var(--text-primary);font-size:16px;font-weight:600;line-height:19px;letter-spacing:0;text-transform:none;white-space:normal}.sidebar-nav{min-height:0;flex:1;overflow-y:auto;padding:0 12px 12px}.nav-section{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;min-height:40px;align-items:center;gap:8px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:400;line-height:20px;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.nav-item.active{background:var(--sidebar-nav-active-bg);border-color:transparent;color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.nav-item:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.nav-icon-box{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:6px;color:var(--text-secondary);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.nav-item.active .nav-icon-box{background:color-mix(in srgb,var(--bg-card) 70%,var(--accent) 30%);color:var(--accent);box-shadow:var(--shadow-sm)}.nav-item:hover:not(.active) .nav-icon-box{color:var(--text-primary)}.sidebar-collapse-btn{width:36px;height:36px;margin-left:auto;border:1px solid color-mix(in srgb,var(--text-secondary) 58%,var(--border-color) 42%);border-radius:8px;background:transparent;color:var(--text-secondary);display:grid;place-items:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.sidebar-collapse-btn:hover{border-color:color-mix(in srgb,var(--text-secondary) 76%,var(--border-color) 24%);background:var(--bg-hover);color:var(--text-primary)}.main-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.page-content{min-height:0;flex:1 1 auto;overflow-y:auto;padding:4px 0 24px;scrollbar-gutter:stable}.app-page-stack{display:flex;width:100%;max-width:none;flex-direction:column;gap:16px}.error-banner{margin:16px 8px 0}.desktop-settings-anchor{position:absolute;top:calc(100% + 12px);right:0;z-index:250}.mobile-settings-anchor{display:none}.sidebar-overlay{display:none;border:0;padding:0}.ds-page-header{display:flex;flex-direction:column;gap:12px;padding:0}.ds-page-heading{display:flex;min-width:0;align-items:center;gap:11px}.ds-page-copy{min-width:0}.ds-page-title{margin:0;color:var(--text-primary);font-size:18px;font-weight:600;line-height:25.2px}.ds-page-description{max-width:48rem;margin:2px 0 0;color:var(--text-secondary);font-size:12.6px;line-height:18px}.ds-icon-box{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-color) 82%);border-radius:var(--radius-sm)}.ds-icon-accent{background:color-mix(in srgb,var(--accent-light) 70%,var(--bg-card) 30%);color:var(--accent)}@media(min-width:1024px){.app-layout-sidebar-collapsed .sidebar{width:72px;flex-basis:72px}.app-layout-sidebar-collapsed .sidebar-logo{flex-direction:column;justify-content:center;gap:10px;padding:14px 12px}.app-layout-sidebar-collapsed .logo-icon{order:2;width:36px;height:36px}.app-layout-sidebar-collapsed .logo-text,.app-layout-sidebar-collapsed .nav-item-label{display:none}.app-layout-sidebar-collapsed .sidebar-collapse-btn{order:1;margin:0 auto}.app-layout-sidebar-collapsed .sidebar-nav{padding-top:4px;padding-inline:12px}.app-layout-sidebar-collapsed .nav-item{justify-content:center;gap:0;padding-inline:8px}}@media(max-width:1023px){.app-layout{height:auto;min-height:100vh;overflow:visible}.topbar-wrap{padding:8px}.topbar-sidebar-slot{flex:1}.topbar-brand{position:absolute;left:50%;width:160px;padding:0;transform:translate(-50%)}.topbar-menu-button{display:inline-flex}.topbar-actions{z-index:1}.app-main-shell{display:block;min-height:calc(100vh - 80px);height:auto;padding:0;overflow:visible}.sidebar{position:fixed;top:80px;right:0;bottom:0;left:0;z-index:120;width:100%;height:auto;flex-basis:auto;margin-top:0;border:0;border-radius:0;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-logo{padding:20px}.sidebar-nav{padding:4px 16px 24px}.sidebar-collapse-btn{display:none}.sidebar-overlay.active{position:fixed;top:80px;right:0;bottom:0;left:0;z-index:110;display:block;background:#0f172a33;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.main-content{display:block;min-height:calc(100vh - 80px);overflow:visible;padding:16px}.page-content{overflow:visible;padding:0}.app-page-stack{max-width:none}.error-banner{margin:0 0 16px}.desktop-settings-anchor{display:none}.mobile-settings-anchor{position:fixed;top:92px;right:12px;z-index:260;display:block}.ds-page-title{font-size:20px}}@media(max-width:480px){.topbar{padding-inline:12px}.topbar-menu-button{width:40px;padding:0}.topbar-menu-button span{display:none}.topbar-brand{width:140px}.topbar-icon-btn{display:none}}.upload-page{animation:uploadFadeIn .4s ease-out}@keyframes uploadFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upload-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;margin-bottom:0;min-width:0}.upload-card{position:relative;overflow:visible;min-width:0}.upload-icon-wrapper{background:var(--accent-light);color:var(--accent-dark)}.info-icon-wrapper{background:var(--info-light);color:var(--info)}.drop-zone{border:1.5px dashed var(--border-color);border-radius:var(--radius-md);padding:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;background:var(--bg-input);min-height:176px;position:relative;overflow:hidden}.drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='200' height='80' viewBox='0 0 200 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%239ca3af' stroke-width='1' opacity='0.08'%3E%3Cpath d='M10 40 L10 30 M16 40 L16 22 M22 40 L22 32 M28 40 L28 18 M34 40 L34 28 M40 40 L40 35 M46 40 L46 20 M52 40 L52 26 M58 40 L58 38 M64 40 L64 24 M70 40 L70 30 M76 40 L76 16 M82 40 L82 34 M88 40 L88 22 M94 40 L94 28 M100 40 L100 36 M106 40 L106 20 M112 40 L112 30 M118 40 L118 14 M124 40 L124 26 M130 40 L130 32 M136 40 L136 24 M142 40 L142 38 M148 40 L148 18 M154 40 L154 28 M160 40 L160 34 M166 40 L166 22 M172 40 L172 36 M178 40 L178 26 M184 40 L184 20 M190 40 L190 32'/%3E%3Cpath d='M10 40 L10 50 M16 40 L16 58 M22 40 L22 48 M28 40 L28 62 M34 40 L34 52 M40 40 L40 45 M46 40 L46 60 M52 40 L52 54 M58 40 L58 42 M64 40 L64 56 M70 40 L70 50 M76 40 L76 64 M82 40 L82 46 M88 40 L88 58 M94 40 L94 52 M100 40 L100 44 M106 40 L106 60 M112 40 L112 50 M118 40 L118 66 M124 40 L124 54 M130 40 L130 48 M136 40 L136 56 M142 40 L142 42 M148 40 L148 62 M154 40 L154 52 M160 40 L160 46 M166 40 L166 58 M172 40 L172 44 M178 40 L178 54 M184 40 L184 60 M190 40 L190 48'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;background-size:200px 80px;pointer-events:none;transition:opacity .3s ease;opacity:1}.drop-zone:hover{border-color:var(--accent);background:var(--bg-active);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .06)}.drop-zone:hover:before{opacity:0}.drop-zone.dragging{border-color:var(--accent);background:var(--accent-light);border-style:solid;box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .12),inset 0 0 40px rgb(var(--accent-rgb) / .04);transform:scale(1.005)}.drop-zone.dragging:before{opacity:0}.drop-zone.has-file{border-style:solid;border-color:var(--accent);background:var(--bg-active);padding:1rem 1.25rem;min-height:auto}.drop-zone.has-file:before{opacity:0}.dark .drop-zone{border-color:var(--border-color)}.dark .drop-zone:before{filter:invert(1);opacity:.04}.dark .drop-zone:hover{border-color:var(--accent);box-shadow:0 0 0 4px #5b8dee14}.dark .drop-zone.dragging{box-shadow:0 0 0 4px #5b8dee26,inset 0 0 40px #5b8dee0f}.drop-prompt{text-align:center;position:relative;z-index:1}.drop-icon-circle{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-card);border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin:0 auto .875rem;color:var(--accent);transition:all .25s ease;box-shadow:var(--shadow-sm)}.drop-zone:hover .drop-icon-circle{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--accent-dark)}.drop-zone.dragging .drop-icon-circle{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 20px #4f82dc40}.drop-text{font-size:var(--font-body-sm);color:var(--text-secondary);margin-bottom:.5rem;font-weight:450}.drop-link{color:var(--accent-dark);font-weight:600;text-decoration:underline;text-decoration-color:#4f82dc4d;text-underline-offset:2px;transition:text-decoration-color .15s}.drop-link:hover{text-decoration-color:var(--accent-dark)}.drop-formats{font-size:var(--font-caption);color:var(--text-tertiary);letter-spacing:.01em}.file-selected{display:flex;align-items:center;gap:1rem;width:100%;animation:fileSlideIn .3s ease-out;position:relative;z-index:1}@keyframes fileSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.file-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.file-icon-wrapper:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:var(--radius-md);border:2px solid var(--accent);opacity:0;animation:fileIconPulse 2s ease-in-out infinite}@keyframes fileIconPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.04)}}.file-details{flex:1;min-width:0}.file-name{display:block;font-size:var(--font-body-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem}.file-size{font-size:var(--font-caption);color:var(--text-tertiary);font-weight:450}.file-remove{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;cursor:pointer}.file-remove:hover{background:var(--danger-light);color:var(--danger);border-color:#ef444426}.info-card{align-self:start;min-width:0}.steps-list{display:flex;flex-direction:column;gap:.875rem}.step-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;border-radius:var(--radius-sm);transition:background .15s ease}.step-item:hover{background:var(--bg-hover)}.step-number{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.step-item:first-child .step-number{background:var(--accent-light);color:var(--accent-dark)}.step-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.step-text strong{font-size:.85rem;font-weight:600;color:var(--text-primary)}.step-text span{font-size:.775rem;color:var(--text-tertiary);line-height:1.4}.upload-action{margin-top:1.25rem}.upload-action .btn-primary{width:100%;height:var(--control-height-lg);justify-content:center}.upload-action .btn-primary{transition:all .25s ease;position:relative;overflow:hidden}.upload-action .btn-primary:not(:disabled):hover{transform:translateY(-1px)}.upload-action .btn-primary:not(:disabled):active{transform:translateY(0)}.pre-naming-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-light);animation:preNamingReveal .35s ease-out}@keyframes preNamingReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pre-naming-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pre-naming-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-primary)}.pre-naming-optional{font-weight:400;color:var(--text-tertiary)}.pre-naming-controls{display:flex;gap:.375rem}.pre-naming-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer;line-height:1}.pre-naming-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.pre-naming-btn:disabled{opacity:.35;cursor:not-allowed}.pre-naming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}.pre-naming-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all .2s ease}.pre-naming-item:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc14}.pre-naming-badge{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;letter-spacing:.02em;transition:transform .15s ease}.pre-naming-item:focus-within .pre-naming-badge{transform:scale(1.05)}.pre-naming-input-group{flex:1;min-width:0}.pre-naming-input-group label{display:block;font-size:.68rem;font-weight:500;color:var(--text-tertiary);margin-bottom:.1rem}.pre-naming-input-group input{width:100%;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--text-primary);outline:none;padding:0}.pre-naming-input-group input::placeholder{color:var(--text-tertiary);font-weight:400}@media(max-width:768px){.upload-grid{grid-template-columns:1fr;max-width:100%;gap:.875rem}.info-card{order:2}.upload-card{order:1}.drop-zone{min-height:148px;padding:1.25rem 1rem}.steps-list{gap:.5rem}.step-item{padding:.375rem}.step-number{width:24px;height:24px;border-radius:10px}.step-text strong{font-size:.78rem}.step-text span{font-size:.72rem}.pre-naming-section{margin-top:1rem;padding-top:1rem}.pre-naming-header{align-items:flex-start;gap:.75rem}.pre-naming-title{font-size:.8rem}}@media(max-width:600px){.pre-naming-grid{grid-template-columns:1fr}.upload-action{justify-content:stretch}.upload-action .btn-primary{width:100%;justify-content:center}.drop-zone{padding:1.125rem .875rem;min-height:132px}.drop-icon-circle{width:44px;height:44px;margin-bottom:.75rem}.drop-text{font-size:.82rem;line-height:1.45}.drop-formats{font-size:.68rem;line-height:1.45}.drop-zone.has-file{padding:.75rem}.file-selected{gap:.75rem}.file-icon-wrapper{width:38px;height:38px}.pre-naming-grid{gap:.5rem}.pre-naming-item{padding:.55rem .625rem}.pre-naming-badge{width:28px;height:28px}}.naming-wrapper{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;margin-bottom:1.5rem}.naming-filename-icon{background:#8b5cf61a;border-radius:12px;width:40px;height:40px}.naming-speakers-icon{background:#4f82dc1a;border-radius:12px;width:40px;height:40px}.naming-filename-row{display:flex;align-items:center;gap:.75rem}.naming-filename-input{flex:1;max-width:400px}.naming-filename-save{flex-shrink:0;padding:.625rem 1rem!important;font-size:.8125rem!important}.speakers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.speaker-field{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:border-color .15s}.speaker-field:focus-within{border-color:var(--accent)}.speaker-badge{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.speaker-input-group{flex:1;min-width:0}.speaker-input-group label{display:block;font-size:.6875rem;font-weight:500;color:var(--text-tertiary);margin-bottom:.1rem}.speaker-input-group input{width:100%;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--text-primary);outline:none;padding:0}.speaker-input-group input::placeholder{color:var(--text-tertiary);font-weight:400}.naming-actions{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:600px){.naming-wrapper{gap:.875rem;margin-top:1rem;margin-bottom:1rem}.speakers-grid{grid-template-columns:1fr;gap:.5rem}.speaker-field{padding:.55rem .625rem}.speaker-badge{width:30px;height:30px}.naming-filename-row{flex-direction:column;align-items:stretch}.naming-filename-input{max-width:100%}.naming-actions{flex-direction:column;margin-top:1rem;padding-top:1rem}.naming-actions .btn-primary,.naming-actions .btn-secondary{width:100%;justify-content:center}}.transcription-loading{display:flex;justify-content:center;padding:3rem 0}.loading-card{max-width:420px;width:100%;padding:2rem 2rem 1.75rem}.loading-steps-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.75rem;color:var(--text-primary)}.loading-steps-header h2{font-size:1.05rem;font-weight:600}.loading-steps-header svg{color:var(--accent);flex-shrink:0}.loading-steps{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.75rem}.loading-step-row{display:flex;align-items:flex-start;gap:.75rem}.loading-step-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.loading-step-row.done .loading-step-icon{background:var(--success-light);color:var(--success);border-radius:50%}.loading-step-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);margin:4px}.loading-step-text{display:flex;flex-direction:column;gap:.2rem}.loading-step-label{font-size:.875rem;font-weight:500}.loading-step-row.done .loading-step-label{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--border-color)}.loading-step-row.active .loading-step-label{color:var(--text-primary);font-weight:600}.loading-step-row.pending .loading-step-label{color:var(--text-tertiary)}.loading-step-hint{font-size:.775rem;color:var(--text-tertiary)}.loading-bar-track{height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;width:40%;background:var(--accent);border-radius:2px;animation:loading-slide 1.5s ease-in-out infinite}.transcription-page{width:100%;max-width:100%;overflow-x:hidden;min-width:0}.transcription-filename-row{margin-bottom:1.25rem}.transcription-filename-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.transcription-filename-input{display:block;width:100%;max-width:400px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);font-size:.9375rem;font-weight:600;transition:all .2s ease}.transcription-filename-input:hover{border-color:var(--text-tertiary)}.transcription-filename-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc26;outline:none}.transcription-filename-input::placeholder{color:var(--text-tertiary);font-weight:400}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;width:100%}.stat-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-success{background:#16a34a1a}.stat-icon-info{background:#4f82dc1a}.stat-icon-warning{background:#f59e0b1a}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.75rem;color:var(--text-tertiary)}.summary-card{margin-bottom:1.5rem}.summary-icon-wrapper{background:#8b5cf61a;border-radius:12px;width:40px;height:40px}.summary-text{font-size:.875rem;color:var(--text-secondary);line-height:1.8;word-break:break-word;overflow-wrap:break-word;white-space:pre-line}.segments-card .card-header{position:sticky;top:0;background:var(--bg-card);padding-bottom:1rem;border-bottom:1px solid var(--border-light);z-index:1}.segments-icon-wrapper{background:#4f82dc1a;border-radius:12px;width:40px;height:40px}.segment-count{margin-left:auto;background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full)}.segments-list{display:flex;flex-direction:column;max-height:600px;overflow-y:auto;padding-right:.25rem}.segment-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 0;border-bottom:1px solid var(--border-light)}.segment-row:last-child{border-bottom:none}.segment-time{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--text-tertiary);min-width:44px;width:44px;text-align:right;padding-top:.25rem;flex-shrink:0}.segment-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;letter-spacing:.02em}.segment-body{flex:1;min-width:0}.segment-speaker{font-size:.8rem;font-weight:600;display:block;margin-bottom:.2rem}.segment-content{font-size:.875rem;color:var(--text-primary);line-height:1.6}@media(max-width:768px){.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.stat-card{flex-direction:column;align-items:flex-start;gap:.45rem;padding:.625rem;overflow:hidden}.stat-icon{width:30px;height:30px;border-radius:10px}.stat-info{min-width:0;width:100%}.stat-value{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-label{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-card,.segments-card{margin-bottom:1rem}.summary-text,.segment-content{font-size:.82rem;line-height:1.65}}@media(max-width:600px){.segment-row{flex-wrap:wrap;gap:.5rem}.segment-time{min-width:unset}.segment-body{width:100%}.segment-content{word-break:break-word;overflow-wrap:break-word}.loading-card{padding:2rem 1.25rem}}.export-card{margin-top:1.5rem}.export-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:1.25rem}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:var(--bg-hover);border-bottom:1px solid var(--border-color)}.preview-filename-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:0;color:var(--text-tertiary);transition:color .15s}.preview-filename-btn:hover,.preview-filename-btn:hover .preview-filename{color:var(--accent)}.preview-filename{font-size:.8rem;font-weight:600;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;transition:color .15s}.preview-filename-input{font-size:.8rem;font-weight:600;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;background:var(--bg-input);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.2rem .5rem;outline:none;box-shadow:0 0 0 3px #4f82dc26;width:200px}.preview-lines{font-size:.7rem;color:var(--text-tertiary)}.preview-content{padding:.5rem 0;max-height:240px;overflow-y:auto;background:var(--bg-card)}.preview-line{display:flex;gap:1rem;padding:.25rem 1rem;font-family:SF Mono,Fira Code,monospace;font-size:.775rem;line-height:1.6}.preview-line:hover{background:var(--bg-hover)}.line-number{color:var(--text-tertiary);min-width:24px;text-align:right;-webkit-user-select:none;user-select:none}.line-text{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-more .line-text{color:var(--text-tertiary);font-style:italic}.export-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.export-actions-right{display:flex;gap:.75rem}.export-new{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);display:flex;justify-content:center}.export-new-btn{width:100%;justify-content:center}@media(max-width:600px){.export-card{margin-top:1rem}.preview-header{align-items:flex-start;gap:.5rem;flex-direction:column}.preview-content{max-height:220px}.preview-line{gap:.625rem;padding:.25rem .75rem;font-size:.68rem}.line-number{min-width:18px}.export-actions{flex-direction:column}.export-actions-right{width:100%}.export-actions-right .btn-secondary,.export-actions-right .btn-primary{flex:1;justify-content:center}.export-actions>.btn-secondary{width:100%;justify-content:center}}.login-page-shell{min-height:100vh;display:grid;grid-template-columns:minmax(28rem,46%) minmax(0,54%);background:#151515}.login-visual-panel{min-height:100vh;display:flex;align-items:center;overflow:hidden;color:#fff;position:relative;background:radial-gradient(circle at 8% 78%,rgba(75,125,223,.3),transparent 20rem),radial-gradient(circle at 94% 4%,rgba(255,255,255,.09),transparent 14rem),linear-gradient(135deg,#09182f,#142849 58%,#0b1a34)}.login-visual-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.login-visual-content{z-index:1;min-height:min(58rem,calc(100vh - 8rem));width:min(31.5rem,calc(100% - 5.5rem));margin-left:clamp(2.75rem,4.8vw,4.5rem);display:grid;align-content:space-between}.login-brand-logo{width:min(13.5rem,70%);filter:drop-shadow(0 18px 36px rgba(0,0,0,.22))}.login-blue-rule{display:block;width:5.9rem;height:.22rem;border-radius:99px;background:#1874df;box-shadow:0 0 28px #1874df70}.login-product-copy h1{margin:1.35rem 0 0;font-size:clamp(2.75rem,4.1vw,4rem);font-weight:760;line-height:1.06;letter-spacing:0}.login-product-copy p{max-width:29rem;margin:1.25rem 0 0;color:#dee6f7c2;font-size:1.12rem;line-height:1.55}.login-feature-list{display:grid;gap:1rem}.login-feature{display:flex;align-items:center;gap:1rem}.login-feature-icon{width:3rem;height:3rem;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;border:1px solid rgba(116,158,241,.32);background:#5281df2e;color:#b8cdff}.login-feature strong,.login-feature small{display:block}.login-feature strong{font-size:.95rem}.login-feature small{margin-top:.2rem;color:#dee6f7a8;font-size:.82rem;line-height:1.4}.login-form-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(2.5rem,5vw,5rem);background:radial-gradient(circle at 100% 100%,rgba(82,129,223,.13),transparent 19rem),#171717}.login-form{width:min(100%,30rem);display:grid;gap:2rem}.login-mobile-logo{display:none}.login-form-heading h1{margin:0;color:#f7f7f7;font-size:clamp(2.1rem,3.4vw,2.7rem);font-weight:760;line-height:1.08}.login-form-heading p{margin:.55rem 0 0;color:#f5f5f5ad;font-size:1rem;line-height:1.45}.login-form-card{display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.35rem,2.4vw,2rem);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg);background:#1b1b1bc7;box-shadow:0 22px 54px #00000042}.login-submit{height:3.55rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:0;border-radius:var(--radius-sm);background:var(--accent, #4f82dc);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.login-submit:hover:not(:disabled){background:#3b6bc4}.login-submit:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent, #4f82dc),0 0 0 4px #171717f2}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{cursor:not-allowed;background:#64748b}.microsoft-mark{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:2px}.microsoft-mark span:nth-child(1){background:#f25022}.microsoft-mark span:nth-child(2){background:#7fba00}.microsoft-mark span:nth-child(3){background:#00a4ef}.microsoft-mark span:nth-child(4){background:#ffb900}.login-helper{margin:0;color:#f5f5f594;text-align:center;font-size:.84rem;line-height:1.5}.login-error{margin:-.15rem 0 0;color:#ff8d8d;text-align:center;font-size:.86rem;font-weight:600}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:900px){.login-page-shell{min-height:100dvh;grid-template-columns:1fr;background:radial-gradient(circle at 100% 0%,rgba(82,129,223,.15),transparent 16rem),#151515}.login-visual-panel{display:none}.login-form-panel{min-height:100dvh;padding:clamp(1.25rem,6vw,2rem);background:transparent}.login-form{width:min(100%,24rem);gap:1.35rem;text-align:center}.login-mobile-logo{display:block;width:min(13.5rem,72%);margin:0 auto 1.8rem;filter:drop-shadow(0 14px 26px rgba(0,0,0,.24))}.login-form-heading p{max-width:18rem;margin-left:auto;margin-right:auto;font-size:.94rem}.login-form-card{padding:1.15rem;gap:1rem;border-radius:var(--radius-md)}}@media(max-width:520px){.login-form-heading h1{font-size:2rem}.login-submit{height:3.25rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px 32px;max-width:420px;width:90%;box-shadow:var(--shadow-lg)}.modal-message{font-size:.95rem;color:var(--text-primary);margin:0 0 24px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-panel{padding:0}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-tertiary)}.admin-header{margin-bottom:1.75rem}.admin-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.admin-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-alert{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.8rem;font-weight:500;animation:adminFadeIn .15s ease}.admin-alert-success{background:var(--success-light);border:1px solid var(--success);color:var(--success)}.admin-alert-error{background:var(--danger-light);border:1px solid rgba(239,68,68,.25);color:var(--danger)}.dark .admin-alert-error{border-color:#f4707040}.admin-alert-dismiss{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:2px;display:flex;align-items:center;opacity:.6}.admin-alert-dismiss:hover{opacity:1}.admin-subheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.admin-user-count{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-hover);padding:.15rem .5rem;border-radius:var(--radius-full)}.admin-new-user-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;border:none}.admin-new-user-btn.open{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.admin-new-user-btn.open:hover{background:var(--bg-hover)}.dark .admin-new-user-btn.open{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-primary)}.admin-form-card{margin-bottom:1.25rem;animation:adminFadeIn .15s ease}.admin-form-header{display:flex;align-items:center;gap:.625rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem}.admin-form-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-form-header span{font-size:.875rem;font-weight:600;color:var(--text-primary)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.admin-form-group{display:flex;flex-direction:column}.admin-form-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.admin-form-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-light);gap:1rem}.admin-checkbox-chip{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-size:.75rem;font-weight:500;border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-secondary)}.admin-checkbox-chip.checked{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.dark .admin-checkbox-chip.checked{background:#f0a73226;border-color:#f0a73259;color:#fbbf24}.admin-checkbox-chip input[type=checkbox]{width:14px;height:14px;accent-color:var(--warning)}.admin-form-actions{display:flex;gap:.5rem}.admin-users-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;padding:0}.admin-users-header{display:grid;grid-template-columns:1fr 100px 100px 50px;padding:10px 16px;background:var(--bg-input);border-bottom:2px solid var(--border-color)}.admin-users-header span{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.admin-user-row{display:grid;grid-template-columns:1fr 100px 100px 50px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--border-light);transition:background .15s}.admin-user-row:last-child{border-bottom:none}.admin-user-row:hover{background:var(--bg-hover)}.dark .admin-user-row:hover{background:#ffffff08}.admin-user-row.inactive{opacity:.55}.admin-user-row.protected{background:var(--warning-light);opacity:1}.dark .admin-user-row.protected{background:#f0a7320f}.admin-user-info{display:flex;align-items:center;gap:10px;min-width:0}.admin-user-avatar{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.admin-user-text{min-width:0}.admin-user-name-row{display:flex;align-items:center;gap:.375rem}.admin-user-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-badge{font-size:.625rem;font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-full);white-space:nowrap}.admin-user-badge.protected{background:var(--warning-light);color:var(--warning)}.admin-user-badge.self{background:var(--info-light);color:var(--info)}.dark .admin-user-badge.self{background:#5b8dee1f;color:#93bbfd}.admin-user-email{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-meta{font-size:.6875rem;color:var(--text-tertiary);margin-top:2px}.admin-mobile-action,.admin-delete-text{display:none}.toggle-switch{position:relative;width:36px;height:20px;border-radius:var(--radius-full);background:var(--border-color);cursor:pointer;transition:background .2s ease;border:none;padding:0;flex-shrink:0}.toggle-switch.active{background:var(--accent)}.toggle-switch .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s ease}.toggle-switch.active .toggle-knob{left:18px}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-cell{display:flex;align-items:center;gap:.5rem}.toggle-label{font-size:.7rem;font-weight:500}.toggle-label.active{color:var(--success)}.toggle-label.inactive{color:var(--text-tertiary)}.admin-delete-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.admin-delete-btn:hover{background:var(--danger-light);color:var(--danger)}.dark .admin-delete-btn:hover{background:#f4707026}.admin-delete-btn:disabled{opacity:.3;cursor:not-allowed}.admin-delete-btn:disabled:hover{background:transparent;color:var(--text-tertiary)}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.admin-empty-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);margin-bottom:1rem}.admin-empty p{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.admin-empty span{font-size:.8rem;color:var(--text-tertiary);display:block;margin-bottom:1rem}.admin-modal-icon{width:48px;height:48px;border-radius:50%;background:var(--danger-light);display:flex;align-items:center;justify-content:center;color:var(--danger);margin:0 auto 1rem}.admin-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-align:center}.admin-modal-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;text-align:center;margin:0 0 1.5rem}.admin-modal-text strong{color:var(--text-primary)}.admin-modal-actions{display:flex;gap:10px;justify-content:center}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.admin-panel{padding-bottom:1rem}.admin-header{margin-bottom:1rem}.admin-header h1{font-size:1.05rem}.admin-header p{font-size:.78rem;line-height:1.45}.admin-form-grid{grid-template-columns:1fr;gap:.75rem}.admin-users-header{display:none}.admin-users-card{display:flex;flex-direction:column;gap:.75rem;background:transparent;border:0;box-shadow:none;overflow:visible}.admin-user-row{position:relative;grid-template-columns:1fr;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.admin-user-row+.admin-user-row{border-top:1px solid var(--border-color)}.admin-user-row:hover{background:var(--bg-card)}.admin-user-info{align-items:flex-start;gap:.75rem;padding-right:3rem;padding-bottom:.875rem;border-bottom:1px solid var(--border-light)}.admin-user-avatar{width:42px;height:42px;font-size:.82rem}.admin-user-name-row{min-width:0;flex-wrap:wrap}.admin-user-name{font-size:.98rem;font-weight:600}.admin-user-email,.admin-user-meta{font-size:.78rem}.toggle-cell{justify-content:space-between;width:100%;min-height:54px;padding:.625rem .75rem;border:1px solid var(--border-light);border-radius:16px;background:var(--bg-input)}.admin-user-row>.toggle-cell:nth-child(2):before{content:none}.admin-user-row>.toggle-cell:nth-child(3):before{content:none}.admin-user-row>.toggle-cell:before,.admin-user-row>div:last-child:before{content:none;color:var(--text-tertiary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-user-row>div:last-child{position:absolute;top:1rem;right:1rem;min-height:0;padding:0;border:0;background:transparent}.admin-user-row>div:last-child:before{content:none}.admin-form-footer{flex-direction:column;align-items:flex-start}.admin-form-actions{width:100%}.admin-form-actions .btn-primary,.admin-form-actions .btn-secondary{flex:1;justify-content:center}.toggle-label{min-width:46px;text-align:right;font-size:.76rem}.admin-control-row .admin-mobile-action{order:1}.admin-control-row .toggle-label{display:none}.admin-control-row .toggle-switch{order:3;margin-left:0}.admin-control-row:not(:has(.toggle-label)) .toggle-switch{margin-left:auto}.admin-mobile-action{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.admin-mobile-action strong{flex:1;color:var(--text-primary);font-size:.82rem;font-weight:650;line-height:1.2}.admin-mobile-action small{color:var(--text-tertiary);font-size:.76rem;font-weight:650;line-height:1.25;white-space:nowrap}.admin-delete-btn{width:38px;height:38px;min-width:0;padding:0;background:var(--bg-card);border:1px solid var(--border-color);color:var(--danger)}.admin-delete-btn:disabled{color:var(--text-tertiary)}.admin-delete-text{display:none}}@media(max-width:600px){.admin-subheader{flex-direction:row;align-items:center;gap:.75rem}.admin-modal-actions{flex-direction:column}.admin-new-user-btn{width:auto;justify-content:center;min-height:40px;margin-left:auto;padding:0 .85rem;font-size:.82rem}}.history-container{padding:0}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-tertiary)}.history-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.75rem;gap:1rem}.history-title-row{display:flex;align-items:center;gap:.75rem}.history-header-left h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;letter-spacing:-.01em}.history-header-left p{font-size:.8125rem;color:var(--text-tertiary);margin:0}.history-count{font-size:.75rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-hover);padding:.25rem .75rem;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.history-search{position:relative;margin-bottom:1.25rem}.history-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.history-search input{display:block;width:100%;padding:10px 14px 10px 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:.8125rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.history-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc1f}.history-search input::placeholder{color:var(--text-tertiary)}.history-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.history-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.history-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--danger-light);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:var(--danger);margin-bottom:1.25rem;font-size:.875rem}.dark .history-error{border-color:#f4707040}.history-error button{margin-left:auto;background:none;border:none;color:var(--danger);font-size:18px;cursor:pointer}.history-empty-full{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:420px;padding:3rem 2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease}.history-empty-full-icon{width:72px;height:72px;border-radius:20px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.dark .history-empty-full-icon{background:#5b8dee1f;color:#93bbfd}.history-empty-full h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.history-empty-full p{font-size:.8125rem;color:var(--text-tertiary);margin:0 0 1.5rem;max-width:340px;line-height:1.6}.history-empty-full .btn-primary{padding:.625rem 1.5rem}.history-content{display:grid;grid-template-columns:340px 1fr;gap:1.25rem;min-height:520px}.history-list{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.history-list-scroll{flex:1;overflow-y:auto;padding:.375rem}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;color:var(--text-tertiary);text-align:center}.history-empty-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--text-tertiary)}.dark .history-empty-icon{background:#ffffff0a}.history-empty p{margin:0 0 .25rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.history-empty span{font-size:.775rem;color:var(--text-tertiary)}.history-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;position:relative;animation:histItemIn .25s ease-out both}.history-item:hover{background:var(--bg-hover)}.dark .history-item:hover{background:#ffffff0a}.history-item.selected{background:var(--accent-light)}.dark .history-item.selected{background:#5b8dee1f}.history-item.selected .item-icon{background:var(--accent);color:#fff;box-shadow:0 2px 8px #4f82dc4d}.dark .history-item.selected .item-icon{background:#5b8dee4d;color:#93bbfd;box-shadow:0 0 12px #5b8dee33}.history-item.selected .item-info h3{color:var(--accent-dark)}@keyframes histItemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.history-item:nth-child(1){animation-delay:0ms}.history-item:nth-child(2){animation-delay:30ms}.history-item:nth-child(3){animation-delay:60ms}.history-item:nth-child(4){animation-delay:90ms}.history-item:nth-child(5){animation-delay:.12s}.history-item:nth-child(6){animation-delay:.15s}.history-item:nth-child(7){animation-delay:.18s}.history-item:nth-child(8){animation-delay:.21s}.history-item:nth-child(9){animation-delay:.24s}.history-item:nth-child(10){animation-delay:.27s}.item-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;transition:all .2s ease}.dark .item-icon{background:#ffffff0d}.item-info{flex:1;min-width:0}.item-info h3{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.item-meta{display:flex;align-items:center;gap:.5rem}.item-date{font-size:.6875rem;color:var(--text-tertiary)}.item-dot{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.item-segments{font-size:.6875rem;color:var(--text-tertiary);font-weight:500}.item-delete{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;opacity:0}.history-item:hover .item-delete{opacity:1}.item-delete:hover{background:var(--danger-light);color:var(--danger)}.dark .item-delete:hover{background:#f4707026}.history-detail{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;color:var(--text-tertiary);text-align:center;padding:2rem}.detail-empty-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--text-tertiary)}.dark .detail-empty-icon{background:#ffffff0a}.detail-empty p{margin-top:0;color:var(--text-secondary);font-size:.875rem}.detail-empty span{font-size:.775rem;color:var(--text-tertiary);display:block;margin-top:.25rem}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);gap:1rem;flex-shrink:0}.detail-header-left{flex:1;min-width:0}.detail-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-date{font-size:.75rem;color:var(--text-tertiary)}.load-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.load-btn:hover{background:var(--accent-dark);box-shadow:var(--shadow-md)}.dark .load-btn{background:#5b8dee40;color:#93bbfd;border:1px solid rgba(91,141,238,.35)}.dark .load-btn:hover{background:#5b8dee59}.detail-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.detail-stats{display:flex;gap:.75rem;margin-bottom:1.25rem}.detail-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:.75rem;color:var(--text-secondary)}.detail-stat svg{color:var(--text-tertiary);flex-shrink:0}.detail-stat strong{font-weight:600;color:var(--text-primary)}.detail-summary{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1.25rem}.detail-summary-label{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.625rem}.detail-summary-label svg{color:var(--purple)}.detail-summary p{color:var(--text-primary);margin:0;line-height:1.7;font-size:.8125rem;white-space:pre-line;word-break:break-word}.detail-segments-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem}.detail-segments-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.detail-segments-count{font-size:.6875rem;font-weight:600;color:var(--accent);background:var(--accent-light);padding:.1rem .5rem;border-radius:var(--radius-full)}.dark .detail-segments-count{background:#5b8dee1f;color:#93bbfd}.detail-segments-list{display:flex;flex-direction:column;gap:0}.segment-item{display:flex;gap:.75rem;padding:.75rem 0;position:relative}.segment-item+.segment-item{border-top:1px solid var(--border-light)}.dark .segment-item+.segment-item{border-top-color:#ffffff0d}.segment-item-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;letter-spacing:.02em;margin-top:2px}.segment-item-body{flex:1;min-width:0}.segment-item-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.2rem}.segment-item-speaker{font-size:.775rem;font-weight:600}.segment-item-time{font-family:SF Mono,Fira Code,monospace;font-size:.6875rem;color:var(--text-tertiary)}.segment-item-content{font-size:.8125rem;color:var(--text-primary);line-height:1.6}.history-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;color:var(--text-tertiary);text-align:center}.history-no-results p{margin:12px 0 4px;color:var(--text-secondary);font-size:.8125rem}.history-no-results span{font-size:.75rem;color:var(--text-tertiary)}@media(max-width:768px){.history-content{grid-template-columns:1fr;gap:.875rem}.history-detail{min-height:300px}.history-header{flex-direction:column;align-items:flex-start;gap:.875rem;margin-bottom:1rem}.history-title-row{gap:.5rem}.history-header-left h1{font-size:1.05rem}.history-search{width:100%}.history-item{padding:.75rem;border-radius:16px}.item-delete{opacity:1}}@media(max-width:600px){.detail-header{flex-direction:column;align-items:flex-start;gap:.75rem}.load-btn{width:100%;justify-content:center}.detail-stats{flex-wrap:wrap}.detail-body{padding:1rem}}:root{--bg-primary: #f6f7f9;--bg-card: #ffffff;--bg-sidebar: #fbfcfe;--bg-topbar: rgba(255, 255, 255, .92);--bg-hover: #f1f4f8;--bg-active: #eef4ff;--bg-input: #fbfbfb;--bg-muted: #f3f6fa;--bg-raised: #ffffff;--bg-badge: #dbeafe;--bg-badge-red: #fef2f2;--bg-badge-yellow: #fffbeb;--bg-badge-blue: #eff6ff;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--accent: #4f82dc;--accent-light: #dbeafe;--accent-soft: rgba(79, 130, 220, .12);--accent-muted: rgba(79, 130, 220, .08);--accent-dark: #2563c8;--success: #16a34a;--success-light: #dcfce7;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--purple: #8b5cf6;--purple-light: #ede9fe;--border-color: #dfe5ee;--border-light: #edf1f6;--border-strong: #c8d2df;--border-hover: #c8d2df;--border-accent: rgba(79, 130, 220, .34);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .035);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .035);--shadow-md: 0 10px 24px rgba(15, 23, 42, .055);--shadow-lg: 0 18px 44px rgba(15, 23, 42, .075);--shadow-popover: 0 18px 48px rgba(15, 23, 42, .14);--ring-focus: 0 0 0 3px rgba(79, 130, 220, .22);--overlay-bg: rgba(0, 0, 0, .45);--accent-rgb: 79 130 220;--selection-active-bg: var(--bg-active);--selection-active-text: var(--accent-dark);--selection-active-border: color-mix(in srgb, var(--accent) 24%, var(--border-color) 76%);--sidebar-nav-active-bg: var(--bg-active);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-full: 999px;--font-caption: 12px;--font-label: 13px;--font-body-sm: 14px;--font-body: 15px;--font-title-sm: 17px;--font-title: 20px;--leading-caption: 1.2;--leading-label: 1.3;--leading-body-sm: 1.45;--leading-body: 1.5;--leading-title-sm: 1.25;--leading-title: 1.2;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--control-height-sm: 36px;--control-height: 40px;--control-height-lg: 44px;--control-height-icon: 32px;--auth-bg: radial-gradient(circle at 18% 8%, rgba(79, 130, 220, .18), transparent 28rem), linear-gradient(145deg, #101b48 0%, #07102d 58%, #04091a 100%);--auth-card-bg: rgba(255, 255, 255, .08);--auth-card-border: rgba(255, 255, 255, .12);--auth-card-shadow: 0 28px 80px rgba(4, 9, 26, .5);--auth-input-bg: rgba(255, 255, 255, .08);--auth-input-border: rgba(255, 255, 255, .14);--auth-input-focus: #5b8dee;--auth-input-shadow: rgba(91, 141, 238, .28);--auth-text: #f7f7f7;--auth-text-sub: #c8d2e8;--auth-error-bg: rgba(239, 68, 68, .12);--auth-error-border: rgba(239, 68, 68, .28);--auth-error-text: #fecaca;--auth-btn-bg: #4f82dc;--auth-btn-shadow: rgba(79, 130, 220, .38);--auth-logo-bg: rgba(255, 255, 255, .08);--auth-spinner-border: rgba(255, 255, 255, .3);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--bg-primary: #0a0a0a;--bg-sidebar: #111111;--bg-topbar: rgba(17, 17, 17, .9);--bg-card: #1a1a1a;--bg-input: #303030;--bg-muted: #222222;--bg-raised: #202020;--bg-hover: #2a2a2a;--bg-active: #1c2a42;--bg-badge: #1c2a42;--bg-badge-red: rgba(239, 68, 68, .1);--bg-badge-yellow: rgba(245, 158, 11, .1);--bg-badge-blue: rgba(79, 130, 220, .1);--text-primary: #f7f7f7;--text-secondary: #d0d0d0;--text-tertiary: #ababab;--text-inverse: #0a0a0a;--accent: #5b8dee;--accent-rgb: 91 141 238;--accent-light: rgba(91, 141, 238, .1);--accent-soft: rgba(91, 141, 238, .16);--accent-muted: rgba(91, 141, 238, .1);--accent-dark: #8ab4f8;--success: #3ecf6e;--success-light: rgba(62, 207, 110, .1);--danger: #f47070;--danger-light: rgba(244, 112, 112, .1);--warning: #f0a732;--warning-light: rgba(240, 167, 50, .1);--info: #5b8dee;--info-light: rgba(91, 141, 238, .1);--purple: #b197fc;--purple-light: rgba(177, 151, 252, .1);--border-color: #373737;--border-light: #1f1f1f;--border-strong: #52525b;--border-hover: #3f3f46;--border-accent: rgba(138, 180, 248, .42);--sidebar-nav-active-bg: #1c2a42;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-popover: 0 20px 56px rgba(0, 0, 0, .72), 0 0 0 1px rgba(255, 255, 255, .06);--ring-focus: 0 0 0 3px rgba(138, 180, 248, .24);--overlay-bg: rgba(0, 0, 0, .75);--auth-bg: linear-gradient(160deg, #0a0a0a 0%, #111827 100%);--auth-card-bg: #161616;--auth-card-border: rgba(255, 255, 255, .08);--auth-card-shadow: 0 24px 64px rgba(0, 0, 0, .8);--auth-input-bg: #0f0f0f;--auth-input-border: #2a2a2a;--auth-text-sub: #8a8a8a}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;background:var(--bg-primary)}body:before{content:none}.dark body{background:var(--bg-primary)}.dark body:before{background:none;opacity:0}#root{width:100%;min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ring-focus)}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb{background:#2a2a2a}.dark ::-webkit-scrollbar-thumb:hover{background:#3a3a3a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes dashSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dashShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.font-mono-numbers{font-family:SF Mono,Fira Code,monospace;font-feature-settings:"tnum";letter-spacing:-.02em}.page-header{margin-bottom:1.25rem}.page-header h1{font-size:var(--font-title);font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.page-header p{font-size:var(--font-body-sm);color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm);min-width:0;overflow-x:hidden;transition:box-shadow .2s ease,border-color .2s ease}.card.cursor-pointer{box-shadow:var(--shadow-md)}.card.cursor-pointer:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.dark .card.cursor-pointer:hover{box-shadow:0 0 15px #ffffff0d,0 0 5px #ffffff05;border-color:#ffffff26}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.card-header h3{font-size:var(--font-title-sm);font-weight:600;line-height:var(--leading-title-sm)}.card-subtitle{font-size:.8rem;color:var(--text-tertiary);margin-top:.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);transition:all .2s ease;cursor:pointer;border:none;outline:none}.btn:focus-visible{box-shadow:0 0 0 3px #4f82dc4d}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--control-height);padding:0 1rem;font-size:var(--font-body-sm);font-weight:500;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;transition:all .2s ease;cursor:pointer}.btn-primary:hover:not(:disabled){background:#3b6bc4;box-shadow:0 10px 22px -16px rgb(var(--accent-rgb) / .7)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.dark .btn-primary{background:#5b8dee40;color:#93bbfd;border:1px solid rgba(91,141,238,.35)}.dark .btn-primary:hover:not(:disabled){background:#5b8dee59}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);transition:all .15s ease;cursor:pointer}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.dark .btn-secondary{background:#ffffff1a;border-color:#ffffff2e;color:var(--text-primary)}.dark .btn-secondary:hover{background:#ffffff26}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius-sm);background:var(--danger);color:#fff;transition:all .15s ease;cursor:pointer}.btn-danger:hover{opacity:.9}.dark .btn-danger{background:#f4707040;color:#f87171;border:1px solid rgba(244,112,112,.35)}.dark .btn-danger:hover{background:#f4707059}@media(max-width:768px){.page-header{margin-bottom:.875rem}.page-header h1{font-size:1.05rem;line-height:1.25}.page-header p{font-size:.78rem;line-height:1.45}.card{border-radius:var(--radius-md);padding:1rem;box-shadow:none}.card-header{gap:.625rem;margin-bottom:.875rem}.card-icon{width:32px;height:32px;border-radius:12px}.card-header h3{font-size:1rem}.card-subtitle{font-size:.75rem}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success{min-height:40px;padding-inline:.875rem;border-radius:12px;font-size:.82rem}}.btn-success{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--success);color:#fff;transition:all .15s ease;cursor:pointer}.btn-success:hover{opacity:.9}.dark .btn-success{background:#3ecf6e40;color:#4ade80;border:1px solid rgba(62,207,110,.35)}.btn-warning{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-sm);background:var(--warning);color:#fff;transition:all .15s ease;cursor:pointer}.btn-warning:hover{opacity:.9}.dark .btn-warning{background:#f0a73240;color:#fbbf24;border:1px solid rgba(240,167,50,.35)}@media(max-width:768px){.btn-success,.btn-warning{min-height:40px;padding-inline:.875rem;border-radius:12px;font-size:.82rem}.input{padding:9px 12px;font-size:.82rem;border-radius:12px}}.btn-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);border:none;display:flex;align-items:center;justify-content:center;transition:all .15s ease;cursor:pointer;padding:0}.btn-icon:hover{background:var(--danger-light);color:var(--danger)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.input{display:block;width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.input:hover{border-color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f82dc26;outline:none}.input::placeholder{color:var(--text-tertiary)}select.input{cursor:pointer}textarea.input{resize:vertical}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.inline-input-row{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.inline-input-row:focus-within{border-color:var(--accent)}.action-btn-edit,.action-btn-delete,.action-btn-warning,.action-btn-success,.action-btn-disabled{width:30px;height:30px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s ease;cursor:pointer;padding:0}.action-btn-edit{color:var(--accent)}.action-btn-delete{color:var(--danger)}.action-btn-warning{color:var(--warning)}.action-btn-success{color:var(--success)}.action-btn-disabled{color:var(--border-color);pointer-events:none}.action-btn-edit:hover{background:var(--accent-light)}.action-btn-delete:hover{background:var(--danger-light)}.action-btn-warning:hover{background:var(--warning-light)}.action-btn-success:hover{background:var(--success-light)}.dark .action-btn-edit:hover{background:#5b8dee26}.dark .action-btn-delete:hover{background:#f4707026}.dark .action-btn-warning:hover{background:#f0a73226}.dark .action-btn-success:hover{background:#3ecf6e26}.status-dot-pending{background:var(--warning)}.status-dot-returned{background:#c2410c}.status-dot-approved-banking{background:var(--accent)}.status-dot-bank-executed{background:var(--purple)}.status-dot-approved{background:var(--success)}.status-dot-cancelled{background:var(--danger)}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#fee2e2;color:#dc2626}.dark .badge-active{background:#3ecf6e1a;color:#4ade80}.dark .badge-inactive{background:#f470701a;color:#f87171}.badge-profile-master{background:#f3e8ff;color:#7e22ce}.badge-profile-operacional{background:#dbeafe;color:#2563eb}.badge-profile-aprovacao{background:#dcfce7;color:#15803d}.badge-profile-lancamento{background:#fef3c7;color:#b45309}.dark .badge-profile-master{background:#a882ff1a;color:#c4b5fd}.dark .badge-profile-operacional{background:#5b8dee1a;color:#93bbfd}.dark .badge-profile-aprovacao{background:#3ecf6e1a;color:#4ade80}.dark .badge-profile-lancamento{background:#f0a7321a;color:#fbbf24}.badge-pending{background:var(--warning-light);color:var(--warning)}.badge-returned{background:#fff7ed;color:#c2410c}.badge-approved-banking{background:var(--accent-light);color:var(--accent)}.badge-bank-executed{background:var(--purple-light);color:var(--purple)}.badge-approved{background:var(--success-light);color:var(--success)}.badge-cancelled{background:var(--danger-light);color:var(--danger)}.dark .badge-returned{background:#f0a7321a;color:#f0a732}.badge-metadata{background:#e8edf4;color:#3b4f6b;border:1px solid #d0d9e6;border-radius:var(--radius-sm);font-weight:500;font-size:.6875rem}.dark .badge-metadata{background:#94afd71f;color:#a8b8cc;border:1px solid rgba(148,175,215,.18)}.table-container{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dark .table-container{border-color:var(--border-light);box-shadow:none}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-input);padding:12px 16px;border-bottom:none;text-align:left}.data-table td{padding:14px 16px;border-bottom:none;color:var(--text-primary);font-size:.875rem}.data-table tbody tr:last-child:after{display:none}.data-table tr:hover td{background:var(--bg-hover)}.dark .data-table tr:hover td{background:#ffffff08}.card-status-pending:hover{border-color:#f59e0b66;box-shadow:0 8px 20px -4px #f59e0b26}.card-status-returned:hover{border-color:#c2410c66;box-shadow:0 8px 20px -4px #c2410c26}.card-status-approved-banking:hover{border-color:#4f82dc66;box-shadow:0 8px 20px -4px #4f82dc26}.card-status-bank-executed:hover{border-color:#8b5cf666;box-shadow:0 8px 20px -4px #8b5cf626}.card-status-approved:hover{border-color:#16a34a66;box-shadow:0 8px 20px -4px #16a34a26}.card-status-cancelled:hover{border-color:#ef444466;box-shadow:0 8px 20px -4px #ef444426}.dark .card-status-pending:hover{border-color:#fbbf24cc;box-shadow:0 0 20px #fbbf2440,0 0 5px #fbbf241a}.dark .card-status-returned:hover{border-color:#f97316cc;box-shadow:0 0 20px #f9731640,0 0 5px #f973161a}.dark .card-status-approved-banking:hover{border-color:#60a5facc;box-shadow:0 0 20px #60a5fa40,0 0 5px #60a5fa1a}.dark .card-status-bank-executed:hover{border-color:#a78bfacc;box-shadow:0 0 20px #a78bfa40,0 0 5px #a78bfa1a}.dark .card-status-approved:hover{border-color:#4ade80cc;box-shadow:0 0 20px #4ade8040,0 0 5px #4ade801a}.dark .card-status-cancelled:hover{border-color:#f87171cc;box-shadow:0 0 20px #f8717140,0 0 5px #f871711a}.modal-box-lg{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{padding:20px 0;margin:0 24px;border-bottom:1px solid var(--border-color)}.modal-header h2,.modal-header h3{font-size:1.125rem;font-weight:600}.modal-tabs{display:flex;margin:0 24px;border-bottom:1px solid var(--border-color)}.modal-tab{padding:10px 16px;font-size:.8125rem;font-weight:500;color:var(--text-tertiary);border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;transition:color .15s}.modal-tab:hover{color:var(--text-secondary)}.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin:0 24px;padding:16px 0;border-top:1px solid var(--border-color)}.dash-kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.dash-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-accent)}.dash-kpi-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.dash-skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-input) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:dashShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.dash-chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.dash-quick-action{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;color:var(--text-primary);font-size:.8125rem;font-weight:500}.dash-quick-action:hover{background:var(--bg-hover);border-color:var(--accent)}.dash-stagger>*{animation:dashSlideUp .35s ease-out both}.dash-stagger>*:nth-child(1){animation-delay:0ms}.dash-stagger>*:nth-child(2){animation-delay:50ms}.dash-stagger>*:nth-child(3){animation-delay:.1s}.dash-stagger>*:nth-child(4){animation-delay:.15s}.dash-stagger>*:nth-child(5){animation-delay:.2s}.dash-stagger>*:nth-child(6){animation-delay:.25s}.dashboard-overdue-row{background:#fef2f2;border:1px solid #fecaca}.dashboard-overdue-row:hover{background:#fee2e2}.dark .dashboard-overdue-row{background:#f470700f;border:1px solid rgba(244,112,112,.1)}.dashboard-upcoming-row{background:var(--bg-input);border:1px solid var(--border-light)}.dashboard-upcoming-row:hover{background:var(--bg-hover)}@media(max-width:640px){.card,.dash-kpi-card,.dash-chart-card{padding:1rem}.dash-quick-action{padding:.75rem .625rem;gap:.375rem;font-size:.75rem}}@media(max-width:600px){.modal-actions{flex-direction:column}}