:root{--ink:#17242e;--muted:#6d7a84;--accent:#00a7a5;--accent2:#42c8c4;--surface:#fff;--canvas:#f3f6f8;--line:#dde4e8;--nav:#1b2c37;--title:#14232d;--danger:#c42b1c;--shadow:0 14px 38px #17242e18;color-scheme:light;font-family:"Segoe UI Variable Text","Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em}.message{min-height:20px;color:var(--danger);font-size:13px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 17px;font-weight:700}.primary{background:var(--accent);color:#fff}.secondary{background:#e9eff2;color:var(--ink)}.danger{background:#fff0ee;color:var(--danger)}.iconButton{width:42px;height:42px;border:0;border-radius:10px;background:#ffffff16;color:inherit;font-size:24px}.mobileOnly{display:none}
.authView{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#1e5260 0,#14232d 38%,#0f1a21 100%)}.authCard{width:min(420px,100%);display:grid;gap:14px;padding:34px;border:1px solid #ffffff19;border-radius:20px;background:#fff;box-shadow:0 28px 70px #0006}.authCard h1{margin:0;font-size:31px}.authCard p{margin:0}.brandIcon{width:68px;height:68px;border-radius:15px}.authCard label,.field{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#f8fafb;color:var(--ink)}
.app{min-height:100vh}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--title);color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand img{width:34px;height:34px;border-radius:8px}.brand div{display:grid}.brand b{font-size:14px}.brand span{font-size:11px;color:#8ea0ab}.userbar{display:flex;align-items:center;gap:8px;font-size:12px}.topbar .secondary{background:#ffffff14;color:#e6eef2}.moduleNav{display:grid;grid-template-columns:repeat(14,minmax(60px,1fr));gap:5px;padding:8px 10px;background:var(--nav);position:sticky;top:58px;z-index:19;border-bottom:1px solid #2a3d48}.moduleTile{min-width:0;height:82px;display:grid;place-items:center;align-content:center;gap:4px;padding:5px 2px;border:1px solid transparent;border-radius:12px;background:transparent;color:#dde6ea}.moduleTile:hover,.moduleTile.active{background:#00a7a5;border-color:#42c8c4}.moduleTile img{width:36px;height:36px;object-fit:contain}.moduleTile span{font-size:10px;line-height:11px;text-align:center;overflow-wrap:anywhere}.moduleContent{padding:24px;max-width:1680px;margin:auto}.moduleHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.moduleHeader h1{margin:0 0 5px;font-size:28px}.moduleHeader p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 4;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 14px #17242e0b;scroll-margin-top:156px}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.card h2,.card h3{margin:0 0 14px}.sectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sectionHeading h2{margin:0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.result{margin-top:14px;padding:14px;border-radius:10px;background:#e9f8f7;border-left:4px solid var(--accent);line-height:1.55}.notice{font-size:12px;color:var(--muted)}.tableWrap{overflow:auto;max-height:58vh;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#edf3f5;z-index:1}tbody tr{cursor:pointer}tbody tr:hover{background:#edfafa}.selectedRow{background:#e1f7f5}.drawing{width:100%;max-height:420px;object-fit:contain;background:#fff;border-radius:10px;touch-action:pinch-zoom}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px}.choiceTile{min-height:110px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;padding:8px}.choiceTile img{width:100%;height:65px;object-fit:contain}.choiceTile.active{border-color:var(--accent);box-shadow:0 0 0 2px #00a7a533}.choiceTile b{font-size:12px}.detailList{display:grid;grid-template-columns:minmax(140px,1fr) 1.4fr;gap:7px;font-size:13px}.detailList dt{color:var(--muted)}.detailList dd{margin:0;font-weight:600;overflow-wrap:anywhere}.dialog{width:min(900px,calc(100% - 24px));max-height:90vh;border:0;border-radius:18px;padding:0;box-shadow:0 30px 80px #0007}.dialog::backdrop{background:#0c1822bb}.dialogHeader{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--title);color:#fff}.dialogHeader h2{margin:0}.userForm{display:grid;grid-template-columns:2fr 1fr 2fr auto;align-items:end;gap:10px;padding:18px;border-bottom:1px solid var(--line)}.check{display:flex!important;align-items:center;gap:7px!important;height:42px}.check input{width:auto}.usersList{padding:12px 18px 20px;overflow:auto}.userRow{display:grid;grid-template-columns:2fr .7fr .8fr 1fr;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.userRow small{color:var(--muted)}
@media(max-width:1100px){.moduleNav{grid-template-columns:repeat(13,minmax(60px,1fr))}.moduleTile span{font-size:9px}.moduleTile img{width:32px;height:32px}.card{grid-column:span 6}}
@media(max-width:700px){body.mobile .mobileOnly,.mobileOnly{display:block}.topbar{height:56px;padding:0 10px}.brand span,#currentUser{display:none}.userbar .secondary{padding:8px}.moduleNav{position:static;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;background:var(--canvas)}.moduleTile{height:118px;background:var(--nav);border-radius:15px;box-shadow:var(--shadow)}.moduleTile img{width:52px;height:52px}.moduleTile span{font-size:12px;line-height:14px}.moduleContent{padding:14px}.app.moduleOpen .moduleNav{display:none}.moduleContent:empty{display:none}.moduleHeader h1{font-size:23px}.grid{display:block}.card{margin-bottom:12px;padding:15px;scroll-margin-top:64px}.fields{grid-template-columns:1fr 1fr}.tableWrap{max-height:52vh}.dialog{max-height:96vh}.userForm{grid-template-columns:1fr}.userRow{grid-template-columns:1fr auto}.userRow .actions{grid-column:1/-1}.drawing{max-height:300px}}
@media(max-width:390px){.moduleNav{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}.brand b{font-size:12px}}