:root{--color-primary-blue:#1478a0;--color-accent-blue:#29a8dc;--color-lime-green:#bfce35;--color-light-blue-tint:#d6eef7;--color-sidebar:#0e2c3e;--color-text-body:#404040;--color-text-primary:#162029;--color-text-reversed:#fff;--color-line-dark:#607184;--color-line-medium:#909fae;--color-line-light:#c6ced5;--color-success:#00ad82;--color-warning:#f28100;--color-error:#ba2121;--page-bg:#f7fafc;--panel-bg:#fff;--font-family-primary:"Noto Sans", Calibri, sans-serif;--shadow-soft:0 16px 40px #0e2c3e14}*{box-sizing:border-box}html{min-height:100%}body{background:var(--page-bg);min-height:100vh;color:var(--color-text-body);font-family:var(--font-family-primary);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-frame{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--color-sidebar);color:var(--color-text-reversed);flex-direction:column;gap:18px;min-height:100vh;padding:18px 16px;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid #ffffff26;align-items:center;gap:12px;padding-bottom:10px;display:flex}.logo-mark{background:var(--color-accent-blue);text-transform:lowercase;border-radius:999px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid;position:relative}.logo-mark:after{content:"";background:var(--color-lime-green);border-radius:999px;width:8px;height:8px;position:absolute;top:4px;right:4px}.sidebar-eyebrow,.topnav-kicker,.section-kicker{text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:12px;line-height:16px}.sidebar-group,.sidebar-footer,.stack{flex-direction:column;gap:12px;display:flex}.sidebar-link{color:#ffffffeb;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex}.sidebar-link:hover{background:#ffffff14}.sidebar-link.active{background:var(--color-primary-blue);box-shadow:inset 3px 0 0 var(--color-lime-green)}.sidebar-icon{border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:32px;min-width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.sidebar-divider{background:#ffffff26;height:1px}.sidebar-footnote{font-size:13px;line-height:20px}.sidebar-footnote span{color:#b5dce6;display:block}.main-column{min-width:0}.topnav{border-bottom:4px solid var(--color-primary-blue);z-index:10;background:#fff;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px 22px;display:flex;position:sticky;top:0}.topnav:before{content:"";background:var(--color-lime-green);width:15%;height:4px;position:absolute;top:0;left:0}.topnav h1,.page-header h2,.card h3,.empty-state h3{color:var(--color-text-primary);margin:0;font-weight:300}.topnav h1{font-size:32px;line-height:40px}.page-content{padding:28px 32px 40px}.page-header,.split-row,.inline-actions,.topnav-actions,.tag-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-header,.split-row{justify-content:space-between}.page-header{margin-bottom:20px}.page-header p,.card p,.helper-text,.table-subtext{margin:0}.section-kicker,.topnav-kicker{color:var(--color-accent-blue)}.card{background:var(--panel-bg);border:1px solid var(--color-line-light);box-shadow:var(--shadow-soft);border-radius:20px;padding:20px}.cards-grid,.detail-grid,.builder-grid,.content-grid{gap:16px;display:grid}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:1.35fr 1fr;margin-top:16px}.builder-grid{grid-template-columns:1.2fr .8fr}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-label{color:var(--color-accent-blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px;line-height:16px}.metric-value{color:var(--color-text-primary);font-size:24px;font-weight:400;line-height:28px}.metric-hint,.helper-text,.table-subtext{color:var(--color-line-dark);font-size:13px;line-height:20px}.status-pill,.tag{border:1px solid var(--color-line-light);color:var(--color-text-primary);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;line-height:16px;display:inline-flex}.status-pill.success{border-color:color-mix(in srgb, var(--color-success) 45%, white);background:color-mix(in srgb, var(--color-success) 10%, white)}.status-pill.warning{border-color:color-mix(in srgb, var(--color-warning) 45%, white);background:color-mix(in srgb, var(--color-warning) 12%, white)}.status-pill.critical{border-color:color-mix(in srgb, var(--color-error) 45%, white);background:color-mix(in srgb, var(--color-error) 12%, white)}.status-pill.muted{background:var(--color-light-blue-tint)}.button{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 16px;display:inline-flex}.button:disabled{opacity:.7;cursor:not-allowed}.button-primary{background:var(--color-primary-blue);color:#fff}.button-primary:hover{background:#10689d}.button-default{color:var(--color-text-primary);border:1.5px solid var(--color-line-light);background:#fff}.button-default:hover{border-color:var(--color-line-medium);background:#f0f4f7}.button-quiet{color:#10689d;background:0 0}.button-quiet:hover{color:#044d66;background:#f0f4f7}.field-grid{gap:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field span,.detail-grid strong,.preview-block strong,.list-row strong{color:var(--color-text-primary);font-size:14px;line-height:20px}.field input,.field textarea,.field select,.inline-actions select{border:1px solid var(--color-line-light);min-height:44px;color:var(--color-text-body);background:#fff;border-radius:14px;padding:10px 12px}.field textarea{resize:vertical}.preview-block,.coming-soon-panel,.list-row{border:1px solid var(--color-line-light);background:color-mix(in srgb, var(--color-light-blue-tint) 30%, white);border-radius:16px;padding:14px}.plain-list{margin:8px 0 0;padding-left:18px}.tag-row{margin-top:8px}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--color-accent-blue);color:#fff;text-align:left;padding:12px;font-size:14px;font-weight:400;line-height:20px}.data-table td{border:1px solid var(--color-accent-blue);vertical-align:top;padding:12px}.data-table tbody tr:nth-child(2n){background:var(--color-light-blue-tint)}.table-link{color:#10689d}.list-table{flex-direction:column;gap:12px;display:flex}.list-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.empty-state{text-align:center}.auth-layout{background:var(--page-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(420px,100%);padding:28px!important}.login-title{color:var(--color-text-primary);margin:8px 0 0;font-size:28px;font-weight:300;line-height:34px}.login-subtitle{color:var(--color-text-body);margin:12px 0 0;font-size:14px;line-height:22px}.login-form{margin-top:20px}.login-error{color:var(--color-error);margin:0;font-size:14px}.sidebar-footer .button-quiet{color:var(--color-text-reversed);border-color:#ffffff59}.sidebar-footer .button-quiet:hover:not(:disabled){color:var(--color-text-reversed);background:#ffffff1a}@media (max-width:1100px){.cards-grid,.content-grid,.builder-grid,.detail-grid{grid-template-columns:1fr 1fr}}@media (max-width:860px){.app-frame{grid-template-columns:1fr}.sidebar{min-height:auto;position:relative}.cards-grid,.content-grid,.builder-grid,.detail-grid{grid-template-columns:1fr}.topnav,.page-content{padding-left:20px;padding-right:20px}}