:root{--color-bg: #f0f2f5;--color-surface: #ffffff;--color-surface-hover: #f8f9fb;--color-border: #e0e3eb;--color-border-light: #f0f2f5;--color-text: #1a1a2e;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-primary: #4f6ef7;--color-primary-light: #eef2ff;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-neutral: #94a3b8;--color-purple: #8b5cf6;--color-teal: #14b8a6;--color-pink: #ec4899;--color-shadow: rgba(0,0,0,.04);--color-table-stripe: #fafbfc;--color-table-hover: #f1f5f9;--accent-1: var(--color-primary);--accent-2: var(--color-success);--accent-3: var(--color-danger);--accent-4: var(--color-warning);--accent-5: var(--color-purple);--accent-6: var(--color-info);--accent-neutral: var(--color-neutral);font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #334155;--color-border-light: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-primary: #6380f7;--color-primary-light: #1e293b;--color-success: #4ade80;--color-danger: #f87171;--color-warning: #fbbf24;--color-info: #60a5fa;--color-purple: #a78bfa;--color-teal: #2dd4bf;--color-pink: #f472b6;--color-shadow: rgba(0,0,0,.3);--color-table-stripe: #1a2438;--color-table-hover: #293548}[data-theme=corporate]{--accent-1: #1a3a6b;--accent-2: #0d7a3e;--accent-3: #b91c1c;--accent-4: #c9a94e;--accent-5: #4c1d95;--accent-6: #1e40af;--accent-neutral: #475569}[data-theme=minimal]{--accent-1: #111827;--accent-2: #374151;--accent-3: #6b7280;--accent-4: #9ca3af;--accent-5: #4b5563;--accent-6: #1f2937;--accent-neutral: #d1d5db}[data-theme=warm]{--accent-1: #8b4513;--accent-2: #5c3a24;--accent-3: #7f1d1d;--accent-4: #c9a06c;--accent-5: #6b4226;--accent-6: #422006;--accent-neutral: #a8957a}[data-theme=dark]{--accent-1: #818cf8;--accent-2: #4ade80;--accent-3: #f87171;--accent-4: #fbbf24;--accent-5: #c084fc;--accent-6: #60a5fa;--accent-neutral: #94a3b8}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#0c1222,#0f172a);box-shadow:2px 0 12px #0006}[data-theme=dark] .table-wrap thead tr{background:var(--color-table-stripe)}[data-theme=dark] .table-wrap tbody tr.row-plain:hover{background:var(--color-table-hover)}[data-theme=dark] .btn-default{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .btn-default:hover{background:var(--color-surface-hover)}[data-theme=dark] .pagination{background:var(--color-surface)}[data-theme=dark] .pagination-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .login-page{background:linear-gradient(135deg,#020617,#0f172a 48%,#1e1b4b)}[data-theme=dark] .main-content table td,[data-theme=dark] .main-content table th,[data-theme=dark] .main-content table tr{border-color:var(--color-border)!important}[data-theme=dark] .main-content table{color:var(--color-text)}[data-theme=dark] .main-content table thead tr{background:var(--color-table-stripe)!important}[data-theme=dark] .main-content table tbody tr:nth-child(odd):not([style*=background]){background:var(--color-surface)!important}[data-theme=dark] .main-content table tbody tr:nth-child(2n):not([style*=background]){background:var(--color-table-stripe)!important}[data-theme=dark] .main-content table tbody tr:not([style*=background]):hover{background:var(--color-table-hover)!important}[data-theme=dark] .main-content table td,[data-theme=dark] .main-content table th{color:inherit}[data-theme=dark] .main-content input,[data-theme=dark] .main-content select,[data-theme=dark] .main-content textarea{background:var(--color-surface)!important;color:var(--color-text)!important}[data-theme=dark] .main-content button:not([style*="background: linear"]):not([style*="background: rgb"]){background:var(--color-surface)}[data-theme=dark] .main-content h2,[data-theme=dark] .main-content h3,[data-theme=dark] .main-content h4,[data-theme=dark] .main-content b,[data-theme=dark] .main-content strong,[data-theme=dark] .main-content div,[data-theme=dark] .main-content span,[data-theme=dark] .main-content p{color:var(--color-text)!important}[data-theme=dark] .main-content label{color:var(--color-text-secondary)!important}[data-theme=dark] .main-content [style*="color: white"],[data-theme=dark] .main-content [style*="color: #fff"]{color:#fff!important}[data-theme=dark] .main-content [style*="color: #dc2626"]{color:#f87171!important}[data-theme=dark] .main-content [style*="color: #16a34a"]{color:#4ade80!important}[data-theme=dark] .main-content [style*="color: #4f6ef7"]{color:#818cf8!important}[data-theme=dark] .main-content [style*="color: #ea580c"]{color:#fb923c!important}[data-theme=dark] .main-content [style*="color: #7c3aed"]{color:#a78bfa!important}[data-theme=dark] .main-content [style*="color: #854d0e"],[data-theme=dark] .main-content [style*="color: #f59e0b"]{color:#fbbf24!important}[data-theme=dark] .main-content [style*="color: #0891b2"]{color:#22d3ee!important}[data-theme=dark] .main-content [style*="color: #92400e"]{color:#fbbf24!important}[data-theme=dark] .main-content>div div{background-color:var(--color-surface)!important}[data-theme=dark] .main-content div[style*="background: linear"],[data-theme=dark] .main-content div[style*="background: rgb"],[data-theme=dark] .main-content div[style*="background-color: rgb"],[data-theme=dark] .main-content div[style*="background: #dc"],[data-theme=dark] .main-content div[style*="background: #16a"],[data-theme=dark] .main-content div[style*="background: #4f6"],[data-theme=dark] .main-content div[style*="background: #ea5"],[data-theme=dark] .main-content div[style*="background: #7c3"],[data-theme=dark] .main-content div[style*="background: #f59"],[data-theme=dark] .main-content div[style*="background: #fef2"],[data-theme=dark] .main-content div[style*="background: #fffb"],[data-theme=dark] .main-content div[style*="background: #f0fdf"],[data-theme=dark] .main-content div[style*="background: #eef2"]{background-color:revert!important}[data-theme=dark] .main-content div[style*="background: #fef2f2"]{background:#2d1b1b!important}[data-theme=dark] .main-content div[style*="background: #fffbeb"]{background:#2d2a1b!important}[data-theme=dark] .main-content div[style*="background: #f0fdf4"]{background:#1b2d1e!important}[data-theme=dark] .main-content div[style*="background: #eef2ff"]{background:#1b1e2d!important}[data-theme=dark] .main-content div[style*="background: #faf5ff"]{background:#231b2d!important}[data-theme=dark] .main-content td:not([style*="color: #dc"]):not([style*="color: #16a"]):not([style*="color: #4f6"]){color:var(--color-text)!important}[data-theme=dark] .main-content td *{color:inherit!important}[data-theme=dark] .main-content td span[style*="color: #4f6ef7"],[data-theme=dark] .main-content td span[style*="color: #dc2626"],[data-theme=dark] .main-content td span[style*="color: #16a34a"]{color:inherit!important;filter:brightness(1.4)}[data-theme=dark] .main-content th{color:var(--color-text-secondary)!important}[data-theme=dark] .summary-card{background:var(--color-surface)!important;border-color:var(--color-border)!important}[data-theme=dark] .summary-card-value{color:var(--color-text)!important}[data-theme=dark] .summary-card-label{color:var(--color-text-secondary)!important}body,.sidebar,.topbar,.main-content,.card,.table-wrap,.btn,input,select{transition:background .25s ease,color .25s ease,border-color .25s ease}[data-theme=corporate]{--color-bg: #f2f4f8;--color-surface: #ffffff;--color-surface-hover: #f8f9fb;--color-border: #d1d5de;--color-border-light: #e8eaf0;--color-text: #1a2744;--color-text-secondary: #4a5568;--color-text-muted: #8896a7;--color-primary: #1a3a6b;--color-primary-light: #edf1f7;--color-success: #0d7a3e;--color-danger: #c53030;--color-warning: #b7791f;--color-shadow: rgba(26,58,107,.06);--color-table-stripe: #f7f8fc;--color-table-hover: #edf1f7}[data-theme=corporate] .sidebar{background:linear-gradient(180deg,#0d1f3c,#1a3a6b 40%,#234b82);box-shadow:2px 0 16px #0d1f3c33}[data-theme=corporate] .sidebar-btn.active{background:#ffffff26!important}[data-theme=corporate] .sidebar-btn:hover{background:#ffffff14!important}[data-theme=corporate] .topbar{background:#fff;border-bottom:2px solid #c9a94e;box-shadow:0 1px 4px #1a3a6b0f}[data-theme=corporate] .topbar-page-title{color:#1a3a6b;font-weight:800}[data-theme=corporate] .login-page{background:linear-gradient(135deg,#0d1f3c,#1a3a6b 48%,#234b82)}[data-theme=corporate] .login-card{border:1px solid #c9a94e}[data-theme=minimal]{--color-bg: #f6f8fa;--color-surface: #ffffff;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-primary: #111827;--color-primary-light: #f3f4f6;--color-success: #059669;--color-danger: #dc2626;--color-warning: #d97706;--color-shadow: rgba(0,0,0,.03);--color-table-stripe: #fafbfc;--color-table-hover: #f3f4f6}[data-theme=minimal] .sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:none}[data-theme=minimal] .sidebar-logo{color:#111827!important}[data-theme=minimal] .sidebar-btn{color:#6b7280!important}[data-theme=minimal] .sidebar-btn.active{color:#111827!important;background:#f3f4f6!important;border-left:3px solid #111827}[data-theme=minimal] .sidebar-btn:hover{background:#f3f4f6!important}[data-theme=minimal] .sidebar-btn-icon{filter:none}[data-theme=minimal] .sidebar-btn svg{stroke:#6b7280}[data-theme=minimal] .sidebar-btn.active svg{stroke:#111827}[data-theme=minimal] .sidebar-brand-title{color:#111827!important}[data-theme=minimal] .sidebar-brand-sub{color:#9ca3af!important}[data-theme=minimal] .sidebar-user-name{color:#374151!important}[data-theme=minimal] .sidebar-user-role{color:#9ca3af!important}[data-theme=minimal] .topbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:none}[data-theme=minimal] .login-page{background:#f6f8fa}[data-theme=minimal] .login-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a}[data-theme=warm]{--color-bg: #faf6f1;--color-surface: #ffffff;--color-surface-hover: #fdf8f3;--color-border: #e8ddd0;--color-border-light: #f5efe7;--color-text: #2c1810;--color-text-secondary: #6b5544;--color-text-muted: #9c8b7e;--color-primary: #8b5e3c;--color-primary-light: #fdf6f0;--color-success: #2e7d32;--color-danger: #c62828;--color-warning: #ef6c00;--color-shadow: rgba(139,94,60,.06);--color-table-stripe: #faf6f1;--color-table-hover: #f5efe7}[data-theme=warm] .sidebar{background:linear-gradient(180deg,#2c1810,#3e2415 40%,#5c3a24);box-shadow:2px 0 16px #2c181026}[data-theme=warm] .sidebar-btn.active{background:#ffffff1f!important}[data-theme=warm] .sidebar-btn:hover{background:#ffffff12!important}[data-theme=warm] .topbar{background:#fff;border-bottom:2px solid #c9a06c;box-shadow:0 1px 4px #8b5e3c0f}[data-theme=warm] .topbar-page-title{color:#5c3a24}[data-theme=warm] .login-page{background:linear-gradient(135deg,#2c1810,#5c3a24 48%,#8b5e3c)}[data-theme=warm] .login-card{border:1px solid #c9a06c}[data-theme=corporate] .main-content table thead tr,[data-theme=minimal] .main-content table thead tr,[data-theme=warm] .main-content table thead tr{background:var(--color-table-stripe)!important}[data-theme=corporate] .main-content table tbody tr:nth-child(2n),[data-theme=minimal] .main-content table tbody tr:nth-child(2n),[data-theme=warm] .main-content table tbody tr:nth-child(2n){background:var(--color-table-stripe)}[data-theme=corporate] .main-content table tbody tr:hover,[data-theme=minimal] .main-content table tbody tr:hover,[data-theme=warm] .main-content table tbody tr:hover{background:var(--color-table-hover)!important}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:var(--color-bg);color:var(--color-text)}a{color:inherit}button,input,select,textarea{font:inherit;border:none;outline:none}table{font-size:13px}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{min-height:100vh;background:linear-gradient(180deg,#1e1e3a,#16213e);color:#c5c8d4;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;overflow:hidden;box-shadow:2px 0 12px #0000001f;position:sticky;top:0;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);min-height:60px}.sidebar-logo{width:34px;height:34px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#4f6ef7,#38bdf8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}.sidebar-brand-title{font-weight:700;font-size:15px;color:#fff;white-space:nowrap}.sidebar-brand-sub{font-size:11px;color:#7b83a6;white-space:nowrap}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border:none;cursor:pointer;background:transparent;color:#9ea4bf;font-weight:400;font-size:14px;transition:all .15s;border-left:3px solid transparent;white-space:nowrap}.sidebar-btn:hover{background:#ffffff0d;color:#d0d4e4}.sidebar-btn.active{background:#4f6ef72e;color:#fff;font-weight:600;border-left-color:#4f6ef7}.sidebar-btn-icon{font-size:17px;flex-shrink:0;width:24px;text-align:center}.sidebar-collapse{padding:14px;border:none;background:#ffffff0a;cursor:pointer;color:#7b83a6;font-size:13px;border-top:1px solid rgba(255,255,255,.06);transition:background .15s}.sidebar-collapse:hover{background:#ffffff14}.sidebar-user{padding:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}.sidebar-user-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:600;color:#e2e5ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#7b83a6;white-space:nowrap}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.topbar{height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-page-title{margin:0;font-size:17px;font-weight:700;color:var(--color-text)}.topbar-sync{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary)}.topbar-sync-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-divider{width:1px;height:28px;background:var(--color-border)}.main-content{flex:1;padding:24px;overflow-y:auto;scroll-behavior:smooth}.scroll-top-btn{position:fixed;bottom:24px;right:24px;z-index:50;width:42px;height:42px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-size:18px;box-shadow:0 4px 14px #4f6ef759;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.scroll-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top-btn:hover{background:#3d5bd9;box-shadow:0 6px 20px #4f6ef773}.card{background:var(--color-surface);border-radius:10px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a}.card-padded{padding:16px}.toolbar{background:var(--color-surface);border-radius:10px;border:1px solid var(--color-border);padding:12px 16px;box-shadow:0 1px 3px #0000000a}.toolbar-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter-group label{display:block;font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.filter-group select,.filter-group input[type=date],.filter-group input[type=text],.filter-group input[type=search]{padding:6px 10px;border-radius:6px;border:1px solid var(--color-border);font-size:13px;background:var(--color-surface);color:var(--color-text)}.filter-group select:focus,.filter-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6ef71a}.btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.btn-default{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-default:hover{background:#f8f9fb}.btn-primary{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.btn-primary:hover{background:#3d5bd9}.btn-danger{background:var(--color-surface);border:1px solid #fca5a5;color:var(--color-danger)}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:5px 10px;font-size:12px}.table-wrap{background:var(--color-surface);border-radius:10px;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #0000000a}.table-scroll{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.table-wrap thead tr{background:var(--color-table-stripe)}.table-wrap thead th{text-align:left;padding:10px 14px;font-weight:600;color:var(--color-text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border);white-space:nowrap}.table-wrap tbody tr{border-bottom:1px solid var(--color-border-light);transition:background .1s}.table-wrap tbody tr:nth-child(2n){background:var(--color-table-stripe)}.table-wrap tbody tr:not([style]):hover{background:var(--color-table-hover)!important}.table-wrap tbody tr[style]:hover{filter:brightness(.92)}.table-wrap tbody tr.row-plain:hover{background:var(--color-table-hover)}.table-wrap tbody tr.row-color:hover{filter:brightness(.92)}.table-wrap tbody td{padding:11px 14px}.badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.badge-new{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.badge-assigned-on-color{background:#ffffff40;color:inherit;border:1px solid rgba(255,255,255,.3)}.badge-overdue{background:#fef2f2;color:#dc2626}.badge-overdue-on-color{background:#ffffff4d;color:inherit}.pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--color-border);background:#fafbfc;font-size:12px;color:var(--color-text-secondary)}.pagination-buttons{display:flex;gap:3px}.pagination-btn{padding:5px 10px;border-radius:4px;border:1px solid var(--color-border);background:#fff;font-size:12px;cursor:pointer;color:var(--color-text);min-width:32px;text-align:center}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.summary-card{background:var(--color-surface);border-radius:10px;padding:18px;border:1px solid var(--color-border);cursor:pointer;box-shadow:0 1px 3px #0000000a;text-align:left;transition:box-shadow .15s}.summary-card:hover{box-shadow:0 4px 12px #00000014}.summary-card-label{font-size:11px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.summary-card-value{font-size:26px;font-weight:800;margin-top:6px;color:var(--color-text)}.color-legend{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--color-text-secondary);flex-wrap:wrap}.color-legend-item{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;background:#f8f9fb}.color-legend-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.font-mono{font-family:Consolas,Fira Code,monospace}.main-content table tbody tr{transition:background .1s ease,filter .1s ease}.main-content table tbody tr:not([style]):hover{background:var(--color-table-hover)!important}.main-content table tbody tr[style]:hover{filter:brightness(.92)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;color:#e5eefb;background:radial-gradient(circle at top left,rgba(37,99,235,.22),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 24%),linear-gradient(135deg,#09111f,#0f172a 48%,#111827)}.login-page a{color:inherit}.login-shell{width:100%;max-width:1040px;display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(320px,440px);gap:28px;align-items:center}.login-branding{padding:24px 8px}.login-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#3b82f624;border:1px solid rgba(147,197,253,.22);color:#bfdbfe;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-title{margin:18px 0 12px;font-size:clamp(32px,5vw,52px);line-height:1.04;font-weight:800;letter-spacing:-.03em;color:#f8fbff}.login-subtitle{margin:0;max-width:560px;color:#b8c7df;font-size:17px;line-height:1.7}.login-card{width:100%;background:#0f172ab8;border:1px solid rgba(148,163,184,.2);box-shadow:0 24px 70px #02061780;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:28px;display:grid;gap:16px}.login-card-header h2{margin:0 0 8px;font-size:26px;color:#fff}.login-card-header p{margin:0;color:#9fb1cb;font-size:14px}.login-field{display:grid;gap:8px}.login-field span{color:#d8e5f8;font-size:14px;font-weight:600}.login-field input{width:100%;padding:14px 15px;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:#ffffff0f;color:#f8fbff;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.login-field input::placeholder{color:#8ea2c0}.login-field input:focus{border-color:#60a5fae6;box-shadow:0 0 0 4px #3b82f629;background:#ffffff14}.login-submit{margin-top:4px;border:0;border-radius:14px;padding:14px 16px;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#0284c7);box-shadow:0 12px 30px #2563eb4d;transition:transform .15s,box-shadow .15s,opacity .15s}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #2563eb5c}.login-submit:disabled{opacity:.72;cursor:not-allowed}.login-error{border-radius:14px;padding:12px 14px;border:1px solid rgba(248,113,113,.4);background:#7f1d1d40;color:#fecaca}.login-contact{margin-top:6px;padding-top:16px;border-top:1px solid rgba(148,163,184,.15);color:#b7c6dd;font-size:14px;line-height:1.7}.login-contact a{color:#dbeafe;text-decoration:none}.login-contact a:hover{text-decoration:underline}@media(max-width:860px){.login-shell{grid-template-columns:1fr;max-width:520px}.login-branding{padding:0;text-align:center}.login-subtitle{margin:0 auto}.sidebar{display:none}.main-content{padding:14px 12px}}.mobile-hamburger{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:6px;border-radius:6px;line-height:1}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-sidebar{display:none;position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--sidebar-bg, #0f172a);z-index:999;flex-direction:column;transition:left .25s ease;box-shadow:4px 0 24px #0000004d}.mobile-sidebar.open{left:0}@media(max-width:860px){.mobile-hamburger{display:inline-flex}.mobile-overlay{display:block}.mobile-sidebar{display:flex}}@media(max-width:768px){.app-layout{flex-direction:column;height:auto;overflow:auto}.sidebar{display:none}.main-area{height:auto;overflow:visible}.main-content{padding:12px 8px;overflow:visible}.topbar{padding:0 12px;height:48px;position:sticky;top:0;z-index:30}.topbar-page-title{font-size:14px}.topbar-sync{display:none}.main-content table{font-size:11px}.main-content table th,.main-content table td{padding:4px 6px}.card-padded,.toolbar{padding:10px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.summary-card{padding:12px}.summary-card-value{font-size:20px}.scroll-top-btn{width:36px;height:36px;bottom:16px;right:12px;font-size:16px}}@media(max-width:480px){.topbar{padding:0 8px}.topbar-right>*:not(:last-child){display:none}.topbar-right>*:last-child{display:inline-flex}.main-content{padding:8px 6px}.summary-grid{grid-template-columns:1fr 1fr}}@keyframes board-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}[data-nav-key=board]{position:relative}[data-nav-key=board]:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#dc2626;animation:board-pulse 2s infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.ksef-sidebar{width:100%!important;max-height:60px;overflow:hidden}.ksef-sidebar.expanded{max-height:100vh;overflow-y:auto}.ksef-topbar{font-size:12px;padding:8px 12px}table{display:block;overflow-x:auto;white-space:nowrap}.ksef-package-card{width:100%!important}.ksef-modal{width:95vw!important;max-width:95vw!important}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent-1, #4f6ef7)!important;outline-offset:2px!important}