:root{--brand-primary:#56b9aa;--brand-primary-rgb:86, 185, 170;--brand-primary-dark:#2f8f83;--brand-primary-deep:#2c6d66;--brand-gray:#5f666b;--brand-gray-rgb:95, 102, 107;--brand-sand:#ebe8e1;--brand-sand-rgb:235, 232, 225;--brand-surface:#f3efe8;--brand-surface-strong:#fff;--brand-surface-soft:#efebe2;--brand-text:#31383c;--brand-text-soft:#5d666b;--brand-line:#d8d1c4;--brand-danger:#a6403a;--brand-shadow:0 10px 24px #4f575c14;--brand-shadow-soft:0 6px 16px #4f575c0f;--panel-border:rgba(var(--brand-gray-rgb), .14)}html{box-sizing:border-box;min-height:100%}*,:before,:after{box-sizing:inherit}body{background:radial-gradient(circle at top right, rgba(var(--brand-primary-rgb), .08) 0, transparent 22%), linear-gradient(180deg, #efebe4 0%, #e7e1d6 100%);min-width:320px;min-height:100vh;color:var(--brand-text);margin:0;font-family:Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}h1{border-bottom:2px solid rgba(var(--brand-primary-rgb), .65);color:var(--brand-text);margin:0 0 22px;padding-bottom:12px}h2,h3,p{margin-top:0}p{line-height:1.55}code{color:var(--brand-primary-deep);overflow-wrap:anywhere;display:block}.block{margin-top:4px;display:block}.muted,small{color:var(--brand-text-soft)}.app-shell{min-height:100vh}.app-header{z-index:50;border-bottom:1px solid rgba(var(--brand-gray-rgb),.14);background:#fffffff5;position:sticky;top:0;box-shadow:0 2px 10px #4b52570d}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:12px 24px;display:flex}.header-brand-wrap,.header-user,.app-brand{align-items:center;gap:14px;display:flex}.app-brand{color:inherit;text-align:left;background:0 0;border:0}.app-brand img{flex-shrink:0;width:148px;max-width:32vw;height:auto;display:block}.demo-badge{color:#805c08;white-space:nowrap;background:#fff6d9;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:800}.app-brand-copy{flex-direction:column;min-width:0;display:flex}.app-brand-copy strong{color:var(--brand-text);font-size:1rem}.app-brand-copy span{color:var(--brand-text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.app-brand-copy small{color:var(--brand-text-soft);font-size:.72rem;font-weight:600}.header-user{color:var(--brand-text-soft);font-weight:600}.header-user strong{color:var(--brand-text)}.logout-link{border:1px solid rgba(var(--brand-gray-rgb),.18);min-height:40px;color:var(--brand-text);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.link-button{color:var(--brand-primary-deep);background:0 0;border:0;padding:0;text-decoration:underline}.menu-toggle{display:none}.app-body{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 78px);display:grid}.side-nav{background:linear-gradient(#2f736a 0%,#245750 100%);align-content:start;gap:0;padding:18px 14px;display:grid;box-shadow:inset -1px 0 #ffffff14}.menu-btn{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:44px;margin-bottom:8px;padding:12px 14px;font-weight:600}.menu-btn:hover{background:#ffffff24}.menu-btn.active{color:#285e58;background:#fffffff5;border-color:#ffffffc2}.menu-backdrop{display:none}.content-shell{min-width:0;padding:18px}.content-panel{border:1px solid rgba(var(--brand-gray-rgb),.12);background:#fff;border-radius:20px;max-width:1400px;margin:0 auto;padding:24px;box-shadow:0 6px 18px #4b52570f}.page{gap:18px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-heading h1{margin-bottom:6px;font-size:clamp(1.7rem,3vw,2.3rem)}.page-heading p{color:var(--brand-text-soft);margin-bottom:0}.eyebrow{letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:900;color:var(--brand-primary-dark)!important;margin-bottom:5px!important}.card{border:1px solid rgba(var(--brand-gray-rgb),.16);box-shadow:var(--brand-shadow-soft);background:#fffffff5;border-radius:14px;padding:18px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.summary-grid .card{gap:8px;display:grid}.summary-grid strong{font-size:1.15rem}.status-dot{color:#17643d;background:#e7f6ee;border-radius:999px;padding:7px 10px;font-weight:800}.btn{border:1px solid var(--brand-line);min-height:40px;color:var(--brand-text);background:#fff;border-radius:8px;padding:9px 14px;font-weight:800}.btn.primary{border-color:var(--brand-primary-dark);background:var(--brand-primary-dark);color:#fff}.btn.danger{color:var(--brand-danger);border-color:#d7aaa7}.btn.small{min-height:34px;padding:6px 10px}.btn:disabled{cursor:not-allowed;opacity:.55}.table-wrap{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #5f666b24;padding:13px 14px}th{color:var(--brand-text-soft);letter-spacing:.03em;text-transform:uppercase;background:#f9faf9;font-size:.78rem}tr:last-child td{border-bottom:0}.clickable-row,.selected-row{cursor:pointer}.clickable-row:hover,.selected-row{background:#56b9aa14}.badge-row{flex-wrap:wrap;gap:6px;display:flex}.badge{border:1px solid var(--brand-line);color:var(--brand-text);background:#f6f7f6;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.badge.success{color:#17643d;background:#e7f6ee;border-color:#b6dcc9}.badge.danger{color:#8b2c27;background:#fcedec;border-color:#e5bbb8}.badge.warning{color:#805c08;background:#fff6d9}button.badge.removable{color:var(--brand-primary-deep);background:#e8f7f5;border-color:#a9d9d2}.feedback{border:1px solid var(--brand-line);background:#fff;border-radius:10px;padding:16px}.feedback.error,.status-page.error{color:#772c27;background:#fcedec;border-color:#e5bbb8}.feedback .link-button{margin-left:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label{gap:6px;font-weight:700;display:grid}.form-grid .wide,.form-actions{grid-column:1/-1}input,select{border:1px solid var(--brand-line);width:100%;min-height:40px;color:var(--brand-text);background:#fff;border-radius:8px;padding:9px 10px}.form-grid .checkbox{align-items:center;display:flex}.checkbox input{width:18px;min-height:18px}.form-actions{justify-content:flex-end;display:flex}.two-column{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.detail-panel{gap:16px;display:grid;position:sticky;top:94px}.detail-heading{justify-content:space-between;gap:12px;display:flex}.detail-heading h2{margin-bottom:4px}.detail-heading p{color:var(--brand-text-soft);margin-bottom:0}.detail-panel h3{margin:4px 0 0}.access-list{gap:10px;display:grid}.access-card{border:1px solid var(--brand-line);background:#fafbf9;border-radius:9px;gap:10px;padding:12px;display:grid}.access-card code{margin-top:3px;font-size:.78rem}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.detail-placeholder{color:var(--brand-text-soft)}.login-page,.status-page{text-align:center;background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.08),transparent 42%),var(--brand-surface);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{border:1px solid rgba(var(--brand-gray-rgb),.14);background:#fff;border-radius:16px;width:min(460px,100%);padding:28px;box-shadow:0 12px 30px #4b52571a}.auth-brand{color:var(--brand-text-soft);text-transform:uppercase;justify-content:center;align-items:center;gap:14px;margin-bottom:20px;font-weight:800;display:flex}.auth-brand img{width:156px;max-width:42vw;height:auto;display:block}.login-card p{color:var(--brand-text-soft)}.login-card .demo-explanation{color:#694d0b;background:#fff6d9;border-radius:8px;padding:10px;font-size:.88rem}@media (width<=980px){.menu-toggle{border:1px solid var(--brand-line);background:#fff;border-radius:8px;padding:8px;display:inline-flex}.app-body{grid-template-columns:1fr}.side-nav{z-index:40;width:min(320px,86vw);transition:transform .2s;position:fixed;inset:78px auto 0 0;transform:translate(-105%);box-shadow:10px 0 28px #18262633}.mobile-menu-open .side-nav{transform:translate(0)}.menu-backdrop{z-index:35;background:#1c242657;border:0;position:fixed;inset:78px 0 0}.mobile-menu-open .menu-backdrop{display:block}.two-column{grid-template-columns:1fr}.detail-panel{position:static}}@media (width<=720px){.header-inner{flex-direction:column;align-items:stretch;padding:10px 14px}.header-user{justify-content:space-between}.app-brand img{width:116px;max-width:38vw}.side-nav{inset-block-start:126px}.content-shell{padding:12px}.page-heading{flex-direction:column}.page-heading .btn{width:100%}.summary-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-actions{grid-column:auto}.form-actions .btn{width:100%}.demo-badge{white-space:normal}}