:root {
    --ink: #1d2730;
    --muted: #626d73;
    --teal: #f47b20;
    --teal-dark: #c85d0d;
    --sand: #f2e9df;
    --line: #ddd8d2;
    --orange: #f47b20;
}

body {
    background: linear-gradient(180deg, #f7f6f4 0, #fff 55%, #f7f6f4 100%);
}

.hero-art {
    background: linear-gradient(135deg, #f6c39e, #f2e9df);
}

.hero-circle {
    background: radial-gradient(circle at 42% 37%, #fff8 0 8%, transparent 9%), linear-gradient(145deg, #f49a52, #c85d0d);
}

.icon {
    background: #fff0e4;
}

.panel.dark .text-link {
    color: #ffc48f;
}

.status.submitted,
.status.acknowledged,
.status.underreview {
    background: #fff0e4;
    color: #b7500a;
}

.notice.success {
    background: #fff4e8;
    color: #8a4a18;
    border-color: #f2c99e;
}

/* Figma ClientPortal visual system */
:root{--ink:#f5f7fb;--muted:#8b98ad;--teal:#ff6b00;--teal-dark:#d95300;--sand:#151f36;--line:#263552;--white:#111a2e;--orange:#ff6b00}
html,body{background:#070d1c;color:var(--ink)}body{background:radial-gradient(circle at 70% -20%,#172646 0,#070d1c 46%,#070d1c 100%)}a{color:inherit}.shell{background:transparent}.portal-shell{min-height:100vh;display:flex}.portal-sidebar{width:260px;flex:0 0 260px;min-height:100vh;background:#0b1428;border-right:1px solid #1d2a45;padding:28px 24px 22px;display:flex;flex-direction:column}.portal-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:0 0 54px}.portal-brand strong{display:block;color:#fff;font-size:18px;letter-spacing:.01em}.portal-brand small{display:block;color:#8d99ad;font-size:9px;letter-spacing:.14em;font-weight:800}.portal-brand-mark,.brand-mark{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;background:var(--orange);color:#101a2e;font-weight:900;font-size:18px}.portal-nav{display:grid;gap:8px}.portal-nav a,.portal-sidebar-footer a,.portal-sidebar-footer .nav-button{display:flex;align-items:center;gap:13px;color:#93a0b6;text-decoration:none;padding:13px 14px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:700}.portal-nav a:hover,.portal-sidebar-footer a:hover{color:#fff;background:#15213a}.portal-nav a[href="/dashboard"]:focus,.portal-nav a[href="/catalogue"]:focus{outline:1px solid var(--orange)}.nav-icon{width:18px;text-align:center;color:#aebbd0;font-size:17px}.portal-sidebar-footer{margin-top:auto;border-top:1px solid #1d2a45;padding-top:16px;display:grid;gap:5px}.portal-sidebar-footer .nav-button{width:100%;font-family:inherit;cursor:pointer}.portal-main{min-width:0;flex:1}.portal-header{height:76px;padding:0 42px;border-bottom:1px solid #1d2a45;display:flex;align-items:center;justify-content:space-between;background:#0b1428cc}.portal-kicker{display:block;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.16em}.portal-context{display:block;color:#77869e;font-size:12px;margin-top:3px}.portal-user{display:flex;align-items:center;gap:10px;color:#8e9bb0;font-size:12px}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#30415f;color:#fff;font-weight:800}.portal-main>main{width:min(1220px,calc(100% - 84px));margin:0 auto}.portal-main footer{padding:24px 42px;border-top:1px solid #1d2a45;color:#718099;font-size:12px;display:flex;justify-content:space-between}.topbar{height:82px;padding:0 clamp(22px,5vw,80px);background:#0b1428;border-bottom:1px solid #1d2a45}.brand strong{color:#fff}.brand small{color:#8d99ad}.nav-links{color:#acb7c8}.nav-links>a:hover{color:#fff}.hero{min-height:610px;padding:90px 0}.hero h1,.page-heading h1,.auth-intro h1,.centered-page h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#fff;font-weight:800;letter-spacing:-.04em}.hero h1{font-size:clamp(45px,5vw,76px)}.hero p,.page-heading p,.auth-intro p{color:#99a5b8}.hero-art{background:linear-gradient(135deg,#15243e,#1c2e4c);border:1px solid #2b3d5d}.hero-circle{background:linear-gradient(145deg,#ff933f,#d95300);box-shadow:25px 25px 0 #ff6b0030}.hero-card,.value-grid article,.panel,.stat-card,.catalog-card,.request-row,.form-card{background:#101a2e;border-color:#263552;color:#f5f7fb}.hero-card strong{font-family:Inter,sans-serif}.hero-card span:last-child,.value-grid p,.panel p,.catalog-body p{color:#8d9ab0}.value-grid{padding-bottom:80px}.icon{background:#2c2118;color:#ff963e}.eyebrow{color:var(--orange)}.page-heading{padding:54px 0 30px}.page-heading h1{font-size:50px}.stat-grid{grid-template-columns:repeat(4,1fr)}.stat-card span,.stat-card small{color:#8190a8}.stat-card strong{font-family:Inter,sans-serif;color:#fff}.panel.dark{background:#121f38;border-color:#2a3b59}.panel.dark p{color:#9aa7ba}.text-link{color:#ff8a35}.panel.dark .text-link{color:#ff9d54}.compliance-chart{background:#101a2e}.chart-bars span,.chart-bars strong{color:#96a2b6}.search-bar input,input,select,textarea{background:#0b1428;color:#f5f7fb;border-color:#2b3d5b}.search-bar input::placeholder,input::placeholder,textarea::placeholder{color:#63728a}.catalog-image{background:linear-gradient(145deg,#1d3150,#17243c)}.catalog-meta span{border-color:#2b3d5b;color:#9ba8ba}.auth-layout{padding-top:80px}.auth-intro h1{font-size:54px}.form-card h2{font-family:Inter,sans-serif;color:#fff}.muted,.form-footer,.form-links{color:#8997ad}.button{background:#111d33;border-color:#52627b;color:#e9eef7}.button.primary{background:var(--orange);border-color:var(--orange);color:#0b1428}.button.primary:hover{background:#ff8730}.button.ghost{border-color:#53647f;color:#e5eaf3}.notice.error{background:#321b25;color:#ffb4b5;border-color:#6d3347}.notice.success{background:#2d241a;color:#ffc38d;border-color:#70431f}.status{background:#1f2b43;color:#aab7ca}.status.submitted,.status.acknowledged,.status.underreview{background:#2c2118;color:#ff9a4d}.status.cancelled{background:#321e2b;color:#ff9eaf}.status.converted{background:#292c4b;color:#b9c0ff}.empty-state,.loading-panel{color:#8190a8}.empty-state h1,.empty-state h2{color:#fff;font-family:Inter,sans-serif}.user-row{border-color:#263552}.user-row.header{color:#8391a7}.shell>footer,.shell footer{background:#0b1428;border-color:#1d2a45;color:#718099}@media(max-width:850px){.portal-sidebar{width:76px;flex-basis:76px;padding:22px 10px}.portal-brand{justify-content:center}.portal-brand>span:last-child,.portal-nav a:not(:first-child) span:not(.nav-icon),.portal-sidebar-footer a,.portal-sidebar-footer .nav-button{font-size:0}.portal-nav a{justify-content:center;padding:12px 8px}.portal-nav a span{margin:0}.portal-sidebar-footer{display:none}.portal-header{padding:0 18px}.portal-main>main{width:calc(100% - 32px)}.portal-main footer{padding:18px;display:block}.stat-grid{grid-template-columns:repeat(2,1fr)}}