.session-timeout-overlay{align-items:center;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.session-timeout-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.timeout-header{margin-bottom:24px}.timeout-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;color:#fff;display:inline-block;display:flex;font-size:28px;height:60px;justify-content:center;margin-bottom:16px;width:60px}.timeout-header h2{color:#1f2937;font-family:Noto Nastaliq Urdu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:22px;font-weight:700;margin:0}.timeout-message{color:#4b5563;font-size:15px;line-height:1.6;margin:20px 0}.timeout-message strong{color:#1f2937;font-weight:600}.timeout-countdown{animation:countdownPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:2px solid #dbeafe;border-radius:12px;margin:24px 0;padding:24px}@keyframes countdownPulse{0%,to{box-shadow:0 0 0 0 #3b82f64d}50%{box-shadow:0 0 0 8px #3b82f600}}.countdown-number{color:#3b82f6;font-family:Noto Nastaliq Urdu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:52px;font-weight:800;line-height:1}.countdown-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin-top:8px;text-transform:uppercase}.timeout-warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-size:14px;margin:20px 0;padding:12px 16px}.timeout-warning p{align-items:center;display:flex;gap:8px;margin:0}.timeout-warning i{font-size:16px}.continue-session-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:20px 0;padding:14px 20px;transition:all .3s ease;width:100%}.continue-session-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.continue-session-btn:active{transform:translateY(0)}.continue-session-btn i{font-size:18px}.timeout-info{color:#9ca3af;font-size:12px;line-height:1.5;margin-top:16px}.timeout-info small{display:block}@media (prefers-color-scheme:dark){.session-timeout-modal{background:#1f2937;color:#f3f4f6}.timeout-header h2{color:#f3f4f6}.timeout-message{color:#d1d5db}.timeout-message strong{color:#f3f4f6}.timeout-warning{background:#78350f;border-left-color:#f59e0b;color:#fef3c7}}@media (max-width:480px){.session-timeout-modal{padding:32px 24px}.timeout-header h2{font-size:20px}.timeout-message{font-size:14px}.countdown-number{font-size:44px}.continue-session-btn{font-size:15px;padding:12px 18px}}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--accent:#3b82f6;--accent-soft:#60a5fa;--accent-lighter:#93c5fd;--success:#10b981;--success-light:#34d399;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-start:#f8fafc;--bg-end:#eff6ff;--bg-gradient:linear-gradient(135deg,#f8fafc,#eff6ff);--panel-bg:#fff;--surface:#f9fafb;--surface-hover:#f3f4f6;--select-bg:#fff;--select-warning-bg:#fee2e2;--select-active-bg:#fef3c7;--select-blue-bg:#eff6ff;--select-green-bg:#ecfdf5;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-light:#9ca3af;--border:#00000014;--border-light:#0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--header-bg:#fffffffa;--header-height:52px;--tab-bg:#0000;--tab-border:var(--border);--hover-bg:#3b82f614;--glow-color:#3b82f626;--blur-amount:12px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--spacing-xs:0.125rem;--spacing-sm:0.25rem;--spacing-md:0.375rem;--spacing-lg:0.5rem;--spacing-xl:0.75rem;--spacing-2xl:1.25rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.625rem;--radius-full:9999px}[data-theme=dark]{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--accent:#60a5fa;--accent-soft:#93c5fd;--accent-lighter:#bfdbfe;--success:#34d399;--success-light:#6ee7b7;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--bg-start:#0f172a;--bg-end:#1e293b;--bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--panel-bg:#1e293b;--surface:#334155;--surface-hover:#475569;--select-bg:#1e1e32;--select-warning-bg:#ef444433;--select-active-bg:#f59e0b33;--select-blue-bg:#3b82f633;--select-green-bg:#10b98133;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--border:#ffffff1a;--border-light:#ffffff0d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-md:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-lg:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-xl:0 25px 50px -12px #000000b3;--header-bg:#1e293bf2;--tab-bg:#60a5fa1a;--tab-border:#ffffff1a;--hover-bg:#60a5fa26;--glow-color:#60a5fa33}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}.app-root{background:linear-gradient(135deg,#f8fafc,#eff6ff);background:var(--bg-gradient);color:#111827;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.app-root:before{height:500px;right:-5%;top:-10%;width:500px}.app-root:after,.app-root:before{background:radial-gradient(circle,#3b82f626,#0000 70%);background:radial-gradient(circle,var(--glow-color),#0000 70%);content:"";filter:blur(80px);pointer-events:none;position:fixed;z-index:0}.app-root:after{bottom:-15%;height:400px;left:-5%;width:400px}.app-header{align-items:center;backdrop-filter:blur(12px);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(var(--blur-amount));background:#fffffffa;background:var(--header-bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:.5rem;gap:var(--spacing-lg);height:52px;height:var(--header-height);justify-content:space-between;left:0;padding:0 .75rem;padding:0 var(--spacing-xl);position:fixed;right:0;top:0;transition:all .2s ease;transition:all var(--transition-base);width:100%;z-index:100}.header-right{flex:1 1;justify-content:flex-end}.header-actions,.header-right{align-items:center;display:flex;gap:.25rem}.app-header h1,.app-header h2{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;margin:0}.logo-container{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.logo-image{height:36px;transition:all .2s ease;transition:all var(--transition-base);width:auto}.logo-image:hover{transform:scale(1.02)}.logo-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;transition:transform .2s ease;transition:transform var(--transition-base);width:32px}.logo-icon:hover{transform:scale(1.05)}.tabs{border-radius:0;box-shadow:none;display:flex;padding:0}.tabs,.tabs button{background:#0000;border:none;gap:4px}.tabs button{align-items:center;border-radius:.375rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;padding:.375rem .5rem;transition:all .2s ease;transition:all var(--transition-base);white-space:nowrap}.tabs button svg{font-size:.875rem;transition:transform .2s ease;transition:transform var(--transition-base)}.tabs button:hover:not(.active){background:#3b82f614;background:var(--hover-bg);color:#2563eb;color:var(--primary)}.tabs button:hover:not(.active) svg{transform:scale(1.05)}.tabs button.active{background:#2563eb;background:var(--primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.tabs button.active:before{display:none}.tabs button.active svg{animation:none}.tabs button{position:relative}.tabs button:after{background:#111827;background:var(--text-primary);border-radius:.25rem;border-radius:var(--radius-sm);bottom:-28px;color:#fff;color:var(--panel-bg);content:attr(data-tooltip);font-size:.6875rem;font-weight:500;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s,visibility .15s;visibility:hidden;white-space:nowrap;z-index:1000}.tabs button:hover:after{opacity:1;visibility:visible}.theme-toggle-switch{cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.toggle-track{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #3b82f633;border-radius:20px;box-shadow:inset 0 2px 4px #00000014,0 1px 3px #0000001a;display:flex;height:28px;justify-content:space-between;padding:0 6px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:56px}.theme-toggle-switch.dark .toggle-track{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #94a3b833}.toggle-icon{font-size:.65rem;transition:all .3s ease;z-index:1}.toggle-icon.sun{color:#f59e0b}.toggle-icon.moon{color:#94a3b8}.theme-toggle-switch.dark .toggle-icon.sun{color:#475569}.theme-toggle-switch.dark .toggle-icon.moon{color:#e2e8f0}.toggle-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 6px #2563eb66;height:22px;left:3px;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);width:22px}.theme-toggle-switch.dark .toggle-thumb{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 2px 6px #0000004d;left:calc(100% - 25px)}.theme-toggle-switch:hover .toggle-track{box-shadow:inset 0 2px 4px #00000014,0 0 0 3px #3b82f626}.theme-toggle-switch:active .toggle-thumb{width:26px}.theme-toggle-switch.dark:active .toggle-thumb{left:calc(100% - 29px)}main{min-height:100vh;padding:64px 12px 12px;padding:calc(var(--header-height) + 12px) 12px 12px;position:relative;z-index:1}.user-profile-card{align-items:center;background:#0000;border:1px solid #00000014;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:none;display:flex;flex-shrink:0;gap:.125rem;gap:var(--spacing-xs);padding:4px 10px;transition:all .2s ease;transition:all var(--transition-base)}.user-profile-card:hover{background:#3b82f614;background:var(--hover-bg);border-color:#2563eb;border-color:var(--primary)}.user-avatar{align-items:center;background:#2563eb;background:var(--primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:none;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:28px;justify-content:center;width:28px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#111827;color:var(--text-primary);font-size:.75rem;font-weight:500;line-height:1.2}.user-role{color:#6b7280;color:var(--text-muted);font-size:.625rem;line-height:1.2;text-transform:capitalize}.profile-dropdown{animation:fadeIn .2s ease-in-out;background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);min-width:180px;padding:.25rem;padding:var(--spacing-sm);position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.25rem;gap:var(--spacing-sm);padding:.625rem .875rem;text-align:left;transition:all .2s ease;transition:all var(--transition-base);width:100%}.dropdown-item:hover{background:#f3f4f6;background:var(--surface-hover);color:#ef4444;color:var(--danger)}.dropdown-item:active{transform:scale(.98)}.rubrics-preview,input,select,textarea{background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:none;color:#111827;color:var(--text-primary);font-family:inherit;font-size:.8125rem;padding:.3rem .625rem;transition:all .2s ease;transition:all var(--transition-base)}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--text-light)}input:hover,select:hover,textarea:hover{border-color:#60a5fa;border-color:var(--accent-soft)}input:focus,select:focus,textarea:focus{background:#fff;background:var(--panel-bg);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 4px #3b82f61a,var(--shadow);outline:none}textarea{line-height:1.6;resize:vertical}.rubrics-preview{word-wrap:break-word;background:#f9fafb;background:var(--surface);line-height:1.5;min-height:80px}button{align-items:center;border:none;border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:.25rem;gap:var(--spacing-sm);padding:.4rem .875rem;transition:all .2s ease;transition:all var(--transition-base);white-space:nowrap}.btn-common,.btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:1px solid #0000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff}.btn-common:hover:not(:disabled),.btn-primary:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-common:active:not(:disabled),.btn-primary:active:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(0)}.btn-green,.btn-success{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success),var(--success-light));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff}.btn-green:hover:not(:disabled),.btn-success:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-danger,.trash-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger),#dc2626);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff}.btn-danger:hover:not(:disabled),.trash-btn:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#f9fafb;background:var(--surface);border:1px solid #00000014;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827}.btn-secondary:hover:not(:disabled){background:#f3f4f6;background:var(--surface-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #3b82f6;border:2px solid var(--accent);color:#3b82f6;color:var(--accent)}.btn-outline:hover:not(:disabled){background:#3b82f6;background:var(--accent);color:#fff;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent);outline-offset:2px}.card,.file-card,.panel{background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:10px;transition:all .2s ease;transition:all var(--transition-base)}.card:hover,.file-card:hover,.panel:hover{border-color:#60a5fa;border-color:var(--accent-soft);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-container{margin:0 auto;max-width:1400px;padding:0 8px}.table-wrapper{background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.625rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);overflow:hidden;overflow-x:auto}table{border-collapse:collapse;color:#111827;color:var(--text-primary);font-size:10px;width:100%}table th{background:#f9fafb;background:var(--surface);border-bottom:2px solid #00000014;border-bottom:2px solid var(--border);color:#4b5563;color:var(--text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}table td,table th{padding:.5rem .75rem}table td{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);color:#111827;color:var(--text-primary);font-size:.8125rem;vertical-align:middle}table tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-fast)}table tbody tr:hover{background:#f9fafb;background:var(--surface)}table tbody tr:last-child td{border-bottom:none}.empty-state{color:#6b7280;color:var(--text-muted);padding:1rem .75rem;text-align:center}.empty-state h3{color:#111827;color:var(--text-primary);font-size:1.0625rem;margin-bottom:.375rem;margin-bottom:var(--spacing-md)}.empty-state p{color:#4b5563;color:var(--text-secondary);font-size:.8125rem;margin-bottom:.5rem;margin-bottom:var(--spacing-lg)}.loading{color:#6b7280;color:var(--text-muted);display:flex;gap:.25rem;gap:var(--spacing-sm);justify-content:center}.badge,.loading{align-items:center}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem}.badge-primary{background:#3b82f61a;color:#2563eb;color:var(--primary)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.badge-danger{background:#ef44441a;color:#ef4444;color:var(--danger)}.logout-btn{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease;transition:all var(--transition-base)}.logout-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mobile-menu-toggle{align-items:center;background:#fff;background:var(--panel-bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:none;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s ease;transition:all var(--transition-base);width:40px}.mobile-menu-toggle:hover{background:#f3f4f6;background:var(--surface-hover)}.mobile-menu-dropdown{animation:slideInRight .3s ease;background:#fff;background:var(--panel-bg);border-left:1px solid #00000014;border-left:1px solid var(--border);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);max-height:calc(100vh - 52px);max-height:calc(100vh - var(--header-height));overflow-y:auto;padding:.375rem 0;padding:var(--spacing-md) 0;position:fixed;right:0;top:52px;top:var(--header-height);width:250px;z-index:999}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-menu-dropdown button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.375rem;gap:var(--spacing-md);padding:.875rem 1.5rem;text-align:left;transition:all .2s ease;transition:all var(--transition-base);width:100%}.mobile-menu-dropdown button:hover{background:#f3f4f6;background:var(--surface-hover);border-left-color:#3b82f6;border-left-color:var(--accent)}.mobile-menu-dropdown button.active{background:#0000;background:var(--tab-bg);border-left-color:#3b82f6;border-left-color:var(--accent);color:#3b82f6;color:var(--accent);font-weight:600}.mobile-menu-dropdown button svg{height:1.25rem;width:1.25rem}@media (max-width:1024px){:root{--header-height:48px}.app-header{padding:0 .5rem;padding:0 var(--spacing-lg)}.app-header h1,.app-header h2{font-size:.9375rem}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}}@media (max-width:1300px){.tabs button{padding:.5rem .75rem}.tabs button .tab-label{display:none}.tabs button svg{font-size:1rem}}@media (max-width:1200px){.tabs button svg{font-size:.875rem}}@media (max-width:900px){.mobile-menu-toggle{display:flex!important}.tabs{display:none!important}.app-header{padding:0 .375rem;padding:0 var(--spacing-md)}}@media (max-width:768px){:root{--header-height:52px;--spacing-xl:1.25rem}.app-header{gap:.25rem;gap:var(--spacing-sm);height:52px;height:var(--header-height);padding:.25rem .375rem;padding:var(--spacing-sm) var(--spacing-md)}.logo-container{gap:6px}.logo-image{height:32px}.app-header h1,.app-header h2{font-size:.875rem}main{padding:62px 10px 10px;padding:calc(var(--header-height) + 10px) 10px 10px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}}@media (max-width:550px){:root{--spacing-xl:1rem;--spacing-lg:0.75rem}.app-header{padding:.25rem;padding:var(--spacing-sm) var(--spacing-sm)}.app-header h1,.app-header h2{font-size:.8125rem}.logo-container{gap:4px}.logo-image{height:35px}.theme-toggle{font-size:.75rem;height:32px;width:32px}.mobile-menu-toggle{font-size:1.1rem;height:36px;width:36px}.user-profile-card{padding:4px 8px}.user-avatar{font-size:.7rem;height:28px;width:28px}.user-name{font-size:.75rem}.user-role{font-size:.625rem}main{padding:60px 8px 8px;padding:calc(var(--header-height) + 8px) 8px 8px}button{font-size:.75rem;padding:.375rem .75rem}input,select,textarea{font-size:.75rem;padding:.3rem .5rem}.card,.file-card,.panel{padding:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.spinner{animation:spin 1s linear infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.125rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.25rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:.375rem;margin-top:var(--spacing-md)}.mt-4{margin-top:.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:.75rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.125rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.25rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:.375rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:.75rem;margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.125rem;gap:var(--spacing-xs)}.gap-2{gap:.25rem;gap:var(--spacing-sm)}.gap-3{gap:.375rem;gap:var(--spacing-md)}.gap-4{gap:.5rem;gap:var(--spacing-lg)}.w-full{width:100%}.hidden{display:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--surface)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:.375rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:#6b7280;background:var(--text-muted);-webkit-transition:background .2s ease;transition:background .2s ease;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#4b5563;background:var(--text-secondary)}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--accent);outline-offset:2px}::selection{background:#3b82f6;background:var(--accent);color:#fff}@media print{.app-header,.theme-toggle,button{display:none}main{padding:0}}.landing-page{background:linear-gradient(135deg,#f8fafc,#eff6ff);min-height:100vh;overflow-x:hidden;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(20px) rotate(-5deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dots{0%,20%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.animated-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-shape{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-radius:50%;position:absolute}.shape-1{animation:float 20s ease-in-out infinite;height:300px;left:5%;top:10%;width:300px}.shape-2{animation:floatReverse 15s ease-in-out infinite;height:200px;right:10%;top:60%;width:200px}.shape-3{animation:float 25s ease-in-out infinite;bottom:20%;height:150px;left:15%;width:150px}.shape-4{animation:floatReverse 18s ease-in-out infinite;height:250px;right:20%;top:40%;width:250px}.shape-5{animation:float 22s ease-in-out infinite;bottom:10%;height:180px;right:5%;width:180px}.landing-nav{animation:fadeInDown .5s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #00000014;box-shadow:0 2px 8px #0000000d;left:0;position:fixed;right:0;top:0;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.landing-nav:hover{box-shadow:0 4px 16px #0000001a}.landing-nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.landing-logo{align-items:center;display:flex;gap:12px}.landing-logo-img{height:48px;transition:transform .3s ease;width:auto}.landing-logo:hover .landing-logo-img{transform:rotate(20deg)}.footer-logo-img{filter:brightness(0) invert(1)}.landing-logo-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.landing-logo-text{color:#111827;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.landing-login-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .3s ease}.landing-login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.landing-login-btn:hover:before{left:100%}.landing-login-btn:hover{box-shadow:0 7px 25px #3b82f666;transform:translateY(-3px) scale(1.05)}.hero-section{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:140px 2rem 80px}.hero-content{animation:fadeInUp .8s ease-out}.hero-badge{align-items:center;animation:fadeInUp .8s ease-out .2s;animation-fill-mode:both;background:#3b82f61a;border:1px solid #3b82f633;border-radius:24px;color:#3b82f6;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:2rem;padding:8px 16px}.hero-title{animation:fadeInUp .8s ease-out .3s;animation-fill-mode:both;color:#111827;font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text}.hero-description{animation:fadeInUp .8s ease-out .4s;animation-fill-mode:both;color:#6b7280;font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem}.hero-buttons{animation:fadeInUp .8s ease-out .5s;animation-fill-mode:both;display:flex;gap:1rem;margin-bottom:3rem}.hero-btn-primary,.hero-btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:1rem 2rem;transition:all .3s ease}.hero-btn-primary{animation:pulse 2s infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.hero-btn-primary:hover{animation-play-state:paused;box-shadow:0 7px 25px #3b82f666;transform:translateY(-3px) scale(1.05)}.hero-btn-secondary{background:#fff;border:2px solid #3b82f6;color:#3b82f6}.hero-btn-secondary:hover{background:#f0f9ff;border-color:#2563eb;transform:translateY(-3px)}.btn-arrow{font-size:1.25rem;transition:transform .2s}.hero-btn-primary:hover .btn-arrow{transform:translateX(4px)}.hero-stats{grid-gap:2rem;animation:fadeInUp .8s ease-out .6s;animation-fill-mode:both;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.stat-item{animation:bounce 2s infinite;animation-delay:calc(var(--index)*.2s)}.stat-item:first-child{--index:0}.stat-item:nth-child(2){--index:1}.stat-item:nth-child(3){--index:2}.stat-icon{animation:float 3s ease-in-out infinite;color:#3b82f6;display:inline-block;filter:drop-shadow(0 2px 8px rgba(59,130,246,.3));font-size:2rem;margin-bottom:.5rem}.stat-icon svg{display:block}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:.875rem}.hero-visual{height:500px;justify-content:center;position:relative}.hero-visual,.visual-card{align-items:center;display:flex}.visual-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;cursor:pointer;flex-direction:column;gap:1rem;opacity:0;padding:2rem;position:absolute;transition:transform .3s ease,box-shadow .3s ease}.visual-card:hover{animation:glow 2s infinite;box-shadow:0 15px 40px #3b82f633;transform:scale(1.05) translateY(-5px)}.card-glow{background:radial-gradient(circle,#3b82f626 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.visual-card:hover .card-glow{opacity:1}.card-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.processing-dots{display:flex;gap:6px;margin-top:8px}.processing-dots span{animation:dots 1.5s infinite;background:#3b82f6;border-radius:50%;height:8px;width:8px}.processing-dots span:nth-child(2){animation-delay:.2s}.processing-dots span:nth-child(3){animation-delay:.4s}.connecting-line{background:linear-gradient(90deg,#3b82f6,#2563eb);height:3px;opacity:.3;position:absolute;z-index:-1}.line-1{animation:shimmer 3s infinite;left:180px;top:25%;transform:rotate(-20deg);width:150px}.line-2{animation:shimmer 3s 1.5s infinite;right:180px;top:60%;transform:rotate(20deg);width:150px}.visual-card.card-1{animation:slideInFromLeft 1s ease-out .5s forwards;left:0;top:0}.visual-card.card-2{animation:slideInFromRight 1s ease-out .8s forwards;right:10%;top:50%;transform:translateY(-50%)}.visual-card.card-3{animation:slideInFromBottom 1s ease-out 1.1s forwards;bottom:0;left:10%}.card-icon{color:#3b82f6;font-size:2.5rem;transition:transform .3s ease}.visual-card:hover .card-icon{transform:scale(1.2) rotate(10deg)}.card-text{color:#111827;font-weight:600;white-space:nowrap}.features-section{margin:0 auto;max-width:1400px;padding:80px 2rem}.section-header{margin-bottom:4rem;opacity:0;text-align:center;transform:translateY(20px);transition:opacity 1s,transform 1s}.features-section.in-view .section-header{opacity:1;transform:translateY(0)}.section-title{color:#111827;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{color:#6b7280;font-size:1.25rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card-landing{background:#fff;border:1px solid #e5e7eb;border-radius:16px;opacity:0;overflow:hidden;padding:2rem;position:relative;transform:translateY(30px);transition:all .3s ease}.features-section.in-view .feature-card-landing{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.feature-card-landing:before{background:radial-gradient(circle at center,#3c83f626 0,#0000 80%);content:"";height:0;left:var(--mouse-x);opacity:0;position:absolute;top:var(--mouse-y);transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;width:0}.feature-card-landing:hover:before{height:400px;opacity:1;width:400px}.feature-card-landing:hover{border-color:#bfdbfe;box-shadow:0 20px 40px #0000001a;transform:translateY(-10px)}.feature-icon-landing{align-items:center;border-radius:12px;display:flex;font-size:1.75rem;height:64px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:transform .3s ease;width:64px;z-index:2}.feature-card-landing:hover .feature-icon-landing{transform:scale(1.1)}.feature-description,.feature-title{position:relative;z-index:2}.feature-title{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-description{color:#6b7280;line-height:1.6}.cta-section{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:24px;margin:80px auto;max-width:1400px;opacity:0;overflow:hidden;padding:80px 2rem;position:relative;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.cta-section.in-view{opacity:1;transform:translateY(0)}.cta-sparkles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.sparkle{animation:sparkle 3s infinite;color:#ffffffe6;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:2rem;position:absolute}.sparkle svg{display:block}.sparkle-1{animation-delay:0s;left:10%;top:10%}.sparkle-2{animation-delay:.5s;right:15%;top:20%}.sparkle-3{animation-delay:1s;bottom:15%;left:20%}.sparkle-4{animation-delay:1.5s;bottom:25%;right:10%}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-title{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.cta-description{color:#ffffffe6;font-size:1.25rem;margin-bottom:2rem}.cta-button{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:8px;padding:1.25rem 3rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 6px 30px #0003;transform:translateY(-3px) scale(1.05)}.landing-footer{background:#111827;padding:3rem 2rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-logo .landing-logo-text,.landing-footer .landing-logo-text{color:#fff}.footer-text{color:#9ca3af;font-size:.875rem}@media (max-width:1024px){.hero-section{grid-template-columns:1fr;padding-top:120px}.hero-visual{height:400px;margin-top:2rem}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-nav-content{padding:1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.hero-buttons{flex-direction:column}.hero-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-number{font-size:2rem}.hero-visual{display:flex;flex-direction:column;gap:1rem;height:auto;position:static}.visual-card{animation:none;opacity:1;position:static;width:100%}.visual-card.card-1,.visual-card.card-2,.visual-card.card-3{animation:fadeInUp .5s ease-out forwards}.visual-card.card-2{animation-delay:.2s}.visual-card.card-3{animation-delay:.4s}.card-icon,.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}}.db{animation:dbFadeIn .4s ease;margin:0 auto;max-width:1200px;padding:20px 16px 40px}@keyframes dbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.db-welcome{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#6366f1);border-radius:16px;box-shadow:0 8px 32px #2563eb40;margin-bottom:20px;overflow:hidden;position:relative}.db-welcome-bg{background:radial-gradient(circle at 85% 15%,#ffffff1f 0,#0000 50%),radial-gradient(circle at 15% 85%,#ffffff0f 0,#0000 40%);inset:0;pointer-events:none;position:absolute}.db-welcome-content{padding:24px 28px 20px;position:relative;z-index:1}.db-welcome-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:18px}.db-greeting{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.db-date{color:#ffffffbf;font-size:.8rem;font-weight:500;margin:0}.db-role-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:20px;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.db-today-row{display:flex;flex-wrap:wrap;gap:10px}.db-today-chip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff1a;border-radius:10px;color:#fff;display:flex;font-size:.75rem;gap:6px;padding:6px 14px;transition:background .2s}.db-today-chip:hover{background:#ffffff2e}.db-today-val{font-size:.85rem;font-weight:700}.db-today-label{color:#ffffffb3;font-size:.7rem}.db-trend{font-size:.55rem;margin-left:2px}.db-trend.up{color:#34d399}.db-trend.down{color:#fca5a5}.db-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.db-stat-card{align-items:center;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:16px;transition:all .2s ease}.db-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.db-stat-icon{align-items:center;border-radius:10px;box-shadow:0 4px 12px #0000001f;color:#fff;display:flex;flex-shrink:0;font-size:1.05rem;height:42px;justify-content:center;width:42px}.db-stat-info{display:flex;flex-direction:column}.db-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.db-stat-label{color:var(--text-muted);font-size:.7rem;font-weight:500;margin-top:2px}.db-section{margin-bottom:24px}.db-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:8px;letter-spacing:-.02em;margin:0 0 12px}.db-section-icon{color:var(--primary);font-size:.9rem}.db-quick-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.db-quick-card{align-items:center;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-family:inherit;gap:12px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;transition:all .2s ease}.db-quick-card:after{background:linear-gradient(135deg,#0000,#3b82f608);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.db-quick-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.db-quick-card:hover:after{opacity:1}.db-quick-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.05rem;height:38px;justify-content:center;transition:transform .2s;width:38px}.db-quick-card:hover .db-quick-icon{transform:scale(1.12)}.db-quick-text{flex:1 1;min-width:0}.db-quick-title{color:var(--text-primary);display:block;font-size:.85rem;font-weight:700;line-height:1.2}.db-quick-desc{color:var(--text-muted);display:block;font-size:.7rem;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-quick-arrow{color:var(--text-light);flex-shrink:0;font-size:.7rem;opacity:0;transition:all .2s}.db-quick-card:hover .db-quick-arrow{color:var(--primary);opacity:1;transform:translateX(3px)}.db-activity{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.db-activity-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:10px 14px;position:relative;transition:background .15s}.db-activity-item:last-child{border-bottom:none}.db-activity-item:hover{background:var(--surface)}.db-activity-dot{border-radius:0 4px 4px 0;height:60%;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s;width:3px}.db-activity-item:hover .db-activity-dot{opacity:1}.db-activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.7rem;height:30px;justify-content:center;width:30px}.db-activity-body{flex:1 1;min-width:0}.db-activity-msg{color:var(--text-primary);font-size:.8rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-activity-time{color:var(--text-muted);font-size:.65rem}.db-activity-empty{color:var(--text-muted);padding:32px;text-align:center}.db-activity-empty-icon{align-items:center;background:var(--surface);border-radius:50%;display:flex;font-size:1.2rem;height:48px;justify-content:center;margin:0 auto 12px;opacity:.5;width:48px}.db-activity-empty p{color:var(--text-secondary);font-size:.85rem;font-weight:600;margin:0 0 4px}.db-activity-empty span{font-size:.75rem}@media (max-width:1024px){.db-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.db{padding:14px 12px 32px}.db-welcome-content{padding:18px 20px 16px}.db-greeting{font-size:1.15rem}.db-welcome-top{flex-direction:column;gap:8px}.db-today-row{gap:6px}.db-today-chip{font-size:.7rem;padding:5px 10px}.db-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.db-stat-card{padding:12px}.db-stat-icon{font-size:.9rem;height:36px;width:36px}.db-stat-value{font-size:1.15rem}.db-quick-grid{gap:8px;grid-template-columns:1fr}}@media (max-width:480px){.db-stats{gap:6px;grid-template-columns:1fr 1fr}.db-stat-card{gap:8px;padding:10px}.db-stat-icon{border-radius:8px;font-size:.8rem;height:32px;width:32px}.db-stat-value{font-size:1rem}.db-quick-card{padding:10px 12px}.db-today-row{flex-direction:column}}@keyframes rcFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rcSlideL{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes rcSlideR{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes rcDot{0%,to{opacity:.2}50%{opacity:1}}.rc{animation:rcFade .35s ease;display:flex;gap:0;height:calc(100vh - 91px);margin:0 auto;max-width:1500px;padding:12px}.rc-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.rc-header{border-bottom:1px solid var(--border);gap:10px;margin-bottom:0;padding:0 4px 10px}.rc-header,.rc-header-icon{align-items:center;display:flex;flex-shrink:0}.rc-header-icon{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;box-shadow:0 3px 10px #6366f14d;color:#fff;font-size:16px;height:36px;justify-content:center;width:36px}.rc-header h1{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0}.rc-header p{color:var(--text-muted);font-size:.7rem;margin:0}.rc-chat{flex:1 1;min-height:0;overflow-y:auto;padding:14px 6px;scroll-behavior:smooth}.rc-empty{animation:rcFade .5s ease;color:var(--text-muted);flex-direction:column;gap:12px;height:100%;text-align:center}.rc-empty,.rc-empty-icon{align-items:center;display:flex;justify-content:center}.rc-empty-icon{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-radius:16px;color:var(--primary);font-size:24px;height:56px;width:56px}.rc-empty h3{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin:0}.rc-empty span{font-size:.75rem;line-height:1.5;max-width:300px}.rc-msg{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.rc-msg--user{animation:rcSlideR .3s ease;flex-direction:row-reverse}.rc-msg--ai{animation:rcSlideL .3s ease}.rc-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;height:28px;justify-content:center;width:28px}.rc-avatar--user{background:linear-gradient(135deg,#3b82f6,#2563eb)}.rc-avatar--ai{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.rc-bubble{max-width:75%;min-width:0}.rc-bubble-inner{border-radius:14px;box-shadow:0 1px 4px #0000000f;font-size:.8rem;line-height:1.55;padding:10px 14px}.rc-bubble-inner--user{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-right-radius:4px;color:#fff}.rc-bubble-inner--ai{background:var(--panel-bg);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text-primary)}.rc-bubble-label{font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px;opacity:.7;text-transform:uppercase}.rc-bubble-inner p{margin:4px 0}.rc-bubble-inner ol,.rc-bubble-inner ul{margin:4px 0;padding-left:18px}.rc-bubble-inner h1,.rc-bubble-inner h2,.rc-bubble-inner h3{margin:6px 0 2px}.rc-bubble-inner pre{background:var(--surface);border-radius:6px;font-size:.75rem;overflow-x:auto;padding:8px}.rc-bubble-inner code{font-size:.75rem}.rc-bubble-inner table{border-collapse:collapse;font-size:.75rem;margin:6px 0;width:100%}.rc-bubble-inner td,.rc-bubble-inner th{border:1px solid var(--border);padding:4px 8px;text-align:left}.rc-bubble-inner th{background:var(--surface);font-weight:600}.rc-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.rc-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s}.rc-btn:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-1px)}.rc-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.rc-btn--secondary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.rc-btn--muted{background:#64748b}.rc-btn--success{background:linear-gradient(135deg,#10b981,#059669)}.rc-btn--danger{background:#ef4444}.rc-btn--copied{background:#10b981}.rc-typing{animation:rcFade .3s ease;gap:8px;padding:4px 0}.rc-typing,.rc-typing-bubble{align-items:center;display:flex}.rc-typing-bubble{background:var(--panel-bg);border:1px solid var(--border);border-radius:14px 14px 14px 4px;gap:4px;padding:8px 14px}.rc-typing-dot{animation:rcDot 1.4s infinite;background:var(--primary);border-radius:50%;height:6px;width:6px}.rc-typing-text{color:var(--text-muted);font-size:.7rem;font-weight:600;margin-left:6px}.rc-input-bar{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:10px 4px 4px}.rc-input{background:var(--panel-bg);border:1.5px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.82rem;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.rc-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.rc-input:disabled{opacity:.5}.rc-send-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 3px 10px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.82rem;font-weight:700;gap:6px;padding:10px 18px;transition:all .2s;white-space:nowrap}.rc-send-btn:hover:not(:disabled){box-shadow:0 5px 16px #3b82f659;transform:translateY(-1px)}.rc-send-btn:disabled{background:var(--surface);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.rc-sidebar{animation:rcFade .4s ease .1s both;border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-left:14px;overflow-y:auto;padding-left:14px;width:380px}.rc-upload-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:14px}.rc-upload-card label{align-items:center;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;gap:8px;margin-bottom:10px}.rc-upload-card label i{color:var(--primary)}.rc-file-input{background:var(--surface);border:2px dashed var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:10px;transition:border-color .2s;width:100%}.rc-file-input:hover{border-color:var(--primary)}.rc-file-badge{align-items:center;background:#3b82f614;border-radius:8px;color:var(--primary);display:flex;font-size:.72rem;font-weight:600;gap:6px;margin-top:8px;padding:6px 10px}.rc-file-badge span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-paste-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:14px}.rc-paste-card label{align-items:center;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;gap:8px}.rc-paste-card label i{color:#10b981}.rc-paste-hint{color:var(--text-muted);font-size:.7rem;margin:0}.rc-textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.78rem;min-height:120px;outline:none;padding:10px;resize:vertical;transition:border-color .2s;width:100%}.rc-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98114}@media (max-width:1024px){.rc-sidebar{width:300px}}@media (max-width:768px){.rc{flex-direction:column;height:auto;min-height:calc(100vh - 91px)}.rc-sidebar{border-left:none;border-top:1px solid var(--border);flex-direction:row;margin-left:0;margin-top:12px;max-height:300px;overflow-x:auto;padding-left:0;padding-top:12px;width:100%}.rc-paste-card,.rc-upload-card{min-width:260px}.rc-chat{min-height:300px}}.scans-tab{margin:0 auto;max-width:1400px;padding:1rem 2rem}.scans-header{margin-bottom:1rem}.scans-header h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.scans-header p{color:var(--text-secondary);font-size:.8125rem}.scans-filters{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.filter-group{gap:.5rem;min-width:200px}.filter-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-group input[type=date],.filter-group select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.5rem}.folders-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.folders-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.folders-grid{grid-template-columns:repeat(2,1fr)}}.folder-card{align-items:flex-start;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:.5rem;padding:1rem;transition:all .3s ease}.folder-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.folder-card.completed{background:#d4edda;border-left:4px solid #28a745}.folder-card.completed:hover{background:#c3e6cb}.folder-card.printed{background:#e3f2fd;border-left:4px solid #2196f3}.folder-card.printed:hover{background:#bbdefb}.folder-icon{color:#f59e0b;flex-shrink:0;font-size:1.6rem}.folder-info{flex:1 1}.folder-title{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.8125rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.done-badge{background:#28a745}.done-badge,.printed-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.printed-badge{background:#2196f3}.folder-meta{display:flex;flex-direction:column;font-size:.8125rem;gap:.375rem}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem}.meta-item svg{height:14px;width:14px}.error-message,.success-message{border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:1rem}.error-message{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.success-message{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.loading-message{padding:2rem}.no-folders,.no-scans{color:var(--text-secondary);padding:3rem;text-align:center}.scans-folder-view{margin:0 auto;max-width:1200px;padding:2rem}.folder-view-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.back-button{align-self:flex-start;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:var(--hover-bg)}.folder-details h2{color:var(--text-primary);font-size:1.25rem;margin-bottom:.25rem}.folder-details p{color:var(--text-secondary);font-size:.8125rem}.upload-section{align-items:center;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.upload-button{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.upload-button:hover{background:#2563eb}.clear-all-button{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.clear-all-button:hover{background:#dc2626}.clear-all-button:disabled{background:#9ca3af;cursor:not-allowed}.upload-spinner{color:#3b82f6;font-size:1.2rem}.scans-list{display:flex;flex-direction:column;gap:1rem}.scan-item{align-items:center;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.scan-item:hover{box-shadow:0 4px 12px #00000026}.scan-icon{color:#ef4444;flex-shrink:0;font-size:2rem}.scan-details{flex:1 1}.scan-details h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.375rem}.scan-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.scan-meta span{white-space:nowrap}.edit-name-input{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.edit-name-input input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.9rem;min-width:200px;padding:.5rem}.cancel-rename-btn,.save-rename-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.save-rename-btn{background:#10b981;color:#fff}.save-rename-btn:hover{background:#059669}.cancel-rename-btn{background:#6b7280;color:#fff}.cancel-rename-btn:hover{background:#4b5563}.scan-actions{display:flex;flex-shrink:0;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.download-btn{background:#3b82f6}.download-btn:hover{background:#2563eb}.edit-btn{background:#f59e0b}.edit-btn:hover{background:#d97706}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}@media (max-width:768px){.scans-folder-view,.scans-tab{padding:1rem}.scans-filters{flex-direction:column}.filter-group{width:100%}.folders-grid{grid-template-columns:1fr}.folder-card{flex-direction:column;text-align:center}.folder-icon{font-size:3rem}.scan-item{align-items:flex-start;flex-direction:column}.scan-actions{justify-content:flex-end;width:100%}.edit-name-input,.edit-name-input input{width:100%}}@media (max-width:550px){.scans-header h2{font-size:1.4rem}.folder-title{font-size:1rem}.upload-button{font-size:.85rem;padding:.5rem 1rem}.action-btn{font-size:.85rem;height:32px;width:32px}}[data-theme=dark] .scans-filters{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .filter-group input[type=date],[data-theme=dark] .filter-group select{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#3a3a5a;border-color:var(--border-color,#3a3a5a);color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .folder-card{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .folder-card:hover{box-shadow:0 4px 16px #0006}[data-theme=dark] .folder-card.completed{background:#10b98126;border-left:4px solid;border-color:#10b98166}[data-theme=dark] .folder-card.completed:hover{background:#10b98133}[data-theme=dark] .folder-card.printed{background:#3b82f626;border-left:4px solid;border-color:#3b82f666}[data-theme=dark] .folder-card.printed:hover{background:#3b82f633}[data-theme=dark] .done-badge{background:#10b981}[data-theme=dark] .printed-badge{background:#3b82f6}[data-theme=dark] .success-message{background:#10b98126;border-color:#10b98166;color:#6ee7b7}[data-theme=dark] .upload-section{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .back-button{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#3a3a5a;border-color:var(--border-color,#3a3a5a);color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .back-button:hover{background:#ffffff1a}[data-theme=dark] .scan-item{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .scan-item:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .edit-name-input input{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#3a3a5a;border-color:var(--border-color,#3a3a5a);color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .scans-date-input,[data-theme=dark] .scans-select{background:#1e1e32!important;background:var(--select-bg,#1e1e32)!important;border-color:#3a3a5a!important;border-color:var(--border,#3a3a5a)!important;color:#e5e5e5!important;color:var(--text-primary,#e5e5e5)!important}[data-theme=dark] .scans-date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.analyze-tab{margin:0 auto;max-width:1400px;padding:2rem}.analyze-tab h2{color:#3b82f6;color:var(--primary-color,#3b82f6);margin-bottom:.5rem}.tab-description{font-size:.8125rem;margin-bottom:1.5rem}[data-theme=dark] .analyze-controls{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a)}[data-theme=dark] .folder-path-display{background:#3b82f626;color:#93c5fd}[data-theme=dark] .folder-path-display strong{color:#bfdbfe}[data-theme=dark] .date-navigator{background:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .date-nav-btn{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .date-nav-btn:disabled{background:#2a2a45;border-color:#4a4a6a;color:#6b7280}[data-theme=dark] .current-date{color:#93c5fd}[data-theme=dark] .folder-count{color:#9ca3af}[data-theme=dark] .analysis-summary{background:#3b82f61a;border-color:#3b82f666}[data-theme=dark] .analysis-summary h3{color:#93c5fd}[data-theme=dark] .results-section{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a)}[data-theme=dark] .results-table tbody tr:hover{background:#3b82f61a}[data-theme=dark] .results-table tbody tr:nth-child(2n){background:#ffffff05}[data-theme=dark] .results-table tbody tr:nth-child(2n):hover{background:#3b82f626}[data-theme=dark] .results-table td{border-color:#3a3a5a;border-color:var(--border-color,#3a3a5a);color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .results-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=dark] .results-table th{color:#fff}[data-theme=dark] .results-table input[type=text]{background:#1e293b;background:var(--panel-bg,#1e293b);border-color:#3b82f6;color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.analyze-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.control-group label{font-size:.8125rem;margin-bottom:.375rem}.control-group input,.control-group select{font-size:.8125rem;padding:.625rem}.folder-select{display:flex;gap:.5rem}.folder-select input{flex:1 1}.folder-path-display{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:.9rem;padding:.75rem 1rem;width:100%}.folder-path-display strong{color:#1e3a8a;margin-right:.5rem}.date-navigator{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem}.date-nav-btn{background:#fff;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:1.2rem;font-weight:600;min-width:50px;padding:.5rem 1rem;transition:all .2s}.date-nav-btn:hover:not(:disabled){background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff;transform:translateY(-1px)}.date-nav-btn:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.5}.current-date{color:#1e40af;flex:1 1;font-size:1rem;font-weight:600;text-align:center}.folder-count{color:#64748b;font-size:.9rem;font-weight:500}.select-folder-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s;white-space:nowrap}.select-folder-btn:hover{background:#2563eb}.delete-all-btn,.start-btn,.stop-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.start-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.start-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.start-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stop-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-all-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.delete-all-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.analysis-summary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.analysis-summary h3{color:#1e40af;font-size:1rem;margin-bottom:.75rem}.summary-stats{display:flex;flex-wrap:wrap;gap:2rem}.stat{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#64748b;font-size:.8125rem;font-weight:500}.stat-value{color:#1e40af;font-size:1.5rem}.results-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.results-section h3{color:#333;color:var(--text-primary,#333);margin-bottom:1rem}.results-table-container{overflow-x:auto}.results-table{border-collapse:collapse;font-size:.8125rem;width:100%}.results-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.results-table th{font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.results-table td{border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);padding:.75rem 1rem}.results-table tbody tr:hover{background:#f8fafc}.results-table tbody tr:nth-child(2n){background:#fafafa}.results-table tbody tr:nth-child(2n):hover{background:#f1f5f9}@media (max-width:768px){.analyze-tab{padding:1rem}.control-row{flex-direction:column}.control-group{min-width:0;min-width:auto}.action-buttons,.folder-select{flex-direction:column}.delete-all-btn,.start-btn,.stop-btn{width:100%}.summary-stats{flex-direction:column;gap:1rem}.results-table{font-size:.8rem}.results-table td,.results-table th{padding:.5rem}}.assessment-tab{margin:0 auto;max-width:1400px;padding:2rem}.assessment-tab h2{color:#3b82f6;color:var(--primary-color,#3b82f6);margin-bottom:.5rem}.tab-description{color:#666;color:var(--text-muted,#666);font-size:.95rem;margin-bottom:2rem}[data-theme=dark] .assessment-controls{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a)}[data-theme=dark] .control-group input,[data-theme=dark] .control-group select{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#3a3a5a;border-color:var(--border-color,#3a3a5a);color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .control-group input[readonly]{background:#252545;color:#9ca3af}[data-theme=dark] .status-active{background:#10b98126;border-left-color:#10b981;color:#6ee7b7}[data-theme=dark] .status-inactive{background:#ef444426;border-left-color:#ef4444;color:#fca5a5}[data-theme=dark] .rubric-type{color:#6ee7b7}[data-theme=dark] .rubric-preview{background:#10b9811a;border-color:#10b9814d}[data-theme=dark] .rubric-preview strong{color:#6ee7b7}[data-theme=dark] .preview-text{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .info-box{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .info-box p{color:#fcd34d}[data-theme=dark] .info-box strong{color:#fde68a}[data-theme=dark] .warning-box{background:#ef444426;border-color:#ef444466}[data-theme=dark] .warning-box p{color:#fca5a5}[data-theme=dark] .progress-indicator{background:#3b82f626;border-left-color:#3b82f6}[data-theme=dark] .progress-indicator p{color:#93c5fd}[data-theme=dark] .progress-bar{background-color:#2a2a45}[data-theme=dark] .progress-stats{color:#93c5fd}[data-theme=dark] .detailed-progress-container{background:#3b82f61a;border-color:#3b82f666}[data-theme=dark] .progress-header h3,[data-theme=dark] .progress-main-message{color:#93c5fd}[data-theme=dark] .progress-section{background:#1e1e32;background:var(--card-bg,#1e1e32)}[data-theme=dark] .progress-label{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .progress-bar-main{background-color:#2a2a45}[data-theme=dark] .progress-stats-main{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .current-student-section{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .student-name{color:#fcd34d}[data-theme=dark] .images-progress{background:#ffffff0d;border-color:#f59e0b4d}[data-theme=dark] .images-header{color:#fcd34d}[data-theme=dark] .images-count{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#f59e0b66;color:#fcd34d}[data-theme=dark] .image-downloaded{background:#10b98133;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .image-pending{background:#2a2a45;border-color:#6b7280;color:#9ca3af}[data-theme=dark] .image-failed{background:#ef444433;border-color:#ef4444;color:#fca5a5}[data-theme=dark] .image-missing{background:#f59e0b33;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .validation-passed{background:#10b98126;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .validation-failed{background:#ef444426;border-color:#ef4444;color:#fca5a5}[data-theme=dark] .warnings-section{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .warnings-header{color:#fcd34d}[data-theme=dark] .warning-item{background:#ffffff0d;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .stat-box{background:#10b98126;border-color:#10b981}[data-theme=dark] .stat-box-error{background:#ef444426;border-color:#ef4444}[data-theme=dark] .stat-box-warning{background:#f59e0b26;border-color:#f59e0b}[data-theme=dark] .stat-box-skipped{background:#6366f126;border-color:#6366f1}[data-theme=dark] .stat-value{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .stat-label{color:#9ca3af}[data-theme=dark] .skipped-students-section{background:#f59e0b26;border-color:#f59e0b66}[data-theme=dark] .skipped-header h3{color:#fcd34d}[data-theme=dark] .skipped-header p{color:#fde68a}[data-theme=dark] .skipped-student-card{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#f59e0b66}[data-theme=dark] .skipped-student-header{border-bottom-color:#fbbf244d}[data-theme=dark] .student-name-text{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .skipped-reason{background:#f59e0b1a;border-left-color:#f59e0b;color:#fcd34d}[data-theme=dark] .skipped-details{color:#9ca3af}[data-theme=dark] .skipped-failed-images strong,[data-theme=dark] .skipped-missing-images strong{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .missing-image-badge{background:#ef444433;border-color:#ef4444;color:#fca5a5}[data-theme=dark] .failed-image-badge{background:#f59e0b33;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .message-success{background:#10b98126;border-left-color:#10b981;color:#6ee7b7}[data-theme=dark] .message-error{background:#ef444426;border-left-color:#ef4444;color:#fca5a5}[data-theme=dark] .message-info{background:#3b82f626;border-left-color:#3b82f6;color:#93c5fd}.medium-type-select{border:2px solid #dc2626!important}.medium-type-warning{background-color:#fee2e2!important}[data-theme=dark] .medium-type-select{background:#1e1e32;background:var(--card-bg,#1e1e32);border-color:#ef4444!important;color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .medium-type-warning{background:#ef444433!important}.message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.message-success{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.message-error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.message-info{background-color:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.assessment-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.rubric-status{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;color:#065f46}.status-active,.status-inactive{align-items:center;display:flex;gap:.5rem}.status-inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #ef4444;color:#991b1b}.rubric-type{color:#047857;font-size:.9rem;font-weight:400}.rubric-preview{background:#ffffff80;border:1px dashed #10b981;border-radius:6px;margin-top:.75rem;padding:.75rem}.rubric-preview strong{color:#065f46;display:block;font-size:.85rem;margin-bottom:.5rem}.preview-text{color:#1f2937;font-family:Noto Nastaliq Urdu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.preview-text>div{padding:2px 0}.preview-more{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.25rem}.control-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.control-row:last-child{margin-bottom:0}.control-group{flex:1 1;min-width:200px}.control-group label{color:#333;color:var(--text-primary,#333);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.control-group input,.control-group select{border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:6px;font-size:.95rem;padding:.75rem;transition:border-color .2s;width:100%}.control-group input:focus,.control-group select:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.control-group input[readonly]{background-color:#f9fafb;color:#6b7280}.info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;margin-bottom:1rem;padding:1rem}.info-box p{color:#78350f;font-size:.95rem;margin:.25rem 0}.info-box strong{color:#92400e;font-weight:700}.warning-box{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:8px;margin-top:2rem;padding:1.5rem}.warning-box p{color:#991b1b;font-size:.95rem;font-weight:500;margin:0}.action-buttons{border-top:1px solid #eee;border-top:1px solid var(--border,#eee);justify-content:flex-start;padding-top:1rem}.start-assessment-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.start-assessment-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.start-assessment-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.progress-indicator{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;border-radius:6px;margin-top:1rem;padding:1rem}.progress-indicator p{color:#1e40af;font-size:.95rem;font-weight:500;margin:0}.progress-details{margin-top:1rem}.progress-bar{background-color:#e0f2fe;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;height:24px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:12px;height:100%;transition:width .3s ease}.progress-stats{color:#1e40af;font-size:.85rem;font-weight:600;margin:.5rem 0 0;text-align:center}.detailed-progress-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:12px;box-shadow:0 4px 12px #3b82f626;margin-top:1.5rem;padding:1.5rem}.progress-header{margin-bottom:1.5rem}.progress-header h3{color:#1e40af;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.progress-main-message{color:#1e40af;font-size:1rem;font-weight:500;margin:0}.progress-details-expanded{display:flex;flex-direction:column;gap:1.25rem}.progress-section{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;padding:1.25rem}.progress-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.progress-label{color:#1f2937;font-size:.95rem;font-weight:600}.progress-percentage{color:#3b82f6;font-size:1.1rem;font-weight:700}.progress-bar-main{background-color:#e5e7eb;border-radius:14px;box-shadow:inset 0 2px 4px #0000001a;height:28px;overflow:hidden;width:100%}.progress-bar-fill-main{animation:progress-shimmer 2s infinite;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);border-radius:14px;height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}@keyframes progress-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.progress-stats-main{color:#374151;font-size:.9rem;font-weight:600;margin:.75rem 0 0;text-align:center}.current-student-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.current-student-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.student-icon{font-size:1.5rem}.student-name{color:#78350f;font-size:1.1rem;font-weight:700}.phase-badge-container{margin-bottom:1rem}.phase-badge{animation:pulse-badge 2s infinite;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.phase-preparing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;color:#1e40af}.phase-downloading{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#78350f}.phase-validating{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #6366f1;color:#3730a3}.phase-ai_processing{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.images-progress{background:#fff9;border:1px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:1rem}.images-header{align-items:center;color:#78350f;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.75rem}.images-count{background:#fff;border:1px solid #f59e0b;border-radius:12px;font-size:.85rem;padding:.25rem .75rem}.images-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.image-item{align-items:center;aspect-ratio:1;border:2px solid;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;transition:all .3s}.image-downloaded{background:#d1fae5;border-color:#10b981;color:#065f46}.image-pending{animation:pulse-image 1.5s infinite;background:#e5e7eb;border-color:#9ca3af;color:#6b7280}@keyframes pulse-image{0%,to{opacity:1}50%{opacity:.5}}.image-failed{background:#fee2e2;border-color:#ef4444;color:#991b1b}.image-missing{background:#fef3c7;border-color:#f59e0b;color:#78350f}.validation-status{align-items:center;border-radius:8px;display:flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.validation-passed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.validation-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.validation-icon{font-size:1.2rem}.warnings-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;padding:1rem}.warnings-header{color:#78350f;font-size:1rem;font-weight:700;margin-bottom:.75rem}.warnings-list{display:flex;flex-direction:column;gap:.5rem}.warning-item{background:#ffffffb3;border-left:3px solid #f59e0b;border-radius:6px;color:#78350f;font-size:.85rem;padding:.75rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-box{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:10px;padding:1rem;text-align:center;transition:transform .2s}.stat-box:hover{transform:translateY(-2px)}.stat-box-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.stat-box-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.stat-box-skipped{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#6366f1}.stat-value{color:#1f2937;display:block;font-size:2rem;margin-bottom:.25rem}.stat-label{color:#6b7280;display:block;font-size:.85rem}.skipped-students-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:12px;box-shadow:0 4px 12px #f59e0b33;margin-top:2rem;padding:1.5rem}.skipped-header h3{color:#78350f;font-size:1.3rem;margin:0 0 .5rem}.skipped-header p{color:#92400e;font-size:.95rem;margin:0}.skipped-students-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.skipped-student-card{background:#fff;border:2px solid #f59e0b;border-radius:10px;box-shadow:0 2px 6px #00000014;padding:1.25rem}.skipped-student-header{align-items:center;border-bottom:2px dashed #fbbf24;display:flex;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem}.student-code{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;color:#fff;font-size:.95rem;font-weight:700;padding:.5rem 1rem}.student-name-text{color:#1f2937;font-size:1rem;font-weight:600}.skipped-reason{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#78350f;margin-bottom:.75rem;padding:.75rem}.skipped-details{color:#6b7280;display:flex;font-size:.9rem;font-weight:500;gap:1.5rem;margin-bottom:.75rem}.skipped-failed-images,.skipped-missing-images{margin-top:.75rem}.skipped-failed-images strong,.skipped-missing-images strong{color:#1f2937;display:block;font-size:.9rem;margin-bottom:.5rem}.failed-images-list,.missing-images-list{display:flex;flex-wrap:wrap;gap:.5rem}.failed-image-badge,.missing-image-badge{background:#fee2e2;border:1px solid #ef4444;border-radius:6px;color:#991b1b;font-size:.8rem;font-weight:600;padding:.4rem .75rem}.failed-image-badge{background:#fef3c7;border-color:#f59e0b;color:#78350f;cursor:help}.modal-overlay{z-index:1000}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003;max-width:700px;overflow:auto;padding:24px}.modal-header{align-items:start;margin-bottom:20px}.modal-title{fontWeight:700;color:#1f2937;font-size:1.3rem;margin:0 0 8px}.modal-subtitle{color:#666;font-size:.9rem;margin:0}.modal-close-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px}.modal-close-btn:hover{background:#dc2626}.modal-body,.modal-info-grid{margin-bottom:16px}.modal-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.modal-info-card{background:#f3f4f6;border-radius:8px;padding:12px}.modal-info-label{color:#666;font-size:.85rem;font-weight:600;margin:0 0 4px}.modal-info-value{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.modal-marks-card{border-radius:8px;margin-bottom:16px;padding:16px}.modal-marks-success{background:#dcfce7}.modal-marks-error{background:#fee2e2}.modal-marks-value{font-size:1.5rem;font-weight:700;margin:0}.marks-success{color:#059669}.marks-error{color:#dc2626}.modal-comments-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.modal-comments-text{color:#1f2937;font-size:.95rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-content{background:#1e1e32;background:var(--card-bg,#1e1e32);border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a);box-shadow:0 10px 40px #00000080}[data-theme=dark] .modal-title{color:#10b981}[data-theme=dark] .modal-subtitle{color:#9ca3af}[data-theme=dark] .modal-info-card{background:#252545;border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a)}[data-theme=dark] .modal-info-label{color:#9ca3af}[data-theme=dark] .modal-info-value{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}[data-theme=dark] .modal-marks-success{background:#10b98126;border:1px solid #10b98166}[data-theme=dark] .modal-marks-error{background:#ef444426;border:1px solid #ef444466}[data-theme=dark] .marks-success{color:#6ee7b7}[data-theme=dark] .marks-error{color:#fca5a5}[data-theme=dark] .modal-comments-card{background:#252545;border:1px solid #3a3a5a;border:1px solid var(--border-color,#3a3a5a)}[data-theme=dark] .modal-comments-text{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}@media (max-width:768px){.assessment-tab{padding:1rem}.control-row{flex-direction:column}.control-group{min-width:0;min-width:auto}.action-buttons{flex-direction:column}.start-assessment-btn{width:100%}.modal-info-grid{grid-template-columns:1fr}}.students-tab{background:#f9fafb;background:var(--bg-primary,#f9fafb);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}[data-theme=dark] .students-tab{background:#1a1a2e;background:var(--bg-primary,#1a1a2e)}[data-theme=dark] .messages-banner{background:linear-gradient(135deg,#3b82f626,#3b82f61a);border-color:#3b82f666}[data-theme=dark] .banner-header h4{color:#60a5fa}[data-theme=dark] .banner-message{background:#fff;background:var(--card-bg,#1e1e32);border-left-color:#3b82f6}[data-theme=dark] .banner-message-text{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}:root{--card-bg:#fff;--border-color:#e0e0e0;--border-light:#f3f4f6;--preview-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--preview-border:#bfdbfe;--accent-color:#1e40af;--badge-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--badge-text:#1e40af;--badge-border:#bfdbfe;--warning-bg:#fff3cd;--warning-border:#fbbf24;--hover-bg:#f8f9fa;--table-header-color:#495057;--table-icon-color:#6c757d;--table-text-muted:#6c757d;--table-text-secondary:#6b7280;--table-header-bg:linear-gradient(135deg,#f8f9fa,#e9ecef);--input-bg:#fff;--dropdown-bg:#fff}[data-theme=dark]{--card-bg:#1e1e32;--border-color:#3a3a5a;--border-light:#2a2a45;--preview-bg:#3b82f626;--preview-border:#3b82f64d;--accent-color:#60a5fa;--badge-bg:#3b82f633;--badge-text:#93c5fd;--badge-border:#3b82f64d;--warning-bg:#fbbf2426;--warning-border:#fbbf2466;--hover-bg:#3b82f61a;--table-header-color:#9ca3af;--table-icon-color:#9ca3af;--table-text-muted:#9ca3af;--table-text-secondary:#9ca3af;--table-header-bg:linear-gradient(135deg,#252545,#1e1e35);--input-bg:#252545;--dropdown-bg:#252545}.date-filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding-right:24px}[data-theme=dark] .date-filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239ca3af' d='M6 8 1 3h10z'/%3E%3C/svg%3E")}[data-theme=dark] .date-filter-select,[data-theme=dark] .date-filter-select option{background-color:#252545!important;color:#e5e5e5!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.students-header{margin-bottom:15px}.students-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.messages-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;box-shadow:0 4px 12px #3b82f626;margin-bottom:20px;padding:16px 20px}.banner-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.banner-icon{font-size:20px}.banner-header h4{color:#1e40af;font-size:14px;font-weight:600;margin:0}.banner-messages{display:flex;flex-direction:column;gap:12px}.banner-message{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:12px 16px}.banner-message-text{color:#1f2937;font-size:13px;line-height:1.5;margin-bottom:6px}.banner-message-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.banner-author{color:#3b82f6;font-weight:600}.banner-dot{color:#d1d5db}.banner-date{color:#9ca3af}.import-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:15px;padding:8px 12px}.import-inline-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.import-label{font-weight:600;margin:0;white-space:nowrap}.import-file-input,.import-label{color:var(--text-primary);font-size:13px}.import-file-input{background:var(--panel-bg);border:2px solid var(--border);border-radius:var(--radius-md);flex:1 1;min-width:200px;padding:6px 10px}.import-file-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}.btn-import-inline{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .3s;white-space:nowrap}.btn-import-inline:hover:not(:disabled){background:#45a049}.btn-import-inline:disabled{background:#ccc;cursor:not-allowed}.import-preview-row{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:var(--radius-md);display:flex;font-size:12px;gap:15px;margin-top:8px;overflow-x:auto;padding:6px 10px;white-space:nowrap}.preview-label{color:var(--accent);font-weight:600}.preview-item{color:var(--text-primary)}.preview-item strong{color:var(--text-secondary);margin-right:4px}.message{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 20px}.error-message{background:#fee;border:1px solid #fcc;color:#c33}.success-message{background:#efe;border:1px solid #cfc;color:#3c3}.lists-section{margin-bottom:30px}.lists-section h3{color:var(--text-primary);font-size:15px;margin:0 0 15px}.no-data{color:var(--text-muted);font-style:italic;padding:20px;text-align:center}.lists-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.list-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:10px;transition:all var(--transition-base)}.list-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.list-header h4{color:var(--text-primary);font-size:12px;margin:0}.student-count{background:#3b82f61a;border-radius:var(--radius-full);color:var(--accent);font-size:12px;font-weight:600;padding:4px 10px}.list-info{margin-bottom:5px}.list-info p{color:var(--text-secondary);font-size:12px;margin:3px 0}.list-info strong{color:var(--text-primary)}.list-actions{display:flex;gap:5px}.btn-delete,.btn-view{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px 15px;transition:all .3s}.btn-delete:hover{background:#d32f2f}.students-table-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:20px}.students-table-section h3{color:var(--text-primary);font-size:15px;margin:0 0 15px}.table-container{overflow-x:auto}.students-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.students-table thead{background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:10}.students-table th{border-bottom:2px solid var(--border);color:var(--text-secondary);font-weight:600;padding:12px 10px;text-align:left}.students-table th[style*=cursor]{transition:background .2s}.students-table th[style*=cursor]:hover{background:var(--surface-hover)}.students-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);color:var(--text-primary);max-height:40px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.students-table tbody tr:hover{background:var(--surface-hover)}.btn-delete-row{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background .3s;width:30px}.btn-delete-row:hover{background:#d32f2f}.students-content-wrapper{align-items:flex-start;display:flex;gap:20px}.students-left{display:flex;flex:1 1;flex-direction:column;min-width:0}.students-left .table-container{max-height:calc(100vh - 350px);overflow-x:auto;overflow-y:auto}.students-table tbody tr{transition:background .2s ease}.students-table tbody tr:hover{background:#f9fafb!important;background:var(--surface-hover,#f9fafb)!important}[data-theme=dark] .students-table tbody tr:hover{background:#3b82f61a!important}.students-right{flex-shrink:0;max-height:calc(100vh - 300px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px;width:380px}.students-right>div{margin-top:0!important}.unmatched-container{background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:var(--radius-lg);padding:12px}.unmatched-header{color:#f59e0b;font-size:14px;font-weight:600;margin:0 0 8px}.unmatched-description{color:var(--text-secondary);font-size:11px;line-height:1.4;margin:0 0 12px}.unmatched-table{background:var(--panel-bg);border-collapse:collapse;font-size:11px;table-layout:fixed;width:100%}.unmatched-table thead{background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:10}.unmatched-table th{border-bottom:2px solid var(--border);color:var(--text-secondary);font-size:10px;font-weight:600;padding:6px 3px;text-align:left;white-space:nowrap}.unmatched-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:10px;padding:6px 3px;word-break:break-word}.unmatched-table tbody tr:hover{background:var(--surface-hover)}.unmatched-table .duplicate-row{background:#ef444414}.duplicate-badge{background:#dc3545;border-radius:3px;color:#fff;display:inline-block;font-size:9px;font-weight:700;margin-left:4px;padding:2px 4px}.unmatched-input{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:11px;padding:4px 6px;width:100%}.unmatched-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}.btn-match{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;padding:4px 8px;transition:background .3s;white-space:nowrap}.btn-match:hover:not(:disabled){background:#218838}.btn-match:disabled{background:#ccc;cursor:not-allowed}.btn-delete-small{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;height:24px;justify-content:center;transition:background .3s;width:24px}.btn-delete-small:hover{background:#d32f2f}@media (max-width:1200px){.students-content-wrapper{flex-direction:column}.students-right{width:100%}}@media (max-width:768px){.form-row,.lists-grid{grid-template-columns:1fr}}.mistakes-tab{margin:0 auto;max-width:1400px;padding:24px}.mistakes-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.mistakes-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.mistakes-header p{color:var(--text-secondary);font-size:14px;margin:0}.btn-delete-all{align-items:center;background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-delete-all:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.btn-delete-all:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.stats-banner{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.stat-item{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;display:flex;flex:1 1;flex-direction:column;min-width:150px;padding:12px 16px;text-align:center}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#3b82f6;font-size:24px;font-weight:700}.stat-value.unresolved{color:#f44336}.stat-value.resolved{color:#4caf50}.filters-section{background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:16px}.filters-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.filter-group{display:flex;flex:1 1;flex-direction:column;min-width:150px}.filter-group label{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:6px}.filter-group input,.filter-group select{background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-clear-filters{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-clear-filters:hover{background:#f57c00}.error-message{background:#ffebee;border:1px solid #ef5350;border-radius:6px;color:#c62828;font-size:14px;margin-bottom:16px;padding:16px}.loading-message{font-size:14px;padding:40px}.loading-message,.no-records{color:var(--text-secondary);text-align:center}.no-records{font-size:16px;padding:60px 20px}.records-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.record-card{background:#fff;border:1px solid var(--border);border-radius:6px;font-size:12px;overflow:hidden;position:relative;transition:all .2s}.record-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.record-card.resolved{opacity:.8}.status-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:8px;top:8px;z-index:1}.record-card.unresolved .status-badge{background:#f44336}.card-header{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-bottom:1px solid var(--border);padding:8px 10px}.card-header h4{color:var(--text-primary);font-size:12px;font-weight:600;margin:0}.card-info{border-bottom:1px solid var(--border);padding:6px 10px}.info-row{display:flex;font-size:11px;justify-content:space-between;padding:3px 0}.info-row .label{color:var(--text-secondary);font-weight:600;min-width:80px}.info-row .value{color:var(--text-primary);flex:1 1;text-align:right}.info-row.resolved-info .value{color:#4caf50}.student-info{background:#f9fafb;border-bottom:1px solid var(--border);padding:6px 10px}.student-name{color:var(--text-primary);font-size:12px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-meta{color:var(--text-secondary);display:flex;font-size:10px;gap:4px}.student-meta span{background:#fff;border:1px solid var(--border);border-radius:3px;padding:2px 6px}.card-actions{display:flex;gap:4px;padding:6px 10px}.card-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:10px;font-weight:600;gap:4px;justify-content:center;padding:5px 8px;transition:all .2s}.btn-view{background:#2196f3;color:#fff}.btn-view:hover{background:#1976d2}.btn-resolve{background:#4caf50;color:#fff}.btn-resolve:hover{background:#388e3c}.btn-delete{background:#f44336;color:#fff;flex:0 0 auto;min-width:40px}.btn-delete:hover:not(:disabled){background:#d32f2f}.btn-delete:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-resolve{max-width:500px}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.btn-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.btn-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.detail-section{margin-bottom:16px}.detail-section h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.detail-section p{color:var(--text-primary);font-size:13px;margin:6px 0}.detail-section strong{display:inline-block;font-weight:600;min-width:120px}.comments-box{background:#f9fafb;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px;line-height:1.6;max-height:200px;overflow-y:auto;padding:12px}.resolved-section{background:#e8f5e9;border-left:4px solid #4caf50;padding:12px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group textarea{border:1px solid var(--border);border-radius:4px;font-family:Noto Nastaliq Urdu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;padding:10px 12px;resize:vertical;width:100%}.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px}.btn-secondary{background:#fff;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f5f5f5}.btn-success{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-success:hover{background:#388e3c}@media (max-width:768px){.mistakes-tab{padding:16px}.stats-banner{flex-direction:column}.stat-item{min-width:auto}.filter-row{flex-direction:column}.filter-group{min-width:auto}.records-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions button{width:100%}}[data-theme=dark] .stats-banner{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-color:var(--border)}[data-theme=dark] .stat-item{background:#1e293b;background:var(--panel-bg,#1e293b);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .stat-value{color:#60a5fa}[data-theme=dark] .filters-section{background:#1e293b;background:var(--panel-bg,#1e293b);border-color:var(--border)}[data-theme=dark] .filter-group input,[data-theme=dark] .filter-group select{background:#334155;background:var(--surface,#334155);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .filter-group input:focus,[data-theme=dark] .filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .error-message{background:#ef444426;border-color:#ef444466;color:#fca5a5}[data-theme=dark] .record-card{background:#1e293b;background:var(--panel-bg,#1e293b);border-color:var(--border)}[data-theme=dark] .record-card:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .card-header{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}[data-theme=dark] .card-header,[data-theme=dark] .card-info,[data-theme=dark] .student-info{border-bottom-color:var(--border)}[data-theme=dark] .student-info{background:#334155;background:var(--surface,#334155)}[data-theme=dark] .student-meta span{border-color:var(--border)}[data-theme=dark] .modal-content,[data-theme=dark] .student-meta span{background:#1e293b;background:var(--panel-bg,#1e293b)}[data-theme=dark] .modal-header{border-bottom-color:var(--border)}[data-theme=dark] .modal-body{color:var(--text-primary)}[data-theme=dark] .comments-box{background:#334155;background:var(--surface,#334155);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .resolved-section{background:#10b98126;border-left-color:#10b981}[data-theme=dark] .form-group textarea{background:#334155;background:var(--surface,#334155);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .modal-footer{border-top-color:var(--border)}[data-theme=dark] .btn-secondary{background:#334155;background:var(--surface,#334155);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:#475569;background:var(--surface-hover,#475569)}.messages-tab{margin:0 auto;max-width:1200px;padding:30px}.messages-header{margin-bottom:30px}.messages-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:8px}.messages-header p{color:var(--text-muted);font-size:14px}.create-message-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:20px}.message-input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:Noto Nastaliq Urdu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;min-height:100px;padding:15px;resize:vertical;transition:border-color .2s;width:100%}.message-input:focus{border-color:#3b82f6;outline:none}.message-input:disabled{cursor:not-allowed;opacity:.6}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-post{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.btn-post:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-post:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-refresh{background:var(--panel-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:10px 16px;transition:all .2s}.btn-refresh:hover:not(:disabled){background:var(--bg);border-color:#3b82f6;color:#3b82f6}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.messages-list h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px}.no-messages{background:var(--panel-bg);border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);padding:60px 20px;text-align:center}.messages-container{display:flex;flex-direction:column;gap:16px}.message-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s}.message-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000014}.message-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.message-author{display:flex;flex-direction:column;gap:4px}.author-name{color:var(--text-primary);font-size:16px;font-weight:600}.author-role{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.role-administrator{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.role-examiner{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.role-teacher{background:linear-gradient(135deg,#059669,#047857);color:#fff}.message-meta{align-items:center;display:flex;gap:12px}.message-date{color:var(--text-muted);font-size:13px}.btn-delete-message{background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.btn-delete-message:hover{background:#fee2e2;color:#991b1b}.message-content{word-wrap:break-word;color:var(--text-primary);font-size:15px;line-height:1.6;white-space:pre-wrap}@media (max-width:768px){.messages-tab{padding:20px}.messages-header h2{font-size:24px}.message-header-row{flex-direction:column;gap:8px}.message-meta{align-self:flex-start}.form-actions{flex-direction:column}.btn-post,.btn-refresh{justify-content:center;width:100%}}
/*# sourceMappingURL=main.49ecd47e.css.map*/