:root{--app-bg:#f4f6fa;--app-ink:#18243a;--app-muted:#68758a;--app-line:#e7edf4;--app-blue:#2563eb;--bs-primary:#2563eb;--bs-body-color:#18243a;--bs-body-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:var(--app-bg);font-size:14px;color:var(--app-ink)}a{text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.app-sidebar{background:#fff;border-right:1px solid var(--app-line);padding:30px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.app-brand{display:flex;align-items:center;gap:10px;color:var(--app-ink);min-width:0}.app-brand:hover{text-decoration:none}.brand-mark{width:38px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:var(--app-blue);color:white;font-size:21px;font-weight:700;letter-spacing:-1px}.app-brand strong{font-size:16px;letter-spacing:-.4px;overflow-wrap:anywhere}.app-brand small{display:block;font-size:9px;letter-spacing:1px;color:var(--app-muted);margin-top:3px}.nav-caption{font-size:10px;letter-spacing:1.3px;color:#8c97a8;margin:36px 10px 13px}.app-nav{display:flex;flex-direction:column;gap:6px}.app-nav-link{padding:11px 12px;display:flex;align-items:center;gap:11px;border-radius:8px;color:#607087;font-weight:500}.app-nav-link:hover{background:#f6f8fc;text-decoration:none;color:#334865}.app-nav-link.active{background:#eef4ff;color:var(--app-blue)}.app-icon{flex-shrink:0;vertical-align:middle}.sidebar-collapse{display:block!important}.sidebar-note{margin-top:auto;padding:16px 10px 0;font-size:12px;color:var(--app-muted)}.sidebar-note small{display:block;font-size:10px;margin-top:5px}.status-dot{display:inline-block;width:6px;height:6px;background:#17a675;border-radius:50%;margin-right:6px}.app-workspace{min-width:0}.app-topbar{background:#fff;border-bottom:1px solid var(--app-line);min-height:78px;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-breadcrumb{font-size:12px;color:var(--app-muted);white-space:nowrap}.app-breadcrumb span{margin:0 10px;color:#b8c2d0}.app-breadcrumb strong{font-weight:500;color:var(--app-ink)}.global-search{display:flex;gap:8px;align-items:center;border:1px solid var(--app-line);border-radius:8px;padding:8px 10px;width:min(420px,45%);color:#8390a3}.global-search:focus-within{outline:2px solid #d7e4ff}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:12px;color:var(--app-ink)}.global-search button{border:0;border-left:1px solid var(--app-line);padding-left:9px;background:none;color:var(--app-blue);font-size:11px}.account-button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:var(--app-ink);font-size:12px}.account-avatar{background:#eef2fa;color:#456082;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:600}.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{padding:30px 32px;max-width:1600px;margin:auto}.app-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#8d99aa;font-size:11px;margin-top:28px;padding-top:18px;border-top:1px solid var(--app-line)}.guest-shell{display:block}.guest-shell .app-main{max-width:700px;padding-top:8vh}.mobile-menu{display:none}.skip-link{position:absolute;z-index:2000;background:white;padding:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.page-heading h1{font-size:27px;letter-spacing:-.7px;font-weight:650;margin:0 0 5px}.page-description{color:var(--app-muted);font-size:12px;margin:0}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{--bs-btn-font-size:.85rem;--bs-btn-border-radius:8px;--bs-btn-padding-x:14px;--bs-btn-padding-y:9px;font-weight:500;white-space:normal}.btn-sm{--bs-btn-font-size:.75rem;--bs-btn-padding-x:10px;--bs-btn-padding-y:5px;--bs-btn-border-radius:6px}.btn-primary{--bs-btn-bg:#2563eb;--bs-btn-border-color:#2563eb;--bs-btn-hover-bg:#1d4ed8;--bs-btn-hover-border-color:#1d4ed8}.btn-outline-secondary{--bs-btn-color:#52647d;--bs-btn-border-color:#dce4ee;--bs-btn-hover-bg:#f1f5fb;--bs-btn-hover-color:#263b59;--bs-btn-hover-border-color:#dce4ee;background:white}.card{border:1px solid var(--app-line);border-radius:12px;overflow:visible;box-shadow:0 2px 4px #18243a02}.card-header{padding:16px 18px;background:white;border-bottom:1px solid var(--app-line);font-weight:600;font-size:14px;border-radius:12px 12px 0 0!important}.card-body{padding:18px}.list-group-item{padding:14px 18px;border-color:#eff2f6;background:white}.table{--bs-table-bg:transparent;--bs-table-border-color:#eff2f6;margin-bottom:0;font-size:13px}.table th{background:#f9fafc;font-size:11px;color:#7d8aa0;font-weight:500;white-space:nowrap;padding:12px 18px}.table td{padding:14px 18px;vertical-align:middle}.table td small{font-size:11px}.table-responsive{border-radius:0 0 12px 12px}.table-sm td,.table-sm th{padding:10px 12px}.comp-table{font-size:12px;background:#fafbfe}.money{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.form-control,.form-select{font-size:14px;border-color:#dfe6ef;border-radius:8px;padding:9px 12px}.form-control-sm,.form-select-sm{font-size:12px;padding:6px 9px}.form-control:focus,.form-select:focus{border-color:#93b4ff;box-shadow:0 0 0 3px #2563eb12}.form-label{font-size:13px}.form-text{font-size:12px;color:var(--app-muted)}.results{max-height:340px;overflow-y:auto}.badge{font-size:10px;font-weight:500;border-radius:5px;padding:5px 7px}.bg-primary{background:#eef4ff!important;color:#4168bb!important}.bg-success{background:#eaf7f0!important;color:#238264!important}.bg-secondary{background:#f0f2f6!important;color:#63748b!important}.bg-danger{background:#fff0ed!important;color:#bd5542!important}.bg-warning{background:#fff4e6!important;color:#b16a28!important}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-box{background:white;border:1px solid var(--app-line);border-radius:12px;padding:19px;color:var(--app-ink);display:block}.stat-box:hover{text-decoration:none;border-color:#bccfee;color:var(--app-ink)}.stat-caption{display:flex;justify-content:space-between;align-items:center;color:var(--app-muted);font-size:12px;gap:10px;margin-bottom:12px}.stat-caption svg{color:#8ca0bb}.stat-value{font-size:29px;letter-spacing:-.7px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-box small{display:block;font-size:11px;color:var(--app-muted);margin-top:6px}.stat-box.is-late{background:#fffbf7;border-color:#f6e8d6}.stat-box.is-late .stat-value{color:#b65c20}.stat-box.is-ready .stat-value{color:#138368}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.panel-heading h2{font-size:15px;font-weight:600;margin:0}.panel-link{font-size:12px;white-space:nowrap}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:0 18px 16px}.filter-tabs a{padding:6px 11px;border-radius:6px;font-size:12px;color:var(--app-muted)}.filter-tabs a:hover{text-decoration:none;background:#f4f7fc}.filter-tabs a.active{background:#eef4ff;color:var(--app-blue);font-weight:500}.ticket-code{font-size:12px;font-weight:600}.cell-caption{color:var(--app-muted);font-size:11px;margin-top:4px}.due-late{display:inline-block;color:#bd5542;background:#fff0ed;padding:4px 7px;border-radius:5px;font-size:11px;white-space:nowrap}.dashboard-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-top:1px solid #eff2f6;font-size:13px}.empty-state{text-align:center;padding:34px 20px;color:var(--app-muted);font-size:13px}.empty-state strong{display:block;color:var(--app-ink);font-size:15px;font-weight:500;margin-bottom:7px}.empty-state .btn{margin-top:14px}.search-summary{font-size:12px;color:var(--app-muted)}h4{font-size:23px;letter-spacing:-.4px;font-weight:600}.dropdown-menu{border-color:var(--app-line);border-radius:10px;box-shadow:0 8px 30px #18243a15;font-size:13px}.dropdown-item{padding:8px 16px}.alert{font-size:13px;border-radius:9px}
@media(min-width:1700px){.app-sidebar{padding-top:32px}.app-shell{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:1100px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.app-sidebar{padding:24px 12px}.app-main{padding:24px 20px}.app-topbar{padding:14px 20px}.account-name{display:none}.stat-grid{gap:10px}.stat-box{padding:14px}.stat-value{font-size:23px}.stat-caption{font-size:11px}.dashboard-secondary{grid-template-columns:1fr}.app-brand strong{font-size:14px}.table td,.table th{padding:12px}}
@media(max-width:767px){.app-shell{display:block}.app-sidebar{position:static;height:auto;border:0;padding:15px 16px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu{display:block;padding:8px 10px;border:1px solid var(--app-line)}.sidebar-collapse:not(.show){display:none!important}.nav-caption{margin-top:20px}.app-nav{display:grid;grid-template-columns:1fr 1fr;padding-bottom:6px}.app-nav-link{font-size:12px;padding:11px 8px}.sidebar-note{display:none}.app-brand strong{font-size:16px}.app-topbar{flex-wrap:wrap;padding:12px 16px;gap:12px}.app-breadcrumb{flex:1}.global-search{order:3;width:100%;padding:10px}.global-search input{font-size:16px}.app-main{padding:22px 14px}.page-heading{gap:14px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-value{font-size:25px}.stat-caption{font-size:12px}.app-main>.d-flex.justify-content-between{flex-wrap:wrap;gap:12px}.app-main .d-flex.gap-2{flex-wrap:wrap}.input-group .form-control{min-width:0}.form-control,.form-select{font-size:16px}.money{font-size:12px}.compact-row{flex-wrap:wrap}.panel-heading{padding:16px}.filter-tabs{padding-left:16px}.stat-box{padding:16px 12px}.card-body{padding:16px}.guest-shell .app-main{padding-top:36px}.app-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.area-switch{display:block;margin-top:14px;padding:9px;border:1px solid var(--app-line);border-radius:8px;font-size:11px;color:var(--app-blue)}.workspace-label{display:inline-block;color:var(--app-blue);background:#eaf1ff;font-size:10px;letter-spacing:.7px;padding:5px 9px;border-radius:5px;margin-bottom:12px}.work-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:26px}.work-shortcut{padding:22px;background:white;color:var(--app-ink);border:1px solid var(--app-line);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.work-shortcut:hover{border-color:#acc5ff;color:var(--app-blue);text-decoration:none}.work-shortcut svg{color:var(--app-blue)}.work-shortcut strong{font-size:15px;font-weight:600}.work-shortcut span{font-size:12px;color:var(--app-muted)}.internal-login{max-width:430px;margin:20px auto}.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;font-size:20px;font-weight:600}.login-brand small{display:block;font-size:10px;letter-spacing:1.3px;color:var(--app-muted);margin-top:3px}.login-note{text-align:center;font-size:12px;color:var(--app-muted);margin:20px 0}.work-shortcut:focus-visible{outline:3px solid #acc5ff}@media(max-width:767px){.sidebar-note{display:block;padding-top:10px}.sidebar-note small,.sidebar-note .status-dot{display:none}.area-switch{display:inline-block;margin-top:8px}.work-shortcuts{grid-template-columns:1fr 1fr;gap:10px}.work-shortcut{padding:16px}.work-shortcut span{font-size:11px}.work-shortcut strong{font-size:13px}}