@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&display=swap";
:root{--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--primary:#f2b700;--primary-hover:#e3ac00;--primary-active:#cd9a00;--primary-foreground:#141414;--primary-subtle:#f2b7001f;--primary-selected:#f2b70014;--gold-link:#8a6500;--border-focus:#f2b700;--background:#fafafa;--foreground:#0a0a0a;--surface:#fafafa;--surface-elevated:#fff;--surface-subtle:#f8f8f8;--surface-hover:#f5f5f5;--surface-inset:#f3f4f6;--modal-bg:#fff;--text-heading:#171717;--primary-black:#111;--text-body:#6d6d6d;--secondary-text:#6b7280;--text-caption:#737373;--text-muted:#a3a3a3;--text-link:#8a6500;--text-placeholder:#11111159;--text-disabled:#9ca3af;--border-subtle:#e8e8e8;--border-strong:#d1d5db;--border-input:#1113;--border-error:#dc2626;--border-color:#e8e8e8;--success-bg:#f0fdf4;--success-text:#16a34a;--error-bg:#fef2f2;--error-text:#dc2626;--warning-bg:#fff8e6;--warning-text:#b45309;--info-bg:#eff6ff;--info-text:#2563eb;--disabled-bg:#efefef;--action-bg:#0a0a0a;--action-text:#fff;--status-pending-bg:#fffbeb;--status-pending-text:#d97706;--status-pending-border:#fde68a;--status-progress-bg:#eff6ff;--status-progress-text:#2563eb;--status-progress-border:#bfdbfe;--status-submitted-bg:#faf5ff;--status-submitted-text:#9333ea;--status-submitted-border:#e9d5ff;--status-review-bg:#fffbeb;--status-review-text:#b45309;--status-review-border:#fee2b8;--status-success-bg:#f0fdf4;--status-success-text:#16a34a;--status-success-border:#bbf7d0;--status-failed-bg:#fef2f2;--status-failed-text:#dc2626;--status-failed-border:#fecaca;--status-expired-bg:#f3f4f6;--status-expired-text:#6b7280;--status-expired-border:#e5e7eb;--status-neutral-bg:#f1f5f9;--status-neutral-text:#475569;--status-neutral-border:#e2e8f0;--radius-sm:8px;--radius-md:12px;--radius-md2:14px;--radius-lg:20px;--radius-xl:24px;--shadow-elevated:0 1px 2px 0 #0000000a, 0 1px 3px 0 #0000000f;--shadow-overlay:0 4px 16px -2px #00000029;--shadow-modal:0 20px 50px -12px #0000004d}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;font-size:15px;font-weight:400}a{color:var(--text-link);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--border-strong);background:var(--surface-subtle);color:var(--foreground);cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s ease-out,border-color .15s ease-out,transform .15s ease-out,opacity .15s ease-out;display:inline-flex}.button:hover,button:hover{background:var(--surface-hover);text-decoration:none}button:active{transform:scale(.96)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--border-focus);outline:none}button.primary,.button.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}button.primary:hover,.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.primary:active,.button.primary:active{background:var(--primary-active);border-color:var(--primary-active)}button.danger{background:var(--error-text);color:var(--action-text);border-color:var(--error-text)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{border:1px solid var(--border-input);background:var(--surface-elevated);width:100%;min-height:44px;color:var(--foreground);border-radius:var(--radius-md);padding:10px 12px;font-size:14px;transition:border-color .15s ease-out,box-shadow .15s ease-out}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}textarea{resize:vertical;min-height:88px}label{color:var(--foreground);gap:7px;font-size:13px;font-weight:500;display:grid}table{border-collapse:collapse;width:100%;font-size:14px}thead tr{background:var(--surface-inset);height:50px}th,td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top;padding:14px 16px}th{color:var(--secondary-text);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}tbody tr{transition:background .15s ease-out}tbody tr:hover{background:var(--surface-hover)}code{color:var(--primary-black);background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 5px;font-size:12px}.shell{background:var(--background);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-subtle);background:var(--surface-elevated);flex-direction:column;gap:22px;padding:24px 18px;display:flex}.brand{border-bottom:1px solid var(--border-subtle);gap:12px;padding:0 4px 18px;display:grid}.brand-lockup{color:var(--foreground);align-items:center;gap:16px;display:flex}.brand-lockup.compact{gap:11px}.brand-mark{background:var(--primary-black);box-shadow:var(--shadow-elevated);border:1px solid #ffffff14;border-radius:18px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.brand-mark-sm{border-radius:13px;width:42px;height:42px}.brand-mark-md{width:52px;height:52px}.brand-mark-lg{border-radius:22px;width:74px;height:74px}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-lockup strong{color:var(--text-heading);font-size:18px;font-weight:700;line-height:1.1;display:block}.brand-lockup span{color:var(--text-body);margin-top:4px;font-size:12px;display:block}.brand-lockup:not(.compact) strong{font-size:22px}.brand-lockup:not(.compact) span{font-size:13px}.admin-chip{background:var(--surface-inset);width:max-content;max-width:100%;min-height:26px;color:var(--secondary-text);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.nav{gap:7px;display:grid}.nav a{border-radius:var(--radius-md);min-height:44px;color:var(--secondary-text);align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s ease-out,color .15s ease-out;display:flex}.nav a:hover{background:var(--surface-hover);color:var(--foreground);text-decoration:none}.nav a.active__link{background:var(--primary);color:var(--primary-foreground)}.main{min-width:0;padding:28px}.topbar{border-bottom:1px solid var(--border-subtle);background:var(--surface-elevated);justify-content:space-between;align-items:center;gap:16px;margin:-28px -28px 24px;padding:24px 28px;display:flex}.topbar h1{color:var(--text-heading);margin:0;font-size:28px;font-weight:600;line-height:1.2}.topbar p{color:var(--text-body);margin:5px 0 0;font-size:14px}.panel{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:24px}.compact-panel{padding:18px}.table-panel{overflow-x:auto}.stack,.grid{gap:20px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.success{color:var(--status-success-text);background:var(--status-success-bg);border-color:var(--status-success-border)}.badge.warning{color:var(--status-pending-text);background:var(--status-pending-bg);border-color:var(--status-pending-border)}.badge.danger{color:var(--status-failed-text);background:var(--status-failed-bg);border-color:var(--status-failed-border)}.badge.info{color:var(--status-progress-text);background:var(--status-progress-bg);border-color:var(--status-progress-border)}.badge.neutral{color:var(--status-neutral-text);background:var(--status-neutral-bg);border-color:var(--status-neutral-border)}.metric{gap:6px;display:grid}.metric span{color:var(--secondary-text);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.metric strong{color:var(--foreground);letter-spacing:0;font-size:24px;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.search-field{flex:1;min-width:min(440px,100%)}.full{grid-column:1/-1}.muted{color:var(--secondary-text)}.error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--status-failed-border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px}.notice{border:1px solid var(--border-subtle);border-left:4px solid var(--primary);background:var(--surface-elevated);border-radius:var(--radius-md);color:var(--text-body);padding:12px 14px;font-size:13px}.panel-title{color:var(--text-heading);margin:0;font-size:17px;font-weight:700}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.choice-card{background:var(--surface-elevated);border-color:var(--border-subtle);text-align:left;align-content:center;justify-items:start;gap:6px;min-height:112px;padding:18px;display:grid}.choice-card span{color:var(--secondary-text);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.choice-card strong{color:var(--text-heading);font-size:16px}.choice-card.selected{background:var(--primary-selected);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.onboarding-form{max-width:860px}.form-actions{justify-content:flex-end}.onboarding-complete{max-width:1120px}.completion-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.completion-heading h2,.section-heading h2{color:var(--text-heading);margin:0;font-size:18px}.completion-heading p{color:var(--secondary-text);margin:4px 0 0}.completion-icon{border-radius:var(--radius-md2);width:46px;height:46px;color:var(--status-success-text);background:var(--status-success-bg);border:1px solid var(--status-success-border);justify-content:center;align-items:center;display:inline-flex}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.summary-grid div{border-radius:var(--radius-md);background:var(--surface-subtle);border:1px solid var(--border-subtle);gap:5px;padding:14px;display:grid}.summary-grid span,.secret-block>.toolbar>span{color:var(--secondary-text);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.summary-grid strong{min-width:0;color:var(--text-heading);font-size:14px}.handoff-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;display:grid}.section-heading{align-items:center;gap:10px;display:flex}.secret-block{border-radius:var(--radius-md);background:var(--surface-subtle);border:1px solid var(--border-subtle);gap:10px;padding:14px;display:grid}.secret-block code{overflow-wrap:anywhere;width:100%;line-height:1.6;display:block}.pem-block{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--primary-black);max-height:330px;overflow:auto}.pem-block pre{color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px;font-size:12px;line-height:1.7}.login-screen{background:var(--background);grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr);min-height:100vh;display:grid}.login-brand-panel{background:var(--surface-elevated);border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:center;gap:40px;padding:clamp(40px,6vw,76px);display:flex;position:relative}.login-brand-copy{gap:28px;width:min(470px,100%);display:grid}.login-brand-panel h1{color:var(--text-heading);letter-spacing:0;margin:0;font-size:clamp(36px,4.4vw,58px);font-weight:800;line-height:1.02}.login-brand-panel p{color:var(--text-body);max-width:430px;margin:0;font-size:16px;line-height:1.7}.login-brand-strip{color:var(--secondary-text);align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:40px;left:clamp(40px,6vw,76px)}.gold-line{background:var(--primary);border-radius:999px;width:44px;height:3px}.login-form-area{background:var(--surface);justify-content:center;align-items:center;padding:clamp(28px,6vw,76px);display:flex}.login-panel{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(460px,100%);box-shadow:var(--shadow-modal);padding:34px}.login-panel h1{color:var(--text-heading);margin:0;font-size:30px;font-weight:700;line-height:1.15}.login-panel form{gap:18px}.mobile-brand{display:none}.wizard-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.wizard-step{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--secondary-text);padding:10px;font-size:12px;font-weight:500}.wizard-step.done{border-color:var(--primary);background:var(--primary-selected);color:var(--gold-link)}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.hide__scrollbar::-webkit-scrollbar{display:none}.hide__scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000040}.animation-fade-in{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.disabled__link{opacity:.45;pointer-events:none}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);position:static}.nav{grid-template-columns:1fr}.main{padding:18px}.topbar{align-items:flex-start;margin:-18px -18px 20px;padding:20px 18px}.topbar h1{font-size:22px}.grid.two,.grid.three,.form-grid,.choice-grid,.summary-grid,.handoff-grid,.wizard-steps{grid-template-columns:1fr}.completion-heading{grid-template-columns:auto minmax(0,1fr)}.completion-heading .badge{grid-column:1/-1;width:fit-content}.login-screen{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-area{align-items:flex-start;min-height:100vh;padding-top:56px}.login-panel{box-shadow:var(--shadow-elevated);padding:24px}.mobile-brand{margin-bottom:4px;display:block}th,td{padding:12px}}