a{color:var(--link);text-decoration:none}a:hover{color:var(--brand-dark)}.main{flex-direction:column;flex-grow:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--gray-200);z-index:40;flex-shrink:0;align-items:center;gap:14px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-heading{flex:auto;min-width:0}.topbar>.iconbtn,.topbar>.btn,.topbar>.badge{flex:none}.locpick .select{width:auto;min-width:170px}.locpick-icon{flex:none;align-items:center;display:inline-flex}.topbar-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.topbar-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.iconbtn{border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--surface);width:34px;height:34px;color:var(--gray-600);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:15px;line-height:1;display:inline-flex}.iconbtn .icon,.btn .icon{flex:none}.iconbtn:hover{border-color:var(--brand);color:var(--brand)}.iconbtn[aria-pressed=true]{background:var(--brand-light);border-color:var(--brand-light);color:var(--brand-dark)}.nav-toggle,.only-narrow{display:none}.btn.panel-toggle{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-red)}.btn.panel-toggle:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--on-brand)}.shell[data-panels=open] .btn.panel-toggle{background:var(--brand-light);border-color:var(--brand-light);color:var(--brand-dark);box-shadow:none}.nav-scrim{z-index:50;background:var(--scrim);cursor:pointer;border:none;padding:0;display:none;position:fixed;inset:0}.admin-panel{display:none}.shell[data-panels=open] .admin-panel{display:block}.shell:not(:has(.admin-panel)) .panel-toggle{display:none}.page-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.record-title{letter-spacing:-.01em;color:var(--ink);font-size:20px;font-weight:700}.content{padding:var(--content-pad);gap:var(--content-gap);flex-direction:column;flex-grow:1;display:flex}.card{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--card-pad-y) var(--card-pad-x)}.card-head{padding:calc(var(--cell-pad-y) + 4px) var(--card-pad-x);border-bottom:1px solid var(--gray-100);align-items:center;gap:12px;display:flex}.card-icon{background:var(--gray-100);width:26px;height:26px;color:var(--gray-500);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.card-icon[data-tone=hanh-dong]{background:var(--brand-light);color:var(--brand-dark)}.card-icon[data-tone=so-lieu]{background:var(--info-bg);color:var(--info-fg)}.card-icon[data-tone=canh-bao]{background:var(--danger-bg);color:var(--danger-fg)}.card-icon[data-tone=trung-tinh]{background:var(--gray-100);color:var(--gray-500)}.kpi{position:relative}.kpi .card-icon{position:absolute;top:16px;right:16px}.kpi-label{padding-right:34px}.card-icon[data-tone=tot]{background:var(--success-bg);color:var(--success-fg)}.page-icon{border-radius:var(--radius);background:var(--brand-light);width:34px;height:34px;color:var(--brand-dark);flex:none;justify-content:center;align-items:center;display:inline-flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:16px;display:grid}.card-head{flex-wrap:wrap}.kpi{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px 20px}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.kpi-value{letter-spacing:-.02em;color:var(--ink);margin-top:6px;font-size:26px;font-weight:700}.kpi-hint{color:var(--muted);margin-top:2px;font-size:12.5px}.badge{background:var(--gray-100);color:var(--gray-600);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-info{background:var(--info-bg);color:var(--info-fg)}.badge-brand{background:var(--brand-light);color:var(--brand-dark)}.btn{border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--surface);color:var(--gray-700);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.btn:hover{background:var(--surface);border-color:var(--brand);color:var(--brand)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-red)}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--on-brand)}a.btn{color:var(--gray-700)}a.btn:hover{color:var(--brand)}a.btn-primary,a.btn-primary:hover{color:var(--on-brand)}.btn-danger{color:var(--danger-fg);border-color:var(--gray-300)}.btn-danger:hover{color:var(--danger-fg);border-color:var(--danger-fg)}.btn-danger-solid,.btn-danger-solid:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:12.5px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);background:var(--gray-100);border-bottom:1px solid var(--gray-200);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:600}td{padding:var(--cell-pad-y) 14px;border-bottom:1px solid var(--gray-100);vertical-align:middle;font-size:13.5px}tbody tr:hover td{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.table-wrap{overflow-x:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--muted)}.label{color:var(--gray-700);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.input,.select,.textarea{border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--gray-700);padding:9px 12px;font-family:inherit;font-size:13.5px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--brand-light);border-color:var(--brand)}.field-error{color:var(--danger);margin-top:4px;font-size:12px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.spacer{flex-grow:1}.stack{flex-direction:column;gap:16px;display:flex}.alert{border-radius:var(--radius);padding:12px 16px;font-size:13.5px;line-height:1.5}.alert-error{background:var(--danger-bg);color:var(--danger-fg)}.alert-success{background:var(--success-bg);color:var(--success-fg)}.alert-warning{background:var(--warning-bg);color:var(--warning-fg)}.alert-info{background:var(--info-bg);color:var(--info-fg)}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:13.5px}.bars{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:14px;height:170px;display:grid}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar-val{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.bar-fill{background:var(--bar-idle);border-radius:6px 6px 2px 2px;width:100%;max-width:44px;min-height:2px}.bar-fill[data-current=true]{background:var(--brand)}.bar-label{color:var(--muted);font-size:11.5px}.meter{background:var(--gray-100);border-radius:999px;height:8px;overflow:hidden}.meter-fill{background:var(--brand);border-radius:999px;height:100%}.dot{background:var(--gray-400);border-radius:999px;flex:none;width:8px;height:8px;margin-top:6px}.dot[data-kind=success]{background:var(--success)}.dot[data-kind=brand]{background:var(--brand)}.dot[data-kind=info]{background:var(--info)}.dot[data-kind=warning]{background:var(--warning)}.login-wrap{background:var(--gray-100);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;padding:28px}@media (max-width:900px){.sidebar{z-index:60;height:100dvh;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.shell[data-nav=open] .sidebar{transform:none;box-shadow:0 0 40px #00000040}.shell[data-nav=open] .nav-scrim{display:block}.nav-toggle{display:inline-flex}.topbar{gap:10px;padding:0 14px}}@media (max-width:640px){.topbar-desc{display:none}.topbar{gap:5px;padding:0 8px}.topbar .iconbtn,.topbar .btn.panel-toggle{width:32px;height:32px}.only-narrow{align-items:center;display:inline-flex}.only-wide{display:none}.btn.panel-toggle{justify-content:center;padding:0;font-size:16px}.locpick .select{width:auto;min-width:0;max-width:30vw;padding:6px 14px 6px 8px;font-size:12.5px}.kpi-grid,.form-grid{grid-template-columns:1fr}}@media (max-width:1000px){.grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.cal-wrap{border:1px solid var(--gray-200);background:var(--surface);border-radius:8px;overflow-x:auto}.cal{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;min-width:max-content;display:grid}.cal-col{grid-template-rows:34px repeat(var(--cal-slots), var(--cal-slot-h));border-left:1px solid var(--gray-200);display:grid}.cal-col:first-child{z-index:2;background:var(--surface);border-left:none;position:sticky;left:0}.cal-head{border-bottom:1px solid var(--gray-200);background:var(--surface-2);z-index:1;grid-row:1;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;display:flex;position:sticky;top:0}.cal-time{color:var(--gray-600);font-variant-numeric:tabular-nums;border-top:1px solid var(--gray-100);justify-content:flex-end;align-items:flex-start;padding:0 8px;font-size:11px;display:flex;transform:translateY(-6px)}.cal-slot{border-top:1px solid var(--gray-100)}.cal-slot-hour{border-top-color:var(--gray-200)}.cal-item{background:color-mix(in srgb, var(--brand) 12%, var(--surface));border-left:3px solid var(--brand);color:var(--gray-900);border-radius:5px;margin:1px 3px;padding:3px 6px;font-size:11px;line-height:1.35;overflow:hidden}.cal-item-maint{background:var(--gray-100);border-left-color:var(--gray-600);color:var(--gray-700)}.cal-item-director{background:var(--info-bg);border-left-color:var(--info-fg)}.cal-item-hold{opacity:.75;border-left-style:dashed}.cal-item-time{font-variant-numeric:tabular-nums;font-weight:500}.cal-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.print-page{color:#111;background:#fff;max-width:1000px;margin:0 auto;padding:24px}.print-page table{border-collapse:collapse;width:100%;font-size:12px}.print-page th,.print-page td{text-align:left;border:1px solid #d4d4d4;padding:5px 7px}.print-page th{background:#f5f5f5;font-weight:600}.print-page .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.print-only-note{color:#555;font-size:11px}.print-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:640px){.print-cols{grid-template-columns:1fr}}@media print{.no-print{display:none!important}.print-page{max-width:none;padding:0}.print-page table{page-break-inside:auto}.print-page tr{page-break-inside:avoid}.print-page thead{display:table-header-group}}