:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#10202b;background:radial-gradient(circle at top left,rgba(128,0,0,.12),transparent 30%),linear-gradient(180deg,#f4f0ec,#eef3f6)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}.page-shell{min-height:100vh;padding:32px 20px 48px}.dashboard-page-shell{padding-block:24px}.auth-page-shell{display:flex;align-items:center}.auth-layout{width:min(960px,100%);margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.dashboard-shell{width:min(1120px,100%);margin:0 auto;position:relative}.dashboard-main{display:grid;gap:20px;padding-top:104px}.dashboard-topbar{position:fixed;top:0;left:0;right:0;height:72px;padding:0 24px;background:#000;box-shadow:0 14px 30px #10202b29;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;z-index:35}.dashboard-title{text-align:center;color:#f8fbfc;font-size:clamp(18px,2vw,26px);font-weight:800;letter-spacing:.02em}.dashboard-logo{justify-self:end;width:40px;height:40px;object-fit:contain}.menu-toggle{width:52px;height:52px;border:0;border-radius:16px;background:#ffffff1a;display:grid;align-content:center;gap:5px;padding-inline:14px;cursor:pointer}.menu-toggle-inline{position:static;z-index:1}.menu-toggle span{display:block;height:3px;border-radius:999px;background:#fff}.menu-overlay{position:fixed;inset:72px 0 0;background:#0a101861;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:39}.menu-overlay-visible{opacity:1;pointer-events:auto}.sidebar-drawer{position:fixed;top:72px;left:0;bottom:0;width:236px;padding:0;transform:translate(-100%);transition:transform .22s ease;z-index:40}.sidebar-drawer-open{transform:translate(0)}.sidebar-card{height:100%;display:grid;grid-template-rows:1fr auto;gap:14px;padding:16px 12px;border-radius:0;background:linear-gradient(180deg,#747b82,#656c73);color:#f2f6f8;box-shadow:0 24px 56px #10202b2e;overflow:auto}.content-hero-card h2{margin:0}.sidebar-nav{display:grid;align-content:start;gap:12px}.nav-button{width:100%;min-height:50px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff1f;color:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;padding:0 14px}.nav-button-active{background:#ffffffe0;border-color:#ffffff52;color:#17242c}.nav-button svg,.icon-action-button svg{width:24px;height:24px}.nav-button span{color:#f2f6f8;font-size:13px;font-weight:600}.nav-button-active span{color:#17242c}.sidebar-session-area{min-width:0;display:grid;justify-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}.logged-user{width:100%;text-align:center;color:#f2f6f8e6;font-size:13px;font-weight:600;line-height:1.4;word-break:break-word}.icon-action-button{width:100%;height:44px;border:0;border-radius:14px;background:#ffffff3d;color:#f2f6f8;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer}.icon-action-button span{font-size:14px;font-weight:700}.hero-card,.panel-card,.metric-card{background:#ffffffe6;border:1px solid rgba(143,158,168,.22);border-radius:24px;box-shadow:0 16px 40px #10202b14}.hero-card{padding:28px}.auth-hero-card,.auth-panel-card{height:100%}.hero-card h1,.panel-card h2,.unit-row h3{margin:0}.hero-copy,.muted{color:#566872}.eyebrow{margin:0 0 8px;color:maroon;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.metric-card{padding:24px;display:grid;gap:10px}.metric-label{color:#5f727d;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metric-value{color:maroon;font-size:clamp(36px,8vw,56px);line-height:1}.metric-footnote{color:#61737e;font-size:14px}.panel-card{padding:24px}.panel-header{margin-bottom:18px}.panel-header-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.session-card{min-width:250px;padding:18px;border-radius:20px;background:#f8fafc;border:1px solid #e2eaef;display:grid;gap:8px}.access-chip{width:fit-content;padding:6px 10px;border-radius:999px;background:#8000001f;color:maroon;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.unit-list{display:grid;gap:14px}.unit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:18px;background:#f8fafc;border:1px solid #e2eaef}.unit-badge{min-width:110px;padding:12px 14px;border-radius:16px;background:maroon;color:#fff;text-align:center}.unit-badge strong{display:block;font-size:26px;line-height:1}.unit-badge span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.error-card{border-color:#8000003d}.reports-list{display:grid;gap:12px}.report-list-item{width:100%;border:1px solid #e2eaef;border-radius:18px;background:#f8fafc;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;cursor:pointer}.report-list-item:hover{border-color:maroon;background:#fff7f7}.report-list-main,.report-list-meta{display:grid;gap:4px}.report-list-main strong{color:maroon}.report-list-main span,.report-list-meta span{color:#17303f;font-size:14px}.report-list-meta{justify-items:end;color:#5f727d}.modal-backdrop{position:fixed;inset:0;background:#0a10188f;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:min(1100px,100%);max-height:calc(100vh - 48px);background:#fff;border-radius:28px;padding:24px;overflow:auto;box-shadow:0 24px 60px #10202b3d}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.close-button{border:0;border-radius:14px;background:maroon;color:#fff;padding:12px 16px;font-weight:700;cursor:pointer}.modal-content{display:grid;gap:18px}.report-section{border:1px solid #e2eaef;border-radius:20px;padding:18px;background:#fafcfd}.report-section h3{margin:0 0 14px}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-item{background:#fff;border:1px solid #e3ebf0;border-radius:16px;padding:12px 14px;display:grid;gap:6px}.detail-item span{color:#61737e;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.detail-item strong{color:#17303f;font-size:14px}.checklist-sections{display:grid;gap:14px}.checklist-card{border:1px solid #e3ebf0;border-radius:18px;background:#fff;padding:14px}.checklist-card h4{margin:0 0 10px}.checklist-items{display:grid;gap:8px}.checklist-item-row{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #eef3f6}.checklist-item-row:last-child{border-bottom:0;padding-bottom:0}.notes-block{margin:0;line-height:1.6;color:#17303f;white-space:pre-wrap}.map-wrapper{overflow:hidden;border:1px solid #e3ebf0;border-radius:18px;background:#eef3f6}.report-map{width:100%;height:260px;border:0;display:block}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.image-card{margin:0;background:#fff;border:1px solid #e3ebf0;border-radius:18px;overflow:hidden}.image-card img{width:100%;height:220px;object-fit:cover;display:block;background:#eef3f6}.image-card figcaption{display:grid;gap:6px;padding:12px 14px}.image-card span{color:#5f727d;font-size:13px}.signature-report-card{display:flex;align-items:center;justify-content:center;min-height:220px;padding:18px;border:1px solid #e3ebf0;border-radius:18px;background:#fff}.signature-report-image{width:100%;max-height:220px;object-fit:contain;display:block}.error-text{color:maroon;font-weight:700}.success-text{color:#11643b;font-weight:700}.auth-form,.user-form-card{display:grid;gap:14px}.field-group{display:grid;gap:8px}.field-group span{color:#304956;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.text-input{width:100%;border:1px solid #d5dfe5;border-radius:14px;background:#fff;padding:14px 16px;color:#17303f}.text-input:focus{outline:2px solid rgba(128,0,0,.16);border-color:maroon}.primary-button,.secondary-button,.danger-button{border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}.primary-button{background:maroon;color:#fff}.secondary-button{background:#e9eff3;color:#17303f}.danger-button{background:#f9dada;color:maroon}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.action-row{display:flex;flex-wrap:wrap;gap:10px}.user-management-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:18px}.user-form-card,.users-list-card{border:1px solid #e2eaef;border-radius:20px;background:#f8fafc;padding:18px}.user-form-card h3,.users-list-card h3{margin:0 0 12px}.users-list{display:grid;gap:12px}.user-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;border-radius:18px;background:#fff;border:1px solid #e2eaef}.user-row-main{display:grid;gap:4px}.user-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}@media(max-width:760px){.page-shell{padding-inline:14px}.auth-layout,.user-management-grid,.user-row{grid-template-columns:1fr;flex-direction:column}.dashboard-topbar{grid-template-columns:56px 1fr 56px;height:64px;padding-inline:12px}.menu-toggle{width:44px;height:44px;padding-inline:11px}.sidebar-drawer{top:64px;width:210px;padding:0}.menu-overlay{top:64px}.summary-grid{grid-template-columns:1fr}.unit-row{flex-direction:column;align-items:flex-start}.unit-badge{width:100%}.report-list-item,.modal-header,.checklist-item-row{flex-direction:column;align-items:flex-start}.report-list-meta{justify-items:start}.details-grid,.image-grid{grid-template-columns:1fr}}