:root{--outer:#e9eaf0;--card:#fff;--sidebar:#19191e;--sidebar-text:#fff;--card-ink:#17181c;--accent-ink:#fff;--active-ink:#17181c}
.validation-summary-valid,.field-validation-valid{display:none}
body{background:var(--outer)}.app-shell{margin:14px;padding:14px;gap:12px;min-height:calc(100dvh - 28px);background:var(--surface);border-radius:34px;box-shadow:0 12px 40px #17181c08}.sidebar{position:sticky;top:28px;height:calc(100dvh - 56px);width:270px;overflow-y:auto;border-radius:26px;background:var(--sidebar);color:var(--sidebar-text);box-shadow:0 12px 28px #17181c24}.sidebar .brand small,.sidebar-note,.sidebar-note small,.nav-label{color:color-mix(in srgb,var(--sidebar-text) 72%,var(--sidebar))}.sidebar-note{border-color:color-mix(in srgb,var(--sidebar-text) 18%,var(--sidebar))}.nav-item{color:var(--sidebar-text);border-radius:12px}.nav-item:hover{background:color-mix(in srgb,var(--sidebar-text) 10%,var(--sidebar));color:var(--sidebar-text)}.nav-item.active,.nav-item.active:hover,.brand-mark{background:var(--lime);color:var(--active-ink)}.nav-label{margin-top:32px}.workspace{background:var(--surface);border-radius:24px}.topbar{border-bottom:0;min-height:72px;padding:14px 26px}.content{padding:20px 26px 28px}.summary-card,.panel{background:var(--card);color:var(--card-ink);border-color:color-mix(in srgb,var(--card-ink) 9%,var(--card));border-radius:22px;box-shadow:0 5px 18px #17181c06}.muted{color:color-mix(in srgb,var(--ink) 70%,var(--surface))}.panel .muted,.panel .help-text,.panel .empty-state p,.summary-card h2,.summary-card p{color:color-mix(in srgb,var(--card-ink) 70%,var(--card))}.btn-primary,.btn-primary:hover,.btn-primary:focus{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(.92)}.btn-primary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:var(--accent)}.shortcut,.shortcut:hover{color:var(--card-ink);background:var(--card)}.shortcut:hover{border-color:var(--accent)}.shortcut p,.cell-subtitle,.detail-list dt,.pagination-bar{color:color-mix(in srgb,var(--card-ink) 70%,var(--card))}.form-control,.form-select{background:var(--card);color:var(--card-ink);border-color:color-mix(in srgb,var(--card-ink) 20%,var(--card))}.form-control:focus,.form-select:focus{background:var(--card);color:var(--card-ink);border-color:var(--accent)}.form-control::placeholder{color:color-mix(in srgb,var(--card-ink) 60%,var(--card))}.row-title{color:var(--card-ink)}.erp-table th{background:color-mix(in srgb,var(--card-ink) 4%,var(--card));color:color-mix(in srgb,var(--card-ink) 72%,var(--card))}.erp-table td,.erp-table th{border-color:color-mix(in srgb,var(--card-ink) 10%,var(--card))}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.color-field{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--line);border-radius:16px}.color-field label{font-size:14px;font-weight:650}.color-field p{font-size:12px;margin:6px 0 0;color:color-mix(in srgb,var(--card-ink) 70%,var(--card))}.color-inputs{display:flex;align-items:center;gap:10px;flex-shrink:0}.color-inputs input[type=color]{border:1px solid var(--line);border-radius:10px;padding:3px;width:44px;height:44px;background:var(--card);cursor:pointer}.color-code{width:104px;font-family:ui-monospace,monospace;font-size:13px;padding:11px}.color-inputs input[type=color]:disabled{cursor:default}.auth-card{background:var(--card);color:var(--card-ink)}.auth-shell{background:var(--surface)}.auth-card .muted,.auth-note{color:color-mix(in srgb,var(--card-ink) 70%,var(--card))}
@media(max-width:1199px){.sidebar{width:235px}.content{padding:18px 20px 24px}.topbar{padding:14px 20px}.color-grid{grid-template-columns:1fr}}
@media(max-width:991px){.sidebar{position:fixed;left:14px;top:14px;height:calc(100dvh - 28px);width:270px;transform:translateX(calc(-100% - 28px));z-index:30}.sidebar.is-open{transform:translateX(0)}.app-shell{padding:8px;margin:10px;min-height:calc(100dvh - 20px);border-radius:28px}.workspace{width:100%}}
@media(max-width:575px){.app-shell{margin:8px;padding:0;min-height:calc(100dvh - 16px);border-radius:24px}.content{padding:16px 14px 22px}.topbar{padding:14px;gap:8px}.summary-card,.panel{border-radius:18px}.color-field{align-items:flex-start;flex-direction:column;padding:16px}.color-inputs{width:100%}.color-code{flex:1;min-width:0}.sidebar{border-radius:22px}.page-heading h1{font-size:24px}}