:root{--md-sys-color-background: #ffffff;--md-sys-color-on-background: #000000;--md-sys-color-surface: #E5E5FD;--md-sys-color-surface-container: #F1F1FD;--md-sys-color-surface-container-high: #E5E5FD;--md-sys-color-primary: #4c0c57;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #E5E5FD;--md-sys-color-on-primary-container: #000000;--bg-timeline: rgba(76, 12, 87, .05);--md-sys-color-outline: #505050;--md-sys-color-outline-variant: #D1D1D1;--bg-dark: var(--md-sys-color-background);--bg-surface: var(--md-sys-color-surface);--bg-header: rgba(255, 255, 255, .95);--bg-surface-alt: #E5E5FD;--bg-surface-hover: #D8D8FA;--primary: var(--md-sys-color-primary);--on-primary: var(--md-sys-color-on-primary);--text-main: #000000;--text-secondary: #4A4A4A;--border-color: rgba(0, 0, 0, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--elevation-1: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--elevation-2: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--elevation-3: 0 4px 8px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .06);--elevation-4: 0 8px 16px rgba(0, 0, 0, .12), 0 16px 32px rgba(0, 0, 0, .08);--glass-border: 1px solid rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(76, 12, 87, .07);--glass-blur: blur(12px);--bg-surface-opaque: #ffffff;--bg-paper: #ffffff}[data-theme=dark]{--md-sys-color-background: #141218;--md-sys-color-on-background: #E5E5FD;--md-sys-color-surface: rgba(29, 27, 32, .75);--md-sys-color-surface-container: rgba(33, 31, 38, .75);--md-sys-color-surface-container-high: rgba(43, 41, 48, .75);--md-sys-color-primary: #E5E5FD;--md-sys-color-on-primary: #4c0c57;--md-sys-color-primary-container: #4F378B;--md-sys-color-on-primary-container: #E5E5FD;--md-sys-color-outline: #938F99;--md-sys-color-outline-variant: rgba(73, 69, 79, .5);--bg-dark: var(--md-sys-color-background);--bg-surface: var(--md-sys-color-surface-container);--bg-header: rgba(20, 18, 24, .5);--bg-surface-alt: var(--md-sys-color-surface-container-high);--bg-surface-hover: rgba(54, 52, 59, .8);--primary: var(--md-sys-color-primary);--on-primary: var(--md-sys-color-on-primary);--text-main: var(--md-sys-color-on-background);--text-secondary: #CAC4D0;--border-color: rgba(255, 255, 255, .1);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--bg-surface-opaque: rgba(29, 27, 32, .98);--bg-paper: var(--bg-surface)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--md-sys-color-background);background-image:none;background-attachment:fixed;background-size:cover;color:var(--text-main);height:100vh;overflow:hidden;letter-spacing:-.01em}[data-theme=dark] body{background-image:radial-gradient(at 0% 0%,hsla(280,40%,15%,1) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(240,40%,15%,1) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(260,40%,15%,1) 0px,transparent 50%)}#root{height:100%}.glass-panel{background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.08);box-shadow:var(--elevation-2);overflow:hidden;transition:box-shadow .15s ease;position:relative}.glass-panel:hover{box-shadow:var(--elevation-3)}.glass-dropdown{background:#fff!important;border-radius:4px;box-shadow:var(--elevation-4);border:1px solid rgba(0,0,0,.1);overflow:hidden;transition:box-shadow .15s ease}.fab{background:var(--primary);color:var(--on-primary);border-radius:4px;box-shadow:var(--elevation-2);transition:background-color .15s ease,box-shadow .15s ease,transform .12s ease;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:.8125rem;font-weight:500}.fab:hover{background:#5e0e69;box-shadow:var(--elevation-3)}.fab:active{transform:scale(.98)}.fab-extended{padding:0 16px;height:36px;border-radius:4px;font-weight:500;letter-spacing:.02em;gap:8px}.fab-small{width:32px;height:32px;border-radius:4px}.floating-pill{background:#fff;border-radius:4px;padding:6px 12px;display:flex;align-items:center;gap:8px;box-shadow:var(--elevation-2);border:1px solid rgba(0,0,0,.08);transition:box-shadow .15s ease,background-color .15s ease}.floating-pill:hover{box-shadow:var(--elevation-3);background:#fafafa}[data-theme=dark] .floating-pill{background:#1d1b20f2;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .floating-pill:hover{background:#28262df2}.md3-icon-btn{border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);transition:background-color .12s ease,color .12s ease;cursor:pointer}.md3-icon-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.md3-icon-btn:hover:not(:disabled){background:#4c0c570f;color:var(--text-main)}.md3-icon-btn:active:not(:disabled){background:#4c0c571a}.btn-icon-plain{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;color:var(--text-secondary)}.btn-icon-plain:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.flex{display:flex!important}.flex-row{flex-direction:row!important}.flex-col{display:flex;flex-direction:column!important}.flex-center{display:flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:500;letter-spacing:.02em;transition:background-color .15s ease,box-shadow .15s ease;box-shadow:var(--elevation-1)}.btn-primary:hover{background-color:#5e0e69;box-shadow:var(--elevation-2)}.btn-primary:active{transform:scale(.98);box-shadow:var(--elevation-1)}.scroll-container{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.scroll-container::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.header-brand{background:linear-gradient(135deg,var(--primary) 0%,#9C27B0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}[data-theme=dark] .header-brand{background:linear-gradient(135deg,#d0bcff,#e040fb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.h-screen{height:100vh}.h-full{height:100%}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-xs{font-size:.6875rem;line-height:1.5}.text-sm{font-size:.8125rem;line-height:1.5}.text-base{font-size:.875rem;line-height:1.6}.text-lg{font-size:1rem;line-height:1.6}.text-xl{font-size:1.125rem;line-height:1.5}.text-2xl{font-size:1.375rem;line-height:1.4}.text-3xl{font-size:1.75rem;line-height:1.3}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-6{padding-top:24px;padding-bottom:24px}.pb-6{padding-bottom:24px}.mb-1{margin-bottom:4px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mr-3{margin-right:12px}.mt-1{margin-top:4px}.mt-auto{margin-top:auto}.-mt-10{margin-top:-40px}.text-white{color:#fff}.bg-black\/20{background-color:#0003}.bg-black\/60{background-color:#0009}[data-theme=dark] .glass-panel{background:#1d1b20f2;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-main{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.z-50{z-index:50}.top-0{top:0}.top-2{top:8px}.top-4{top:16px}.left-6{left:24px}.right-6{right:24px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.no-underline{text-decoration:none}.overflow-visible{overflow:visible}.pt-24{padding-top:96px}.pt-20{padding-top:80px}.nav-link-text{color:var(--primary);font-weight:500}.px-2{padding-left:8px;padding-right:8px}.px-5{padding-left:20px;padding-right:20px}.pr-6{padding-right:24px}.h-16{height:64px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.bg-white{background-color:#fff}.bg-paper{background-color:var(--bg-paper)}.text-primary-color{color:var(--primary)}.z-99{z-index:99}.z-999{z-index:999}.nav-link-text{color:var(--primary)}[data-theme=dark] .nav-link-text{color:#fff}.hover\:scale-105:hover{transform:scale(1.05)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:opacity-80:hover{opacity:.8}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body.resizing-panels{cursor:col-resize!important;user-select:none!important}@keyframes flash-green-border{0%{border-left-color:#22c55e;background-color:#22c55e14}50%{border-left-color:#22c55e}to{border-left-color:transparent;background-color:transparent}}@keyframes flash-red-border{0%{border-left-color:#ef4444;background-color:#ef444414}70%{border-left-color:#ef4444}to{border-left-color:transparent;background-color:transparent}}.segment-completed{animation:flash-green-border 3s ease-out forwards}.segment-failed{animation:flash-red-border 10s ease-out forwards}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{font-family:inherit;font-size:.8125rem;color:var(--text-main);background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:6px 10px;transition:border-color .12s ease,box-shadow .12s ease;outline:none}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4c0c5714}input[type=text]:disabled,input[type=number]:disabled,input[type=email]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled{background:#f5f5f5;color:var(--text-secondary);cursor:not-allowed;opacity:.6}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid rgba(0,0,0,.15);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background-color .12s ease,border-color .12s ease}.btn-secondary:hover{background:#00000008;border-color:#00000040}.btn-secondary:active{background:#0000000f;transform:scale(.98)}.btn-danger{background:#ef4444;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:background-color .12s ease}.btn-danger:hover{background:#dc2626}.btn-danger:active{background:#b91c1c;transform:scale(.98)}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-main);letter-spacing:-.02em;margin:0}h1{font-size:1.75rem;line-height:1.3}h2{font-size:1.375rem;line-height:1.4}h3{font-size:1.125rem;line-height:1.5}h4{font-size:1rem;line-height:1.5}h5{font-size:.875rem;line-height:1.6}h6{font-size:.8125rem;line-height:1.6}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] textarea,[data-theme=dark] select{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-main)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e5e5fd26}[data-theme=dark] input:disabled,[data-theme=dark] textarea:disabled,[data-theme=dark] select:disabled{background:#ffffff05}svg .point-marker text,svg .point-label,.konvajs-content text,canvas+div text,[data-point-id] text{fill:#fff!important;color:#fff!important;font-size:11px!important;font-weight:500!important}.peaks-container text{fill:#fff!important}.book-block{display:flex;background-color:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--elevation-1);border:1px solid var(--border-color);overflow:hidden;height:320px;transition:box-shadow .3s ease,transform .2s ease;margin-bottom:var(--spacing-lg)}.book-block:hover{box-shadow:var(--elevation-2)}.book-card-panel{width:260px;flex-shrink:0;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid var(--border-color);position:relative;background-color:var(--bg-surface-alt)}.book-card-bg-gradient{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,rgba(103,80,164,.1),transparent);pointer-events:none}.book-cover-wrapper{width:120px;height:180px;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);box-shadow:var(--elevation-2);position:relative;z-index:10;background-color:var(--bg-paper);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color);transition:transform .3s ease}.book-block:hover .book-cover-wrapper{transform:scale(1.05)}.book-cover-image{width:100%;height:100%;object-fit:cover}.book-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-surface-container-high);color:var(--primary)}.book-cover-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer}.book-cover-wrapper:hover .book-cover-overlay{opacity:1}.book-title{font-size:1.125rem;font-weight:700;color:var(--text-main);margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.versions-panel{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-paper);overflow-y:auto;border-right:1px solid var(--border-color)}.versions-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-paper);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}.versions-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.btn-link{background:none;border:none;color:var(--primary);font-size:.75rem;font-weight:600;cursor:pointer}.btn-link:hover{text-decoration:underline}.versions-content{padding:var(--spacing-sm);flex:1;display:flex;flex-direction:column}.no-versions{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:.875rem;flex:1;display:flex;align-items:center;justify-content:center}.segments-panel{width:320px;background-color:var(--bg-surface-alt);border-left:1px solid var(--border-color);display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.segments-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--bg-surface)}.version-title{font-size:.875rem;font-weight:600;color:var(--text-main)}.version-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary);margin-top:4px}.status-badge{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.status-ready{background-color:#dcfce7;color:#15803d}.status-processing{background-color:#fef3c7;color:#b45309}.status-draft{background-color:#f3f4f6;color:#4b5563}.segments-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.segment-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--bg-paper);border:1px solid transparent;margin-bottom:var(--spacing-xs);cursor:pointer;transition:all .2s}.segment-item:hover{border-color:var(--primary);box-shadow:var(--elevation-1)}.segment-play-btn{width:32px;height:32px;border-radius:50%;background-color:var(--md-sys-color-primary-container);color:var(--primary);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .2s}.segment-item:hover .segment-play-btn{transform:scale(1.1)}.segment-info{flex:1;min-width:0}.segment-name{font-size:.875rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segment-duration{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.segment-download-btn{opacity:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:opacity .2s}.segment-item:hover .segment-download-btn{opacity:1}.v-table{width:100%;border-collapse:collapse}.v-table tr{border-bottom:1px solid var(--border-color)}.v-table tr:last-child{border-bottom:none}.v-table td{padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.v-table-group-row{background-color:var(--bg-surface-alt)}.v-table-group-cell{padding:var(--spacing-xs) var(--spacing-md)}.group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--primary);display:flex;align-items:center;gap:8px}.group-dot{width:6px;height:6px;border-radius:50%;background-color:var(--primary)}.v-row{cursor:pointer;transition:background-color .2s}.v-row:hover{background-color:var(--bg-surface-hover)}.v-row.selected{background-color:var(--md-sys-color-primary-container)}.btn-icon-small{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer}.btn-icon-small:hover{background-color:#0000000d;color:var(--text-main)}.audio-player-fixed{position:fixed;bottom:0;left:0;right:0;height:80px;background-color:#1e1e24;color:#fff;display:flex;align-items:center;padding:0 var(--spacing-lg);z-index:1000;box-shadow:0 -4px 20px #0000004d}[data-theme=dark] .book-block{background-color:transparent;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .book-card-panel,[data-theme=dark] .versions-panel{background-color:transparent;border-right:1px solid rgba(255,255,255,.1)}[data-theme=dark] .versions-header{background-color:transparent;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:none}[data-theme=dark] .v-table tr{border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=dark] .segment-item{background-color:#ffffff08}[data-theme=dark] .segments-panel{background-color:transparent;border-left:1px solid rgba(255,255,255,.1)}[data-theme=dark] .segments-header{background-color:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-overlay{position:fixed;inset:0;background-color:#0006;backdrop-filter:blur(4px);z-index:50;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:60%;max-width:800px;background-color:var(--bg-surface);box-shadow:-4px 0 20px #00000026;z-index:51;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.drawer-panel.open{transform:translate(0)}.drawer-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-surface)}.drawer-title{font-size:1.5rem;font-weight:700;color:var(--text-main)}.drawer-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:50%;transition:background .2s}.drawer-close-btn:hover{background-color:var(--bg-surface-alt);color:var(--text-main)}.drawer-content{flex:1;overflow-y:auto;padding:24px}.pagination-controls{padding:16px 32px;display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid var(--border-color);background-color:var(--bg-surface)}.pagination-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-paper);cursor:pointer;font-weight:500;color:var(--text-main);transition:all .2s}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:hover:not(:disabled){background-color:var(--bg-surface-alt);border-color:var(--primary)}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.dt-container{width:100%;display:flex;flex-direction:column;gap:12px;font-family:Inter,sans-serif}.dt-table-wrapper{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow-x:auto;background:#fff}.dt-table{width:100%;border-collapse:collapse;font-size:.875rem;color:#1e293b}.dt-th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left;font-weight:500;color:#64748b;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.dt-th-content{display:flex;align-items:center;gap:6px}.dt-sort-icon{opacity:.5}.dt-tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.dt-tr:last-child{border-bottom:none}.dt-tr:hover{background-color:#f8fafc}.dt-tr-expanded{background-color:#f1f5f9}.dt-td{padding:12px 16px;vertical-align:middle}.dt-empty{text-align:center;padding:32px;color:#94a3b8}.dt-expanded-cell{background-color:#f8fafc;padding:0;border-bottom:1px solid #e2e8f0}.dt-loading{padding:32px;text-align:center;color:#64748b}.dt-pagination{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#475569;font-size:.875rem}.dt-page-controls{display:flex;align-items:center;gap:16px}.dt-page-select{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#1e293b;font-size:.875rem;cursor:pointer}.dt-nav-btns{display:flex;align-items:center;gap:8px}.dt-nav-btn{display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer;color:#64748b;transition:all .2s}.dt-nav-btn:hover:not(:disabled){border-color:#cbd5e1;color:#1e293b}.dt-nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-container{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:var(--bg-paper);color:#1e1e24}[data-theme=dark] .page-container{background-color:#121212;color:#e0e0e0}.page-header{padding:32px 32px 16px;display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}.header-title-group h1{font-size:1.875rem;font-weight:700;margin:0;background:linear-gradient(to right,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .header-title-group h1{background:linear-gradient(to right,#a78bfa,#818cf8);-webkit-background-clip:text}.header-subtitle{margin-top:4px;color:#6b7280;font-size:.875rem}[data-theme=dark] .header-subtitle{color:#9ca3af}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary);color:var(--on-primary);border:none;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #4c0c574d;transition:all .2s ease}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #4c0c5766}.controls-bar{padding:16px 32px;display:flex;gap:16px;align-items:center;flex-shrink:0;position:sticky;top:0;z-index:20;background:var(--bg-paper);backdrop-filter:blur(12px)}[data-theme=dark] .controls-bar{background:#121212cc}.search-wrapper{position:relative;flex:1;max-width:600px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;border-radius:12px;border:1px solid #e5e7eb;outline:none;font-size:1rem;background-color:#fff;color:#374151;transition:all .2s}[data-theme=dark] .search-input{background-color:#1e1e24;border-color:#333;color:#e0e0e0}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4c0c571a}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background-color:#fff;border:1px solid #e5e7eb;color:#4b5563;cursor:pointer;font-weight:500;transition:all .2s}[data-theme=dark] .btn-secondary{background-color:#1e1e24;border-color:#333;color:#d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db}[data-theme=dark] .btn-secondary:hover{background-color:#2a2a35;border-color:#4b5563}.modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-container{background-color:#fff;width:100%;max-width:500px;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .modal-container{background-color:#1e1e24;border-color:#333}.modal-header{padding:16px 24px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}[data-theme=dark] .modal-header{background-color:#0003;border-color:#333}.modal-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}[data-theme=dark] .modal-title{color:#f3f4f6}.modal-close-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#0000000d;color:#374151}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.875rem;font-weight:500;color:#374151}[data-theme=dark] .form-label{color:#d1d5db}.form-input,.form-textarea,.form-select{width:100%;padding:10px 16px;border-radius:12px;border:1px solid #e5e7eb;background-color:#fff;font-size:.95rem;outline:none;transition:all .2s;color:#1f2937}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea,[data-theme=dark] .form-select{background-color:#121212;border-color:#333;color:#e0e0e0}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4c0c571a}.file-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:12px;padding:24px;text-align:center;transition:all .2s;background-color:#f9fafb;cursor:pointer}[data-theme=dark] .file-upload-area{border-color:#4b5563;background-color:#ffffff05}.file-upload-area:hover{border-color:var(--primary);background-color:var(--bg-surface-hover)}[data-theme=dark] .file-upload-area:hover{background-color:#8b5cf61a}.file-input-hidden{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.btn-cancel{padding:10px 20px;border-radius:12px;background-color:#f3f4f6;color:#4b5563;border:none;font-weight:500;cursor:pointer}[data-theme=dark] .btn-cancel{background-color:#374151;color:#d1d5db}.btn-cancel:hover{background-color:#e5e7eb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-gray{color:#6b7280}.mb-2{margin-bottom:8px}.pagination-controls{display:flex;align-items:center;gap:8px;background-color:#fff;padding:4px 8px;border-radius:8px;border:1px solid #e5e7eb}[data-theme=dark] .pagination-controls{background-color:transparent;border-color:#333}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--md-sys-color-background);padding:var(--spacing-md)}.login-card{width:100%;max-width:420px;padding:40px;border-radius:24px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 24px -1px #0000000d,0 0 0 1px #fff6 inset;display:flex;flex-direction:column;gap:24px}[data-theme=dark] .login-card{background:#1e1c24b3;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px -1px #0003}.login-header{text-align:center;margin-bottom:8px}.company-logo{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.logo-text{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,#9C27B0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}[data-theme=dark] .logo-text{background:linear-gradient(135deg,#d0bcff,#e040fb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-title{font-size:1.5rem;font-weight:600;color:var(--text-main);margin-bottom:8px}.login-subtitle{font-size:.95rem;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-left:4px}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:12px 16px;font-size:1rem;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:#ffffff80;transition:all .2s ease;color:var(--text-main);outline:none}[data-theme=dark] .form-input{background:#0003;border-color:#ffffff1a}.form-input:focus{border-color:var(--primary);background:var(--bg-surface-opaque);box-shadow:0 0 0 4px #4c0c571a}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background .2s}.password-toggle:hover{background:#0000000d;color:var(--text-main)}[data-theme=dark] .password-toggle:hover{background:#ffffff1a}.error-message{padding:10px;border-radius:8px;background-color:#ff3b301a;color:#d32f2f;font-size:.9rem;text-align:center;border:1px solid rgba(255,59,48,.2)}[data-theme=dark] .error-message{color:#ffb4ab;background-color:#ffb4ab1a;border-color:#ffb4ab33}.login-button{width:100%;padding:14px;background:var(--primary);color:var(--on-primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4c0c574d;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4c0c5766;filter:brightness(1.05)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}