:root{color-scheme:light;--bg:#f3f6fa;--surface:#fff;--text:#17263a;--muted:#56677c;--line:#dce4ee;--soft:#eaf2ff;--blue:#004aad;--link:#004aad;--warning:#8b4e00;--warn-bg:#fff3dd;--good:#126041;--good-bg:#e5f6ed;font-family:Inter,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;background:var(--bg);color:var(--text)}
:root[data-theme=dark]{color-scheme:dark;--bg:#101722;--surface:#1a2432;--text:#edf3fd;--muted:#b1bfd0;--line:#344356;--soft:#263c59;--link:#9dc5ff;--warning:#ffd08b;--warn-bg:#46371f;--good:#95e0b9;--good-bg:#203c31}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button,.button{border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--text);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;text-decoration:none}button:hover,.button:hover{border-color:var(--link)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.selected{background:var(--soft);border-color:var(--link);color:var(--link)}button.ghost{background:transparent;border-color:transparent}button.danger{color:var(--warning)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--link);outline-offset:3px}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
h1{font-size:clamp(1.6rem,3vw,2rem);line-height:1.2;letter-spacing:-.035em;margin:6px 0 10px;font-weight:650}h2{font-size:1.1rem;margin:24px 0 12px}h3{font-size:1rem;margin:0 0 8px}p{margin:6px 0 12px}small,.small{font-size:.82rem}.muted{color:var(--muted)}.eyebrow{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.toolbar,.actions,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:grid;gap:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.panel{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px;min-width:0}.panel p:last-child{margin-bottom:0}.tag{display:inline-flex;padding:4px 9px;background:var(--soft);border-radius:5px;font-size:.82rem;color:var(--text);margin:2px 4px 2px 0}.tag.warn{color:var(--warning);background:var(--warn-bg)}.tag.good{color:var(--good);background:var(--good-bg)}.metric{font-size:1.85rem;font-weight:650;line-height:1.3}.metric-button{text-align:left;align-items:flex-start;flex-direction:column;gap:8px}.divider{border:0;border-top:1px solid var(--line);margin:16px 0}.list-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;flex-wrap:wrap}.list-row+.list-row{border-top:1px solid var(--line)}.grow{flex:1;min-width:160px}.empty{padding:32px;text-align:center;color:var(--muted)}.callout{padding:14px 18px;background:var(--soft);border-radius:8px}.warning{background:var(--warn-bg);color:var(--warning)}
.demo-bar{background:var(--soft);color:var(--text);font-size:.82rem;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-bar button{font-size:.82rem;padding:4px 10px;min-height:32px}.top{background:var(--surface);border-bottom:1px solid var(--line);padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center}.brand img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px}.brand strong{letter-spacing:.03em}.layout{display:grid;grid-template-columns:215px minmax(0,1fr);max-width:1600px;margin:auto}.sidebar{padding:24px 16px;border-right:1px solid var(--line);min-height:calc(100vh - 135px)}.sidebar nav{display:grid;gap:6px}.sidebar button{justify-content:flex-start;background:transparent;border-color:transparent;text-align:left}.sidebar button.selected{background:var(--soft);color:var(--link)}.sidebar .eyebrow{padding:20px 14px 8px}.main{max-width:1190px;width:100%;padding:32px}.page-head{margin-bottom:26px}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0}.quick button{padding:20px 16px;justify-content:flex-start;text-align:left}.bottom{display:none}.title-button{border:0;padding:0;background:transparent;text-align:left;color:var(--link);font-weight:600;min-height:32px;justify-content:flex-start}.timeline{border-left:2px solid var(--line);padding-left:20px}.timeline article{padding:4px 0 22px}.timeline article+article{padding-top:10px}.login{max-width:650px;margin:45px auto;padding:30px}.login .brand{margin-bottom:30px}.login .users{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-choice{text-align:left;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:18px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;color:var(--link);font-weight:600}
label.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.9rem}input:not([type=checkbox]),select,textarea{width:100%;padding:10px 12px;min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:7px}textarea{min-height:110px;resize:vertical}select[multiple]{min-height:160px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.check{display:flex;align-items:center;gap:9px;min-height:36px}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px}.full{grid-column:1/-1}details{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}summary{cursor:pointer;font-weight:600}details[open]>summary{margin-bottom:16px}.form-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.search{max-width:650px}.filters{margin:16px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.photo-demo{padding:18px;border:1px dashed var(--line);border-radius:8px;background:var(--bg);display:inline-flex;align-items:center;gap:10px}.schematic{position:relative;min-height:290px;background:repeating-linear-gradient(25deg,transparent 0 60px,var(--line) 62px 65px,transparent 66px 110px),var(--soft);border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:20px}.schematic button{box-shadow:0 3px 12px #0002}.result-count{margin:14px 0}.nowrap{white-space:nowrap}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;width:min(680px,calc(100% - 28px));max-height:90vh;padding:24px}dialog::backdrop{background:#08122399}dialog .dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}dialog h2{margin:0}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--surface);padding:13px 20px;border-radius:9px;z-index:10;max-width:90vw;box-shadow:0 4px 24px #0002}.toast:empty{display:none}[hidden]{display:none!important}.report-text{white-space:pre-wrap;overflow-wrap:anywhere}.company-card{overflow-wrap:anywhere}.no-margin{margin:0}
@media(max-width:1000px){.quick{grid-template-columns:1fr 1fr}.four{grid-template-columns:1fr 1fr}.layout{grid-template-columns:185px minmax(0,1fr)}.main{padding:24px}.grid{grid-template-columns:1fr}.grid.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.layout{display:block}.sidebar{display:none}.main{padding:22px 16px 100px}.top{padding:10px 16px}.top .brand img{width:48px;height:48px}.top .brand .small,.top .user-role{display:none}.top .brand strong{font-size:.86rem}.top .actions{gap:4px}.top .actions button{padding:8px}.demo-bar{padding:8px 16px}.demo-bar span{max-width:230px}.bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);padding:6px 6px max(6px,env(safe-area-inset-bottom));z-index:3}.bottom button{flex-direction:column;gap:3px;padding:7px 3px;border:0;background:transparent;font-size:.75rem}.bottom button.selected{color:var(--link)}.quick button{padding:16px 12px}.three{gap:8px}.three .panel{padding:12px}.login{margin:20px 14px;padding:22px}.panel{padding:16px}.toast{bottom:88px}.checks{grid-template-columns:1fr}.grid.form-grid{grid-template-columns:1fr}.user-role{display:none}.brand{gap:8px}.four{gap:10px}.four .panel{padding:14px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}
.identity{max-width:490px;margin:48px auto;padding:0 16px}.identity.wide{max-width:1120px}.identity form{margin:22px 0}.identity h2{margin-top:0}#notice:not(:empty){max-width:680px;margin:24px auto;padding:16px;background:var(--soft);border-radius:8px}body{padding-bottom:40px}

.company-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1400px;margin:0 auto}.company-nav{padding:30px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.company-nav button{justify-content:flex-start;text-align:left}.company-content{min-width:0;padding:32px;max-width:1120px}.milestone-note{margin:30px 0}.hf-branch-list{max-height:340px;overflow:auto;padding:5px}.company-content .panel h2{margin-top:0}.company-content .timeline{margin-top:20px}.company-content .title-button{overflow-wrap:anywhere;text-align:left}.company-content .panel p{overflow-wrap:anywhere}@media(max-width:700px){.company-workspace{display:block}.company-nav{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap}.company-nav .eyebrow{display:none}.company-nav button{font-size:.85rem;padding:8px 10px}.company-content{padding:24px 16px}.company-content .quick{margin:18px 0}.hf-branch-list{max-height:290px}}

#task-list{margin-top:18px}.form-error{color:var(--danger,#b42318);white-space:pre-wrap}.company-nav button{white-space:normal;text-align:left}

.rule-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr);gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.admin-history{margin-top:24px}.admin-metrics{margin:20px 0}.admin-metrics button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px}.admin-table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px}.admin-table{width:100%;border-collapse:collapse;white-space:nowrap}.admin-table th,.admin-table td{padding:14px;text-align:left;border-bottom:1px solid var(--line)}#dashboard-result section{margin-top:28px}@media(max-width:700px){.rule-row{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics button{padding:14px}}

.today-section{margin-top:30px}.today-counts .metric{font-size:2rem}.company-content .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;padding:10px 14px;border-radius:7px}.company-content .button.primary{background:var(--blue);color:#fff}.today-counts{gap:14px}@media(max-width:700px){.today-counts{grid-template-columns:1fr}.company-content .actions .button{max-width:100%;white-space:normal}}

.connection-status{padding:14px 24px;background:var(--soft);border-bottom:2px solid var(--blue);color:var(--text)}.offline-logo{width:96px;height:96px;background:white;border-radius:8px}.identity .button{text-decoration:none;display:inline-flex;padding:12px 16px;border-radius:7px}.identity .button.primary{background:var(--blue);color:white}#app-dialog p{line-height:1.6}@media(max-width:700px){.top{flex-wrap:wrap}.top>.actions{flex-wrap:wrap}}