*{box-sizing:border-box}body{color:#1f2328;background:#f6f7f9;margin:0;font-family:system-ui,-apple-system,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#14171f;flex-direction:column;width:220px;padding:20px 16px 56px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:20px;font-size:1.2rem;font-weight:700;display:flex}.brand-logo{border-radius:6px;flex-shrink:0;width:28px;height:28px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{color:#cbd5e1;border-radius:6px;padding:8px 10px;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#f6821f}.whoami{border-top:1px solid #2a2f3a;margin-top:auto;padding-top:16px;font-size:.85rem}.whoami-name{color:#fff;font-weight:600;text-decoration:none;display:inline-block}.whoami-title{color:#9aa4b2}.whoami-fallback{color:#f0b429;margin-top:4px;font-size:.75rem}.logout-link{color:#9aa4b2;margin-top:8px;font-size:.8rem;text-decoration:underline;display:inline-block}.logout-link:hover{color:#fff}.admin-nav{border-top:1px solid #2a2f3a;margin-top:12px;padding-top:12px}.admin-nav a{font-size:.85rem;color:#6b7280!important}.admin-nav a.active,.admin-nav a:hover{color:#fff!important;background:#2a2f3a!important}.content{flex:1;max-width:1000px;margin-left:220px;padding:32px 40px 56px}.demo-disclaimer{z-index:100;text-align:center;color:#92400e;background:#fffbeb;border-top:1px solid #fde68a;padding:10px 16px;font-size:.8rem;position:fixed;bottom:0;left:0;right:0}.demo-disclaimer a{color:#92400e;font-weight:600;text-decoration:underline}h1{margin-top:0}.muted{color:#6b7280}.card-grid{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.card{background:#fff;border-radius:10px;flex:1;min-width:200px;padding:16px 20px;box-shadow:0 1px 3px #00000014}.card h3{color:#4b5563;margin:0 0 8px;font-size:.95rem}.table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 3px #00000014}.table th,.table td{text-align:left;border-bottom:1px solid #eef0f2;padding:10px 14px}.table th{text-transform:uppercase;color:#6b7280;background:#fafbfc;font-size:.8rem}.table a{color:#f6821f;text-decoration:none}.toolbar{gap:12px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}.form{align-items:center;gap:10px;margin-bottom:16px;display:flex}.form select,.form input,.form textarea,.form button{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}.form button{color:#fff;cursor:pointer;background:#f6821f;border:none}.badge{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:.75rem;display:inline-block}.badge-active{color:#15803d;background:#dcfce7}.badge-revoked{color:#b91c1c;background:#fee2e2}.badge-employee{color:#1d4ed8;background:#dbeafe}.badge-system{color:#6d28d9;background:#ede9fe}.badge-public{color:#15803d;background:#dcfce7}.badge-restricted{color:#b91c1c;background:#fee2e2}.link-button{color:#f6821f;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.banner{border-radius:8px;margin-bottom:16px;padding:10px 14px}.banner.error{color:#b91c1c;background:#fee2e2}.admin-section{background:#fff;border-radius:10px;margin-bottom:24px;padding:20px 24px;box-shadow:0 1px 3px #00000014}.admin-section h2{margin-top:0}.admin-tabs{gap:8px;margin-bottom:16px;display:flex}.tab-pill{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:8px 16px;font-size:.9rem}.tab-pill.active{color:#fff;background:#111827;border-color:#111827}.tab-pill:hover:not(.active){background:#f3f4f6}.pagination{align-items:center;gap:12px;margin-top:16px;display:flex}.page-tree{margin:0;padding-left:0;list-style:none}.page-tree ul{margin:4px 0 0;padding-left:20px;list-style:none}.page-tree li{padding:4px 0}.page-tree a{color:#1f2328;text-decoration:none}.page-tree a:hover{color:#f6821f}.page-body{white-space:pre-wrap;background:#fff;border-radius:10px;padding:20px 24px;line-height:1.6;box-shadow:0 1px 3px #00000014}.page-body textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:320px;padding:10px;font-family:inherit;font-size:.95rem}