:root{--bg:#fff;--surface:#f8f8f8;--surface-muted:#f4f4f4;--bg-muted:#f5f5f5;--border:#e5e5e5;--text:#111;--text-muted:#666;--text-light:#999;--accent:#111;--accent-hover:#333;--accent-contrast:#fff;--ink-contrast:#fff;--danger:#dc2626;--danger-soft:#ef4444;--success:#16a34a;--warning:#ca8a04;--danger-border:#fca5a5;--overlay:#00000073;--overlay-soft:#00000059;--body-bg:#f0f0f0;--skeleton-highlight:#eee;--desktop-bg:#ececf0;--main-bg:#f4f5f7;--header-bg:#fff;--sidebar-bg:#111;--sidebar-fg:#d7d7da;--sidebar-muted:#ffffff8c;--sidebar-label:#ffffff6b;--badge-active-bg:#dcfce7;--badge-active-fg:#166534;--badge-pending-bg:#fef9c3;--badge-pending-fg:#854d0e;--badge-late-bg:#fee2e2;--badge-late-fg:#991b1b;--badge-completed-bg:#e5e5e5;--badge-completed-fg:#404040;--badge-urgent-bg:#fee2e2;--badge-urgent-fg:#991b1b;--alert-warning-bg:#fef9c3;--alert-warning-border:#fde047;--alert-warning-fg:#633f12;--alert-danger-bg:#fee2e2;--alert-danger-border:#fca5a5;--alert-danger-fg:#8c1f1f;--switch-off-bg:#d4d4d8;--switch-off-knob:#fff;--switch-on-bg:#05472a;--switch-on-knob:#fff;--switch-hover-ring:#00000012;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow:0 2px 8px #0000000f;--shadow-lg:0 4px 20px #0000001a;--nav-height:64px;--header-height:56px;--max-width:480px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:none}::-webkit-scrollbar{background:0 0;width:0;height:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text)}.app-container{max-width:var(--max-width);background:var(--bg);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-container--training .page-header{top:28px}.training-mode-banner{color:#fff;letter-spacing:.14em;z-index:20;background:#000;justify-content:center;align-items:center;padding:5px 16px;font-size:.6875rem;font-weight:600;display:flex;position:sticky;top:0}.training-mode-exit{color:#fff;letter-spacing:normal;font-size:.75rem;font-weight:500;text-decoration:underline;position:absolute;right:16px}.page-content{padding:16px;padding-bottom:calc(var(--nav-height) + 16px);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page-content.no-nav{padding-bottom:16px}.page-header{padding:16px;padding-top:max(16px, env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:var(--bg);z-index:10;position:sticky;top:0}.page-header h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.page-header p{color:var(--text-muted);margin-top:2px;font-size:.875rem}.btn{border-radius:var(--radius);cursor:pointer;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-outline{color:var(--text);border:2px solid var(--text);background:0 0}.btn-outline:hover:not(:disabled){background:var(--text);color:var(--ink-contrast)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-dark{color:#fff;background:#111;border:1px solid #111}.btn-dark:hover:not(:disabled){background:#333}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:10px 16px;font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-group{flex-direction:column;gap:12px;display:flex}.btn-row{gap:12px;display:flex}.btn-row .btn{flex:1}.btn-row-compact{flex-wrap:nowrap;gap:6px;display:flex}.btn-row-compact .btn,.btn-row-compact .btn.btn-sm{letter-spacing:0;white-space:normal;flex:1 1 0;min-width:0;padding:8px 4px;font-size:.6875rem;line-height:1.25}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.card-value{letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.card-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card-grid .card{margin-bottom:0}.report-table-wrap{border:1px solid var(--border);background:var(--bg);border-radius:8px;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:.8125rem}.report-table th,.report-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.report-table th{background:var(--bg-muted);font-weight:600;position:sticky;top:0}.report-table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8125rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);padding:14px 16px;font-size:1rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--text);outline:none}.form-textarea{resize:vertical;min-height:100px}.day-picker{flex-wrap:wrap;gap:8px;display:flex}.day-chip{letter-spacing:.02em;text-align:center;border:1px solid var(--border);border-top-color:var(--text);border-radius:var(--radius);background:var(--bg);min-width:56px;color:var(--text-muted);cursor:pointer;flex:auto;padding:10px 0;font-size:.95rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.day-chip:hover{border-color:var(--text);color:var(--text)}.day-chip--selected{background:var(--text);color:var(--bg);border-color:var(--text)}.list-item{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:inherit;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;text-decoration:none;transition:background .15s;display:flex}.list-item:hover{background:var(--surface)}.list-item-icon{border-radius:var(--radius-sm);background:var(--surface);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:.9375rem;font-weight:500}.list-item-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.list-item-arrow{color:var(--text-light);font-size:1.25rem}.list-item-button{text-align:left;background:var(--bg);border:1px solid var(--border);width:100%;font:inherit}.list-item-button:disabled{opacity:.6;cursor:not-allowed}.scheduler-checklist-item{appearance:none;background:0 0}.scheduler-checklist-item:hover{background:var(--surface)}.sales-prospect{cursor:default}.sales-prospect-controls{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.sales-prospect-score{white-space:nowrap;font-weight:600}.sales-prospect-select{width:auto}@media (width<=560px){.sales-prospect{flex-wrap:wrap}.sales-prospect-controls{width:100%}}.confirm-overlay{z-index:400;background:var(--overlay);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border);border-top:3px solid var(--danger);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:20px}.confirm-dialog .btn-group{flex-direction:row}.confirm-dialog .btn-group .btn{white-space:normal;flex:1 1 0;min-width:0;padding:10px 14px;font-size:.875rem}.confirm-dialog .btn-danger{background:var(--danger)}.confirm-dialog .btn-dark,.confirm-dialog .btn-danger{border:1px solid var(--text)}.confirm-dialog-title{margin-bottom:8px;font-size:1.0625rem;font-weight:600}.confirm-dialog--sign-out .confirm-dialog-title{color:#000}.confirm-dialog-message{color:var(--text-muted);margin-bottom:16px;font-size:.9375rem;line-height:1.5}.upload-dialog{border-radius:var(--radius-lg);background:var(--bg);width:100%;max-width:420px;max-height:min(90vh,720px);box-shadow:var(--shadow-lg);padding:20px;overflow-y:auto}.upload-dialog .btn-group{margin-top:8px}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-block}.badge-active{background:var(--badge-active-bg);color:var(--badge-active-fg)}.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-fg)}.badge-late{background:var(--badge-late-bg);color:var(--badge-late-fg)}.badge-completed{background:var(--badge-completed-bg);color:var(--badge-completed-fg)}.badge-urgent{background:var(--badge-urgent-bg);color:var(--badge-urgent-fg)}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:20px 0 12px;font-size:.8125rem;font-weight:600}.section-title:first-child{margin-top:0}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--nav-height);background:var(--bg);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:10px 12px;font-size:.6875rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:var(--text);font-weight:600}.role-select-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:32px 24px;display:flex}.auth-page{padding-top:48px}.auth-page-panel{width:100%}.role-select-page .auth-page-panel{flex-direction:column;flex:1;align-items:center;width:100%;min-height:100%;display:flex}.legal-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.8125rem;display:flex}.legal-links a{color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}.legal-links a:hover{color:var(--text)}.legal-links-sep{color:var(--text-muted);opacity:.7}.legal-links--auth{margin-top:auto;padding-top:32px}.legal-links--login{margin-top:40px;padding-bottom:16px}.legal-choice{text-align:left;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);width:100%;color:inherit;font:inherit;cursor:pointer;margin-bottom:12px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:block}.legal-choice:hover,.legal-choice:focus-visible{border-color:var(--text);box-shadow:var(--shadow);outline:none}.legal-choice:disabled{opacity:.6;cursor:not-allowed}.legal-choice-title{font-size:1.0625rem;font-weight:600}.legal-choice-desc{color:var(--text-muted);margin-top:4px;font-size:.8125rem;line-height:1.4}.legal-body-text{white-space:pre-wrap;word-break:break-word;font-size:.9375rem;line-height:1.6}.logo{letter-spacing:-.04em;margin-bottom:8px;font-size:2rem;font-weight:700}.logo-sub{color:var(--text-muted);margin-bottom:48px;font-size:.875rem}.app-logo{object-fit:contain;width:auto;max-width:100%;height:auto;display:block}.app-logo--hero{max-width:min(320px,88vw);margin-bottom:8px}.app-logo--auth{max-width:min(280px,80vw);margin:0 auto 16px}.app-logo--sidebar{max-width:168px;max-height:40px}.app-logo--settings{max-width:min(280px,100%)}.role-box{border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;background:var(--bg);width:100%;color:inherit;font:inherit;margin-bottom:16px;padding:32px 24px;transition:all .2s;display:block}.role-box:hover{border-color:var(--text);box-shadow:var(--shadow)}.role-box-icon{margin-bottom:12px;font-size:2.5rem}.role-box-title{font-size:1.125rem;font-weight:600}.role-box-desc{color:var(--text-muted);margin-top:4px;font-size:.8125rem}.shift-card{border-left:4px solid var(--text)}.shift-time{font-size:1.125rem;font-weight:600}.announcement{background:var(--surface);border-radius:var(--radius);margin-bottom:8px;padding:14px 16px}.announcement-date{color:var(--text-muted);font-size:.75rem}.announcement-text{margin-top:4px;font-size:.9375rem}.clock-display{text-align:center;padding:32px 0}.clock-time{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700}.clock-status{color:var(--text-muted);margin-top:8px;font-size:.875rem}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-header{color:var(--text-muted);padding:8px 0;font-size:.6875rem;font-weight:600}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;display:flex}.calendar-day.has-shift{background:var(--text);color:var(--ink-contrast);font-weight:600}.calendar-day.today{border:2px solid var(--text)}.calendar-month-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.calendar-month-label{text-align:center;flex:1;font-size:1rem;font-weight:600}.calendar-month-nav{width:40px;min-width:40px;padding:8px 0}.calendar-month-grid{gap:6px}.calendar-month-grid--compact{gap:4px}.calendar-month-grid--compact .calendar-month-day{aspect-ratio:auto;gap:2px;min-height:40px;padding:3px 0}.calendar-month-grid--compact .calendar-month-day-number{font-size:.8125rem}.calendar-month-day{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;font:inherit;color:inherit;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 0;transition:transform .15s,border-color .15s,border-width .15s,background .15s;display:flex}.calendar-month-day:hover{background:var(--surface)}.calendar-month-day.outside-month{color:var(--text-light)}.calendar-month-day.today{border-color:var(--text)}.calendar-month-day.selected{background:var(--surface);border-color:var(--border);font-weight:600}.calendar-month-day-number{font-size:.875rem;line-height:1}.calendar-job-dot{background:var(--text);border-radius:50%;flex-shrink:0;width:5px;height:5px}.schedule-popover-overlay{z-index:60;background:var(--overlay-soft);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.schedule-popover{border-radius:var(--radius-lg);background:var(--bg);width:100%;max-width:360px;max-height:min(70vh,520px);box-shadow:var(--shadow-lg);padding:16px;overflow:auto}.schedule-popover-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.schedule-popover-title{font-size:1rem;font-weight:600;line-height:1.4}.schedule-popover-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.schedule-popover-close:hover{color:var(--text)}.schedule-popover-list{flex-direction:column;gap:10px;display:flex}.schedule-popover-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px}.schedule-popover-item-title{font-size:.9375rem;font-weight:600}.schedule-popover-item-meta{margin-top:4px;font-size:.875rem}.schedule-popover-item-sub{color:var(--text-muted);margin-top:4px;font-size:.8125rem}.schedule-popover-item-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.schedule-popover-item-action{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s;display:block}.schedule-popover-item-action:hover{border-color:var(--text);background:var(--bg)}.schedule-popover-item-link{color:var(--text);margin-top:8px;font-size:.8125rem;font-weight:500}.scheduler-detail-overlay{z-index:60;background:var(--overlay-soft);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scheduler-detail-card{border-radius:var(--radius-lg);background:var(--bg);width:100%;max-width:560px;max-height:min(82vh,680px);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:20px;overflow:auto}.scheduler-detail-title{font-size:1.125rem;font-weight:600}.scheduler-detail-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;font-size:.875rem;display:flex}.scheduler-detail-row:last-of-type{border-bottom:none}.scheduler-detail-row-label{color:var(--text-muted);flex-shrink:0}.scheduler-detail-row-value{text-align:right}.scheduler-detail-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.scheduler-day-pill{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:52px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.8125rem;font-weight:600;transition:transform .15s,background .15s,color .15s;display:inline-flex}.scheduler-day-pill--active{background:var(--text);color:var(--ink-contrast);border-color:var(--text);transform:scale(1.18)}.scheduler-day-pill--assigned{border-color:var(--text);background:var(--surface)}.scheduler-day-pill--active.scheduler-day-pill--assigned{transform:scale(1.35)}.scheduler-cleaner-item{text-align:left;width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;padding:12px;transition:border-color .15s,background .15s}.scheduler-cleaner-item:hover:not(:disabled){border-color:var(--text);background:var(--surface)}.scheduler-cleaner-item:disabled{opacity:.55;cursor:not-allowed}.scheduler-cleaner-item--selected{border-color:var(--text);background:var(--surface)}.scheduler-all-days-banner{text-align:center;border:1px dashed var(--text);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);padding:12px;font-size:.875rem;animation:.2s slideUp}.calendar-month-day.pick-disabled{opacity:.28;pointer-events:none}.calendar-month-day.pick-enabled{border-color:var(--border)}.calendar-month-day.pick-selected{background:var(--text);color:var(--ink-contrast);border-color:var(--text);font-weight:600;transform:scale(1.06)}.calendar-month-day.pick-week-hover{border-width:2px;border-color:var(--text);background:var(--surface);z-index:1;transform:scale(1.1)}.scheduler-time-field{align-items:center;gap:6px;display:flex}.scheduler-time-unit{flex-direction:column;align-items:center;gap:2px;display:flex}.scheduler-time-btn{border:1px solid var(--border);background:var(--surface);width:30px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:4px 0;font-size:.6875rem;line-height:1;transition:border-color .15s,background .15s}.scheduler-time-btn:hover{border-color:var(--text);background:var(--surface-muted)}.scheduler-time-value{text-align:center;min-width:30px;color:var(--text);font-size:.875rem;font-weight:600}.scheduler-time-colon{color:var(--text-muted);font-weight:600}.tabs{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;white-space:nowrap;min-height:44px;padding:10px 16px;font-size:.8125rem;font-weight:500;transition:all .15s}.tab.active{background:var(--text);color:var(--ink-contrast);border-color:var(--text)}.skeleton-grid{gap:12px;display:grid}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--skeleton-highlight) 50%, var(--surface) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-pulse}.skeleton-card{height:72px}.loading-placeholder{padding:4px 0}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state-icon{opacity:.5;margin-bottom:12px;font-size:3rem}.snackbar{bottom:calc(var(--nav-height) + 16px);max-width:calc(var(--max-width) - 32px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;align-items:center;gap:10px;font-size:.875rem;line-height:1.4;animation:.3s cubic-bezier(.22,1,.36,1) snackbarSlideUp;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.snackbar-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:14px}.snackbar-message{flex:1;padding:12px 0}html.ce-desktop .snackbar-message{padding:13px 0}.snackbar-close{appearance:none;border:1px solid var(--border);background:var(--surface-muted);color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:10px;padding:0;font-size:1.125rem;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.snackbar-close:hover{background:var(--border);color:var(--ink-contrast);border-color:var(--border)}.snackbar-close:active{background:var(--text);color:var(--ink-contrast)}.snackbar-action{appearance:none;color:var(--text);font:inherit;letter-spacing:.01em;white-space:nowrap;cursor:pointer;opacity:0;background:0 0;border:none;align-self:stretch;max-width:0;padding:0;font-size:.8125rem;font-weight:600;transition:opacity .25s,max-width .25s,padding .25s,background .15s;overflow:hidden}.snackbar--top .snackbar-dot,.snackbar--top .snackbar-message{transition:opacity .25s}.snackbar--top:hover .snackbar-dot,.snackbar--top:hover .snackbar-message{opacity:0;pointer-events:none}.snackbar--top .snackbar-action{opacity:0;justify-content:center;align-items:center;width:100%;max-width:none;padding:0;transition:opacity .25s;display:flex;position:absolute;inset:0}.snackbar--top:hover .snackbar-action{opacity:1}.snackbar-action:hover{background:var(--surface-muted)}.snackbar-action:active{background:var(--border)}@media (hover:none){.snackbar--top .snackbar-action{opacity:1;flex:none;width:auto;max-width:200px;padding:0 16px;position:static}}.snackbar--top{top:calc(var(--nav-top,0px) + 64px);box-shadow:var(--shadow-md);padding-top:4px;padding-bottom:4px;font-size:.8125rem;animation:.3s cubic-bezier(.22,1,.36,1) snackbarSlideDown;bottom:auto;left:50%;transform:translate(-50%)}.snackbar--top .snackbar-message{padding:8px 0}.snackbar--top .snackbar-dot{margin-left:14px}.snackbar--sticky{animation-duration:.3s}@keyframes snackbarSlideUp{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes snackbarSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-muted);font-size:.875rem}.stat-value{font-weight:600}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:16px;padding:0;font-size:.875rem;text-decoration:none;display:inline-flex}.back-btn:hover{color:var(--text)}.check-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:44px;padding:12px 0;display:flex}.check-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--text)}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:18px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row-text{cursor:pointer;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.toggle-row-label{font-size:.9375rem;line-height:1.35}.toggle-row-description{color:var(--text-muted);font-size:.8125rem;line-height:1.4}.toggle-switch{appearance:none;background:var(--switch-off-bg);cursor:pointer;border:none;border-radius:999px;flex:none;width:46px;height:28px;margin:0;transition:background .18s;position:relative}.toggle-switch:after{content:"";background:var(--switch-off-knob);border-radius:50%;width:22px;height:22px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle-switch:checked{background:var(--switch-on-bg)}.toggle-switch:checked:after{background:var(--switch-on-knob);transform:translate(18px)}.toggle-switch:hover:not(:disabled){box-shadow:0 0 0 4px var(--switch-hover-ring)}.toggle-switch:focus-visible{outline:2px solid var(--text);outline-offset:2px}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.manager-form{padding:24px}html.ce-desktop .ce-main .manager-form{padding:28px 32px}.manager-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.form-section{border-top:1px solid var(--border);padding:32px 0}.form-section:first-child{border-top:none;padding-top:0}.form-section:last-child{padding-bottom:0}.form-section-title{margin-bottom:8px;font-size:1rem;font-weight:600}.form-section-hint{color:var(--text-muted);margin-bottom:20px;font-size:.8125rem;line-height:1.45}.form-section-actions{gap:10px;margin-bottom:20px;display:flex}.form-section-actions .btn{flex:none;width:auto}.toggle-list{grid-template-columns:1fr;column-gap:40px;display:grid}@media (width>=900px){html.ce-desktop .toggle-list-split{grid-template-columns:repeat(2,minmax(0,1fr))}html.ce-desktop .toggle-list-split .toggle-row:nth-last-child(-n+2){border-bottom:none}}.toggle-group+.toggle-group{margin-top:32px}.toggle-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);border-bottom:1px solid var(--border);padding-bottom:10px;font-size:.75rem;font-weight:600}.alert-banner{border-radius:var(--radius);margin-bottom:12px;padding:12px 16px;font-size:.875rem}.alert-info{background:var(--surface);border:1px solid var(--border)}.alert-warning{background:var(--alert-warning-bg);border:1px solid var(--alert-warning-border);color:var(--alert-warning-fg)}.alert-danger{background:var(--alert-danger-bg);border:1px solid var(--alert-danger-border);color:var(--alert-danger-fg)}.app-error{margin:8px 0 16px}.app-error-card{border-color:var(--danger-border)}.app-error-title{margin-bottom:8px;font-size:1rem;font-weight:600}.app-error-message{color:var(--text);margin:0 0 8px;font-size:.9375rem;line-height:1.5}.app-error-code{letter-spacing:-.04em;color:var(--danger);margin-bottom:8px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1}.app-error-code-chip{color:var(--alert-danger-fg);background:var(--alert-danger-bg);border:1px solid var(--alert-danger-border);border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-block}.app-error-compact{border-radius:var(--radius);background:var(--alert-danger-bg);border:1px solid var(--alert-danger-border);margin-bottom:16px;padding:12px 16px}.app-error-compact .app-error-message{margin-bottom:6px}.app-error-details-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;text-decoration:underline;display:inline-block}.app-error-details-btn:hover{color:var(--text)}.app-error-diagnostics{background:var(--surface-muted);color:var(--text-muted);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:220px;margin-top:10px;padding:10px 12px;font-size:.6875rem;line-height:1.45;overflow:auto}.boot-screen{z-index:9000;background:var(--bg);flex-direction:column;align-items:center;padding:22vh 24px 24px;display:flex;position:fixed;inset:0}.boot-screen-logo{max-width:min(280px,72vw);max-height:96px}.boot-screen-label{color:var(--text-muted);letter-spacing:.01em;margin-top:20px;font-size:1rem;font-weight:500}.boot-screen-bar{background:var(--border);border-radius:999px;width:min(240px,70vw);height:6px;margin-top:16px;overflow:hidden}.boot-screen-bar-fill{transform-origin:0;will-change:transform;background:#05472a;border-radius:999px;width:100%;height:100%;transform:scaleX(.02)}.reconnect-splash-message{max-width:min(420px,88vw);color:var(--text);text-align:center;margin:0 0 28px;font-size:1.0625rem;font-weight:600;line-height:1.45}.fatal-load-screen{z-index:9999;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.fatal-load-code{letter-spacing:-.03em;text-align:center;color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(#d30000 0% 40%,#d3000000 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(9rem,58vw,80rem);font-weight:900;line-height:1}.fatal-load-message{text-align:center;color:var(--text-muted);font-size:.9375rem;line-height:1.5;position:absolute;bottom:28px;left:24px;right:24px}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--text);border-radius:3px;height:100%;transition:width .3s}.chat-messages{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.chat-bubble{border-radius:var(--radius);max-width:80%;padding:10px 14px;font-size:.875rem}.chat-bubble.sent{background:var(--text);color:var(--ink-contrast);align-self:flex-end}.chat-bubble.received{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.chat-input-row{background:var(--bg);gap:8px;padding-top:8px;display:flex;position:sticky;bottom:0}.chat-input-row .form-input{flex:1}.scroll-indicator{z-index:200;pointer-events:none;opacity:0;border-radius:2px;width:4px;transition:opacity .25s;position:fixed}.scroll-indicator.visible{opacity:1}.scroll-indicator-thumb{background:var(--text-light);border-radius:2px;width:100%;position:absolute;left:0}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8125rem}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.flex-between{justify-content:space-between;align-items:center;display:flex}@media (width>=481px){body{background:var(--body-bg)}}.tutorial-overlay{z-index:600;pointer-events:none;position:fixed;inset:0}.tutorial-shade-top{z-index:2;pointer-events:none;position:absolute;left:0;right:0}.tutorial-dark{z-index:0;pointer-events:none;position:absolute;inset:0}.tutorial-hole{z-index:1;border-radius:14px;position:absolute}@keyframes tutorial-pulse-ring{0%,to{box-shadow:0 0 #ffffffe6}50%{box-shadow:0 0 0 14px #fff0}}.tutorial-pulse{animation:1.4s ease-in-out infinite tutorial-pulse-ring}.tutorial-bubble{z-index:650;background:var(--bg);max-width:min(300px,100vw - 32px);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:.9375rem;line-height:1.45;position:fixed;box-shadow:0 10px 30px #0000004d}.tutorial-bubble-text{margin:0 0 10px}.tutorial-bubble-btn{width:100%}.tutorial-bubble--top:after,.tutorial-bubble--bottom:after,.tutorial-bubble--left:after,.tutorial-bubble--right:after{content:"";border:8px solid #0000;width:0;height:0;position:absolute}.tutorial-bubble--top:after{border-top-color:var(--bg);top:100%;left:50%;transform:translate(-50%)}.tutorial-bubble--bottom:after{border-bottom-color:var(--bg);bottom:100%;left:50%;transform:translate(-50%)}.tutorial-bubble--left:after{border-right-color:var(--bg);top:50%;right:100%;transform:translateY(-50%)}.tutorial-bubble--right:after{border-left-color:var(--bg);top:50%;left:100%;transform:translateY(-50%)}.tutorial-exit{z-index:660;color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;line-height:1;display:inline-flex;position:fixed;top:12px;right:12px}.tutorial-exit:hover{background:#000000bf}.tutorial-exit:focus-visible{outline-offset:2px;outline:2px solid #fff}.tutorial-header-message{z-index:650;box-sizing:border-box;background:var(--bg);width:min(420px,100vw - 72px);color:var(--text);border:1px solid var(--border);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.tutorial-header-message .tutorial-bubble-text{flex:1;min-width:0;margin:0}.tutorial-header-message .btn.tutorial-msg-btn{white-space:nowrap;flex-shrink:0;width:auto}.tutorial-card-overlay{z-index:700;background:#0000009e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--bg);width:100%;max-width:400px;color:var(--text);border:1px solid var(--border);text-align:center;border-radius:16px;padding:24px;box-shadow:0 20px 50px #00000059}.tutorial-card-title{margin:0 0 10px;font-size:1.15rem;font-weight:700}.tutorial-card-text{color:var(--text-muted);margin:0 0 18px;font-size:.9375rem;line-height:1.55}.tutorial-card .btn{width:100%}html.ce-desktop .tutorial-hole{border-radius:16px}html.ce-desktop body{background:var(--desktop-bg)}html.ce-desktop .app-container:not(.app-container--auth){max-width:440px;box-shadow:0 8px 32px #00000024}html.ce-desktop .app-container .page-content{padding-bottom:16px}html.ce-desktop .app-container--auth{width:100%;max-width:none;height:100%;box-shadow:none;background:var(--bg)}html.ce-desktop .app-container--auth .auth-page{justify-content:center;align-items:center;min-height:100%;padding:clamp(32px,5vh,72px) clamp(24px,4vw,64px);display:flex}html.ce-desktop .app-container--auth .auth-page-panel{width:min(100%,clamp(420px,42vw,720px));margin:0 auto}html.ce-desktop .app-container--auth .role-select-page .auth-page-panel{flex:none;min-height:0}html.ce-desktop .app-container--auth .app-logo--hero{max-width:clamp(280px,28vw,480px)}html.ce-desktop .app-container--auth .app-logo--auth{max-width:clamp(240px,24vw,400px)}html.ce-desktop .app-container--auth .logo-sub{margin-bottom:clamp(36px,5vh,64px);font-size:clamp(.9375rem,1.1vw,1.125rem)}html.ce-desktop .app-container--auth .auth-page-subtitle{font-size:clamp(.9375rem,1.05vw,1.125rem)}html.ce-desktop .app-container--auth .role-box{margin-bottom:clamp(14px,1.5vh,20px);padding:clamp(28px,3.5vh,44px) clamp(24px,2.5vw,36px)}html.ce-desktop .app-container--auth .role-box-title{font-size:clamp(1.125rem,1.35vw,1.375rem)}html.ce-desktop .app-container--auth .role-box-desc{font-size:clamp(.8125rem,1vw,1rem)}html.ce-desktop .app-container--auth .form-label{font-size:clamp(.8125rem,.95vw,.9375rem)}html.ce-desktop .app-container--auth .form-input{padding:clamp(14px,1.6vh,18px) clamp(16px,1.4vw,20px);font-size:clamp(1rem,1.1vw,1.125rem)}html.ce-desktop .app-container--auth .btn{padding:clamp(14px,1.6vh,18px) 20px;font-size:clamp(1rem,1.1vw,1.125rem)}html.ce-desktop .app-container--auth .legal-links{font-size:clamp(.8125rem,.95vw,.9375rem)}.ce-desktop-root{background:var(--main-bg);flex-direction:column;width:100%;height:100%;display:flex}.ce-desktop-root .training-mode-banner{border-bottom:1px solid #262626;flex-shrink:0;position:static}.ce-desktop-body{flex:1;min-height:0;display:flex}.ce-sidebar{background:var(--sidebar-bg);width:64px;color:var(--sidebar-fg);z-index:50;flex-direction:column;flex-shrink:0;transition:width .22s;display:flex;overflow:hidden}.ce-sidebar.is-open{width:264px}.ce-sidebar-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:12px;min-height:58px;padding:8px 10px;display:flex}.ce-sidebar:not(.is-open) .ce-sidebar-brand,.ce-sidebar:not(.is-open) .app-logo--sidebar,.ce-sidebar:not(.is-open) .ce-sidebar-user{display:none}.ce-sidebar-brand{letter-spacing:-.02em;color:#fff;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.ce-nav-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:inline-flex}.ce-nav-toggle:hover{background:#ffffff1a}.ce-nav-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.ce-hamburger{flex-direction:column;justify-content:space-between;width:20px;height:14px;display:inline-flex}.ce-hamburger>span{background:currentColor;border-radius:1px;height:2px;transition:transform .2s,opacity .2s;display:block}.ce-sidebar.is-open .ce-hamburger>span:first-child{transform:translateY(6px)rotate(45deg)}.ce-sidebar.is-open .ce-hamburger>span:nth-child(2){opacity:0}.ce-sidebar.is-open .ce-hamburger>span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.ce-nav-scroll{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.ce-sidebar:not(.is-open) .ce-nav-scroll{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}.ce-sidebar.is-open .ce-nav-scroll{visibility:visible;opacity:1;transition:opacity .18s}.ce-nav{padding:14px 10px 4px}.ce-nav-section{margin-bottom:16px}.ce-nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-label);white-space:nowrap;padding:0 12px 6px;font-size:.66rem;font-weight:600}.ce-nav-link{color:var(--sidebar-fg);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;margin:1px 0;padding:9px 12px;font-size:.875rem;font-weight:500;line-height:1.3;text-decoration:none;transition:background .15s,color .15s;display:flex;overflow:hidden}.ce-nav-link:hover{color:#fff;background:#ffffff14}.ce-nav-link:focus-visible{outline-offset:-2px;outline:2px solid #fff}.ce-nav-link.active{color:#111;background:#fff;font-weight:600}.ce-sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:12px 10px 16px}.ce-sidebar-user{flex-direction:column;gap:2px;padding:4px 12px 10px;display:flex}.ce-sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.8125rem;font-weight:600;overflow:hidden}.ce-sidebar-user-role{color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.ce-sidebar-footer .list-item{color:var(--sidebar-fg);background:0 0;border:none;border-radius:8px;margin:0;padding:10px 12px}.ce-sidebar-footer .list-item:hover{color:#fff;background:#ffffff14}.ce-main{background:var(--main-bg);flex-direction:column;flex:1;min-width:0;display:flex}.ce-header{background:var(--header-bg);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 28px;display:flex}.ce-header h1{letter-spacing:-.02em;color:var(--text);font-size:1.375rem;font-weight:600}.ce-header p{color:var(--text-muted);margin-top:2px;font-size:.875rem}.ce-header-user{color:var(--text-muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;padding-top:4px;font-size:.875rem;display:flex}.ce-header-user strong{color:var(--text);font-weight:600}.ce-header-user-role{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.ce-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:24px 28px 48px;overflow-y:auto}.ce-content-inner{width:100%;max-width:1120px;margin:0 auto}html.ce-desktop .ce-main .card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}html.ce-desktop .ce-main .card{padding:20px}html.ce-desktop .ce-main .btn:not(.btn-sm){width:auto;min-width:168px}html.ce-desktop .ce-main .btn-group{align-items:flex-start}html.ce-desktop .ce-main .form-group .form-input,html.ce-desktop .ce-main .form-group .form-select,html.ce-desktop .ce-main .form-group .form-textarea{max-width:520px}html.ce-desktop .ce-main .list-item{max-width:820px}@keyframes ce-snackbar-slide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ce-snackbar-slide-center{0%{opacity:0;transform:translate(-50%)translateY(-24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}html.ce-desktop .snackbar{max-width:380px;animation:.3s cubic-bezier(.22,1,.36,1) ce-snackbar-slide;bottom:24px;left:auto;right:24px;transform:none}html.ce-desktop .snackbar.snackbar--top{z-index:300;animation:.3s cubic-bezier(.22,1,.36,1) ce-snackbar-slide-center;inset:84px auto auto 50%;transform:translate(-50%)}html.ce-desktop :focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (width<=1200px){.ce-content-inner{max-width:960px}}@media (width<=1100px){.ce-sidebar.is-open{width:236px}}@media (width<=900px){html.ce-desktop .ce-main .card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ce-content{padding:20px 20px 40px}}@media (width<=760px){.ce-header{padding:14px 16px}.ce-header h1{font-size:1.2rem}.ce-header-user{display:none}.ce-content{padding:16px 14px 36px}}html[data-theme=dark]{--bg:#101014;--surface:#1b1c22;--surface-muted:#24262e;--bg-muted:#1d1f26;--border:#2a2c35;--text:#e7e9ee;--text-muted:#a2a6b2;--text-light:#6f7480;--accent:#e7e9ee;--accent-hover:#fff;--accent-contrast:#1a1a1f;--ink-contrast:#141419;--danger:#ef4444;--danger-soft:#f87171;--success:#22c55e;--warning:#eab308;--danger-border:#b91c1c;--overlay:#0009;--overlay-soft:#00000080;--body-bg:#0d0e12;--skeleton-highlight:#23252d;--desktop-bg:#0d0e12;--main-bg:#15161b;--header-bg:#1a1b21;--sidebar-bg:#0b0c0f;--sidebar-fg:#c9ccd4;--sidebar-muted:#ffffff80;--sidebar-label:#fff6;--badge-active-bg:#123f27;--badge-active-fg:#4ade80;--badge-pending-bg:#3d3312;--badge-pending-fg:#facc15;--badge-late-bg:#43161c;--badge-late-fg:#f87171;--badge-completed-bg:#2a2c35;--badge-completed-fg:#d1d5db;--badge-urgent-bg:#43161c;--badge-urgent-fg:#f87171;--alert-warning-bg:#3d3312;--alert-warning-border:#6b5b1a;--alert-warning-fg:#fde68a;--alert-danger-bg:#43161c;--alert-danger-border:#7f1d1d;--alert-danger-fg:#fecaca;--switch-off-bg:#3a3d47;--switch-off-knob:#9aa0ad;--switch-on-bg:#05472a;--switch-on-knob:#fff;--switch-hover-ring:#ffffff17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .training-mode-banner{background:#1a1a1a;border-bottom:1px solid #2c2c2c}html[data-theme=dark] .ce-desktop-root .training-mode-banner{border-bottom:1px solid #2a2c35}.ptr-scroll{overscroll-behavior-y:contain;position:relative}.ptr-indicator{--ptr-height:72px;height:var(--ptr-height);z-index:5;pointer-events:none;will-change:transform;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.ptr-indicator-inner{width:100%;height:var(--ptr-height);background:var(--surface);border-bottom:1px solid var(--border);justify-content:center;align-items:center;display:flex;position:relative}.ptr-arrow{color:var(--text-muted);justify-content:center;align-items:center;transition:visibility .15s;display:flex}.ptr-spinner{opacity:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.ptr-spinner-ring{border:2.5px solid var(--border);border-top-color:var(--text-muted);box-sizing:border-box;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite ptr-rotate}@keyframes ptr-rotate{to{transform:rotate(360deg)}}.ptr-content{will-change:transform}.spinner{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spinner-ring{box-sizing:border-box;border:2.5px solid;border-top-color:#0000;border-radius:50%;width:100%;height:100%;animation:.7s linear infinite spinner-rotate;display:block}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70%;padding:40px 24px;display:flex}.error-page .btn-group{width:100%}.error-page-code{letter-spacing:-.05em;color:var(--danger);font-size:clamp(4.5rem,30vw,8rem);font-weight:800;line-height:1}.error-page-icon{border:2px solid var(--danger);width:72px;height:72px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:2.5rem;font-weight:700;display:flex}.error-page-title{color:var(--text);font-size:1.25rem;font-weight:600}.error-page-message{color:var(--text-muted);max-width:360px;font-size:.9375rem}html.ce-desktop .error-page .btn-group{align-items:center}html.ce-desktop .error-page .btn{min-width:200px}.theme-picker{gap:8px;display:flex}.theme-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-muted);cursor:pointer;font:inherit;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.theme-option:hover{border-color:var(--text);color:var(--text)}.theme-option.active{border-color:var(--text);color:var(--text);background:var(--surface);font-weight:600}.theme-option:focus-visible{outline:2px solid var(--text);outline-offset:1px}.theme-option-dot{border:2px solid var(--text-light);background:var(--bg);border-radius:50%;flex-shrink:0;width:14px;height:14px}.theme-option.dark .theme-option-dot{background:#1b1c22;border-color:#e7e9ee}.theme-option.system .theme-option-dot{border-color:var(--text-light);background:linear-gradient(135deg,#fff 50%,#1b1c22 50%)}@media (width<=380px){.theme-option-label{font-size:.75rem}}html.ce-desktop .ce-header.theme-header{align-items:center}