:root{--teal-50: #EBF6F3;--teal-100: #D6ECE7;--teal-200: #A9D8CF;--teal-300: #79C3B7;--teal-400: #3FA293;--teal-500: #1A8C7E;--teal-600: #0E7269;--teal-700: #0B5C55;--teal-800: #094A45;--teal-900: #07332F;--clay-300: #E6A584;--clay-500: #D2774E;--clay-600: #BC6440;--clay-soft: #F8E9DF;--bg-canvas: #FBFAF6;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-subtle: #F6F4EE;--bg-tinted: #ECF5F2;--bg-sidebar: #0C2A26;--bg-sidebar-elv: #123A34;--bg-sidebar-hov: rgba(255, 255, 255, .06);--text-primary: #16201E;--text-secondary: #51605C;--text-muted: #8A938E;--text-on-accent: #FFFFFF;--text-sidebar: #C2D2CD;--text-sidebar-mut:#7E938D;--text-sidebar-on:#FFFFFF;--border-subtle: #ECE8DE;--border-default: #DCD6C9;--border-strong: #B9B2A2;--border-sidebar: rgba(255, 255, 255, .09);--accent: #0E7269;--accent-hover: #0B5C55;--accent-active: #094A45;--accent-soft: #EBF6F3;--accent-tint: #79C3B7;--success: #2E875A;--success-soft: #E3F1E8;--warning: #B5781E;--warning-soft: #F8EEDB;--danger: #BE433A;--danger-soft: #F8E3E0;--info: #2C6E8F;--info-soft: #E4EFF4;--violet: #7A5BB0;--violet-soft: #EEE8F6;--clay: #BC6440;--clay-tint: #F8E9DF;--font-display: "Newsreader", "Iowan Old Style", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 36px;--text-5xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-xs: 4px;--radius-sm: 7px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 1px rgba(8, 32, 29, .04);--shadow-sm: 0 1px 2px rgba(8, 32, 29, .05), 0 2px 6px -2px rgba(8, 32, 29, .07);--shadow: 0 2px 4px rgba(8, 32, 29, .05), 0 8px 20px -8px rgba(8, 32, 29, .12);--shadow-lg: 0 6px 12px rgba(8, 32, 29, .07), 0 20px 44px -14px rgba(8, 32, 29, .18);--shadow-focus: 0 0 0 3px rgba(14, 114, 105, .2);--ease: cubic-bezier(.2, .7, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .36s;--sidebar-w: 260px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;color:var(--text-primary);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--bg-canvas);background-image:radial-gradient(at 92% -8%,rgba(14,114,105,.05),transparent 55%),radial-gradient(at -8% 105%,rgba(14,114,105,.04),transparent 55%);background-attachment:fixed;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;font-variation-settings:"SOFT" 50,"WONK" 0;letter-spacing:-.015em;color:var(--text-primary)}.app{min-height:100vh;display:flex}main{flex:1;width:100%;min-width:0}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;max-width:calc(100% - var(--sidebar-w))}.content-inner{padding:var(--space-6) var(--space-7) var(--space-8);flex:1;width:100%;max-width:1240px;margin:0 auto}@media(max-width:768px){.main-content{margin-left:0;max-width:100%}.content-inner{padding:var(--space-5) var(--space-4) var(--space-7)}}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-4);padding:14px var(--space-7);background:#fbfaf6d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle)}.topbar-search{flex:1;max-width:420px;position:relative;display:flex;align-items:center}.topbar-search svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.topbar-search input{width:100%;padding:9px 12px 9px 36px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary)}.topbar-search input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-icon{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.topbar-icon:hover{border-color:var(--border-strong);color:var(--accent)}.topbar-menu{display:none}@media(max-width:768px){.topbar{padding:12px var(--space-4)}.topbar-menu{display:inline-flex}}.sidebar{width:var(--sidebar-w);background-color:var(--bg-sidebar);color:var(--text-sidebar);min-height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid rgba(0,0,0,.35);background-image:radial-gradient(circle at 30% 6%,rgba(63,162,147,.18),transparent 55%),linear-gradient(180deg,var(--bg-sidebar) 0%,#07332F 100%)}.sidebar-header{padding:var(--space-5) var(--space-5) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-sidebar)}.sidebar-logo{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--text-sidebar-on);letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:var(--space-3);font-variation-settings:"SOFT" 30}.sidebar-logo-mark{width:32px;height:32px;flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.sidebar-logo-subtitle{margin-top:2px;font-family:var(--font-sans, inherit);font-size:12px;font-weight:400;letter-spacing:0;color:var(--text-sidebar-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu{list-style:none;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:2px}.sidebar-item{margin:0}.sidebar-link{color:var(--text-sidebar);text-decoration:none;padding:9px var(--space-3);display:flex;align-items:center;gap:11px;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:500;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease);position:relative}.sidebar-link-icon{flex-shrink:0;color:var(--text-sidebar-mut);stroke-width:1.75;transition:color var(--dur) var(--ease)}.sidebar-link:hover{background-color:var(--bg-sidebar-hov);color:var(--text-sidebar-on)}.sidebar-link:hover .sidebar-link-icon{color:var(--accent-tint)}.sidebar-link.active{background-color:var(--bg-sidebar-elv);color:var(--text-sidebar-on)}.sidebar-link.active .sidebar-link-icon{color:var(--accent-tint)}.sidebar-link.active:before{content:"";position:absolute;left:calc(var(--space-3) * -1);top:50%;transform:translateY(-50%);width:3px;height:18px;background-color:var(--accent-tint);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-section{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-sidebar-mut);padding:14px var(--space-3) 6px;list-style:none}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-sidebar);margin-top:auto;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-user{padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);color:var(--text-sidebar);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:500;transition:background-color var(--dur) var(--ease)}.sidebar-user:hover{background-color:var(--bg-sidebar-hov);color:var(--text-sidebar-on)}.sidebar-user:before{content:"";width:28px;height:28px;border-radius:var(--radius-pill);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 60%),linear-gradient(135deg,var(--accent),var(--accent-hover));flex-shrink:0}.sidebar-logout{padding:var(--space-3);background:none;border:none;color:var(--text-sidebar-mut);cursor:pointer;text-align:left;width:100%;font-size:var(--text-sm);font-family:inherit;border-radius:var(--radius-sm);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.sidebar-logout:hover{background-color:#b5343e33;color:#fca5aa}.page-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:500;font-variation-settings:"SOFT" 80,"WONK" 0;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-6);color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-md);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background-color:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.btn-primary:not(:disabled):hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:not(:disabled):hover{background-color:var(--bg-subtle);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:not(:disabled):hover{background-color:var(--bg-subtle);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:var(--text-on-accent);border-color:var(--danger)}.btn-danger:not(:disabled):hover{background-color:#9a2a33;border-color:#9a2a33}.btn-success{background-color:var(--success);color:var(--text-on-accent);border-color:var(--success)}.btn-success:not(:disabled):hover{background-color:#246233;border-color:#246233}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;line-height:1;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-surface, #fff);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease}.icon-btn:hover{background-color:var(--accent-soft);border-color:var(--teal-200);color:var(--accent)}.icon-btn:not(:disabled):active{transform:translateY(1px)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn-primary:hover{background-color:var(--accent-soft);border-color:var(--teal-200);color:var(--accent)}.icon-btn-danger:hover{background-color:var(--danger-soft);border-color:#f1c7c1;color:var(--danger)}.filter-bar .form-label{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:#8a93a3;margin-bottom:.3rem}.filter-bar .form-input{padding:.45rem .6rem;font-size:.9rem}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle);font-size:var(--text-md);color:var(--text-primary)}.table th{background-color:transparent;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-top:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.table tbody tr{transition:background-color var(--dur-fast) var(--ease)}.table tbody tr:hover{background-color:var(--bg-subtle)}.table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.01em}.form-input{width:100%;padding:9px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);background-color:var(--bg-surface);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.form-input:disabled{background-color:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}.loading{text-align:center;padding:var(--space-7);color:var(--text-muted);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase}.error{background-color:var(--danger-soft);color:var(--danger);border:1px solid rgba(181,52,62,.2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;background-color:var(--bg-subtle);color:var(--text-secondary)}.badge-success{background-color:var(--success-soft);color:var(--success)}.badge-warning{background-color:var(--warning-soft);color:var(--warning)}.badge-danger{background-color:var(--danger-soft);color:var(--danger)}.badge-accent{background-color:var(--accent-soft);color:var(--accent-hover)}.badge-info{background-color:var(--info-soft);color:var(--info)}.badge-violet{background-color:var(--violet-soft);color:var(--violet)}.badge-clay{background-color:var(--clay-tint);color:var(--clay)}.badge-neutral{background-color:var(--bg-subtle);color:var(--text-secondary)}.mobile-menu-button{display:none;position:fixed;top:var(--space-3);left:var(--space-3);z-index:1001;background-color:var(--bg-sidebar);color:#fff;border:1px solid var(--border-sidebar);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;box-shadow:var(--shadow)}.mobile-menu-button:hover{background-color:var(--bg-sidebar-elv)}.sidebar-overlay{display:none}@media(max-width:768px){.mobile-menu-button{display:block}.sidebar{transform:translate(-100%);transition:transform var(--dur-slow) var(--ease-out);z-index:1000}.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#08201d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.page-title{font-size:var(--text-3xl)}.card{padding:var(--space-4)}.table th,.table td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}@media(max-width:480px){.content-inner{padding:var(--space-5) var(--space-3) var(--space-6)}.page-title{font-size:var(--text-2xl)}.btn{padding:8px 12px;font-size:var(--text-sm)}}.route-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:9999;background:linear-gradient(90deg,var(--accent),var(--accent-tint),var(--accent));background-size:200% 100%;transform-origin:left;pointer-events:none;animation:route-progress-grow .7s var(--ease-out) forwards,route-progress-shimmer 1.2s linear infinite;box-shadow:0 0 8px #0e726973}@keyframes route-progress-grow{0%{transform:scaleX(0);opacity:0}8%{opacity:1}60%{transform:scaleX(.7)}90%{transform:scaleX(.95)}to{transform:scaleX(1);opacity:0}}@keyframes route-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-spinner{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted)}.page-spinner-mark{animation:page-spinner-pulse 1.4s var(--ease) infinite}.page-spinner-text{font-family:var(--font-sans);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}@keyframes page-spinner-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}.navbar,.nav-container,.nav-logo,.nav-menu,.nav-link{display:none}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background-color:var(--bg-canvas)}.auth-shell-aside{position:relative;background-color:var(--bg-sidebar);color:#fff;padding:var(--space-7);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background-image:radial-gradient(circle at 20% 10%,rgba(121,195,183,.18),transparent 50%),radial-gradient(circle at 90% 90%,rgba(14,114,105,.34),transparent 55%),linear-gradient(180deg,#0c2a26,#07332f)}.auth-shell-aside:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1   0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.6;pointer-events:none;mix-blend-mode:overlay}.auth-aside-brand{display:flex;align-items:center;gap:var(--space-3);position:relative;z-index:1}.auth-aside-brand-name{font-family:var(--font-display);font-variation-settings:"SOFT" 30;font-size:var(--text-2xl);font-weight:500;letter-spacing:-.01em;color:#fff}.auth-aside-tagline{position:relative;z-index:1;max-width:460px}.auth-aside-eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-tint);margin-bottom:var(--space-3)}.auth-aside-line{font-family:var(--font-display);font-variation-settings:"SOFT" 80;font-weight:400;font-size:var(--text-4xl);line-height:1.15;letter-spacing:-.02em;color:#fff;margin-bottom:var(--space-4)}.auth-aside-sub{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.6;color:#ffffffa6}.auth-aside-footer{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:var(--text-xs);color:#ffffff73;letter-spacing:.04em}.auth-shell-main{display:flex;align-items:center;justify-content:center;padding:var(--space-7)}.auth-card{width:100%;max-width:380px}.auth-card-title{font-family:var(--font-display);font-variation-settings:"SOFT" 50;font-size:var(--text-3xl);font-weight:500;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2)}.auth-card-sub{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-6)}@media(max-width:768px){.auth-shell{grid-template-columns:1fr}.auth-shell-aside{padding:var(--space-5);min-height:240px}.auth-aside-line{font-size:var(--text-2xl)}.auth-aside-footer{display:none}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;width:30px;height:3px;background:var(--accent);border-radius:0 0 var(--radius-pill) var(--radius-pill)}.stat-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.stat-top .stat-label{margin-bottom:0}.stat-ico{width:32px;height:32px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)}.stat-ico svg{stroke-width:1.75}.stat-ico--success{background:var(--success-soft);color:var(--success)}.stat-ico--warning{background:var(--warning-soft);color:var(--warning)}.stat-ico--danger{background:var(--danger-soft);color:var(--danger)}.stat-ico--info{background:var(--info-soft);color:var(--info)}.stat-ico--violet{background:var(--violet-soft);color:var(--violet)}.stat-value{font-family:var(--font-display);font-variation-settings:"SOFT" 30;font-size:var(--text-4xl);font-weight:500;letter-spacing:-.025em;color:var(--text-primary);line-height:1;margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.stat-hint{font-size:var(--text-sm);color:var(--text-secondary)}.stat--success:before{background:var(--success)}.stat--warning:before{background:var(--warning)}.stat--info:before{background:var(--info)}.stat--violet:before{background:var(--violet)}.stat-hint{font-size:var(--text-sm);color:var(--text-secondary);margin-top:7px}.stat.clickable,.stat[role=button]{cursor:pointer}.stat.clickable:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:var(--space-6);flex-wrap:wrap}.page-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:8px}.page-desc{color:var(--text-secondary);font-size:var(--text-md);margin-top:6px}.card-title{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);letter-spacing:-.01em;color:var(--text-primary)}.section-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-muted)}.sec{color:var(--text-secondary)}.t-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.t-name{font-weight:600;color:var(--text-primary)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:900px){.dash-cols{grid-template-columns:1fr!important}}.stat--danger:before{background:var(--danger)}