@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap');.sslc 600;800&display=swap');

:root{--color-bg: #f3f2f2; --color-surface: #eae9e9; --color-text: #201e1d; --color-accent: #ec3013; --color-accent-2: #e15b47; --color-divider: color-mix(in srgb, #201e1d 40%, transparent); --color-neutral-100: #f8f4f4; --color-neutral-200: #eae7e7; --color-neutral-300: #d7d3d3; --color-neutral-400: #bab6b6; --color-neutral-500: #9b9797; --color-neutral-600: #7d7979; --color-neutral-700: #605d5d; --color-neutral-800: #444141; --color-neutral-900: #2d2b2b; --color-accent-100: #fff2ef; --color-accent-200: #ffe0d9; --color-accent-300: #ffc4b8; --color-accent-400: #ff9783; --color-accent-500: #ff563c; --color-accent-600: #dd2b0f; --color-accent-700: #ae1800; --color-accent-800: #7c1405; --color-accent-900: #4d170e; --color-accent-2-100: #fff2ef; --color-accent-2-200: #ffe0da; --color-accent-2-300: #ffc4b9; --color-accent-2-400: #ff9784; --color-accent-2-500: #ef6853; --color-accent-2-600: #c94b39; --color-accent-2-700: #9e3526; --color-accent-2-800: #71261b; --color-accent-2-900: #471d16; --font-heading: "Archivo", system-ui, sans-serif; --font-heading-weight: 800; --font-body: "Archivo", system-ui, sans-serif; --space-1: 4.0px; --space-2: 8.0px; --space-3: 12.0px; --space-4: 16.0px; --space-6: 24.0px; --space-8: 32.0px; --radius-sm: 0px; --radius-md: 0px; --radius-lg: 0px; --shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent); --shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent); --shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent);}
.sslc{background: var(--color-bg); color: var(--color-text); font-family: var(--font-body);}
.sslc h1,.sslc h2,.sslc h3,.sslc h4{font-family: var(--font-heading); font-weight: var(--font-heading-weight);}
.sslc .grayscale{filter:grayscale(1) contrast(1.08)}
.sslc *,.sslc *::before,.sslc *::after{box-sizing: border-box;}
.sslc{margin: 0; font-size: 15px; line-height: 1.55; font-weight: 400;}
.sslc h1,.sslc h2,.sslc h3,.sslc h4,.sslc h5,.sslc h6{font-family: var(--font-heading); font-weight: var(--font-heading-weight); line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--space-2);}
.sslc h1{font-size: 42px;}
.sslc h2{font-size: 32px;}
.sslc h3{font-size: 25px;}
.sslc h4{font-size: 20px;}
.sslc h5{font-size: 16px;}
.sslc h6{font-size: 13px;}
.sslc h6{letter-spacing: 0.08em; text-transform: uppercase;}
.sslc p{margin: 0 0 var(--space-3);}
.sslc a{color: var(--color-accent); text-underline-offset: 3px;}
.sslc img{display: block; max-width: 100%;}
.sslc figure{margin: 0;}
.sslc figcaption{font-size: 11px; margin-top: var(--space-1); color: color-mix(in srgb, var(--color-text) 55%, transparent);}
.sslc .text-muted{color: color-mix(in srgb, var(--color-text) 55%, transparent);}
.sslc :focus{outline: none;}
.sslc :focus-visible{outline: 2px solid var(--color-accent); outline-offset: 2px;}
.sslc ::selection{background: color-mix(in srgb, var(--color-accent) 30%, transparent);}
.sslc .hr{height: 2px; border: 0; margin: var(--space-4) 0; background: var(--color-divider);}
.sslc .btn{display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; text-decoration: none; font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: 14px; line-height: 1.2; color: var(--color-text); background: transparent; border: 1px solid transparent; padding: var(--space-2) calc(var(--space-3) * 1.2); border-radius: var(--radius-md);}
.sslc .btn svg{display: block;}
.sslc .btn:disabled{opacity: 0.45; cursor: not-allowed;}
.sslc .btn-primary{background: var(--color-accent); color: var(--color-bg);}
.sslc .btn-primary:hover{background: var(--color-accent-600);}
.sslc .btn-primary:active{background: var(--color-accent-700);}
.sslc .btn-secondary{border-color: var(--color-divider);}
.sslc .btn-secondary:hover{background: color-mix(in srgb, var(--color-text) 7%, transparent);}
.sslc .btn-secondary:active{background: color-mix(in srgb, var(--color-text) 14%, transparent);}
.sslc .btn-ghost{color: var(--color-accent); padding-inline: var(--space-1);}
.sslc .btn-ghost:hover{background: color-mix(in srgb, var(--color-accent) 10%, transparent);}
.sslc .btn-ghost:active{background: color-mix(in srgb, var(--color-accent) 18%, transparent);}
.sslc .btn-icon{width: 36px; height: 36px; padding: 0;}
.sslc .btn-block{width: 100%; margin-top: var(--space-2); justify-content: flex-start; text-align: left;}
.sslc .field > label{display: block; font-size: 12px; margin-bottom: 5px; color: color-mix(in srgb, var(--color-text) 70%, transparent);}
.sslc .input{width: 100%; min-height: 36px; padding: 6px 10px; font: inherit; font-size: 14px; color: var(--color-text); caret-color: var(--color-accent); background: var(--color-surface); border: 1px solid var(--color-divider); border-radius: var(--radius-md);}
.sslc .input:hover{border-color: color-mix(in srgb, var(--color-text) 45%, transparent);}
.sslc .input:focus-visible{border-color: var(--color-accent); outline-offset: 0;}
.sslc textarea.input{min-height: 90px; resize: vertical;}
.sslc .radio{display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px;}
.sslc .radio input,.sslc .seg-opt input{position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;}
.sslc .radio .dot{width: 16px; height: 16px; flex: none; border-radius: 50%; border: 1.5px solid var(--color-divider);}
.sslc .radio:hover .dot{border-color: var(--color-accent);}
.sslc .radio input:checked + .dot{border-color: var(--color-accent); background: var(--color-accent); box-shadow: inset 0 0 0 4px var(--color-bg);}
.sslc .radio input:focus-visible + .dot{outline: 2px solid var(--color-accent); outline-offset: 2px;}
.sslc .seg{display: inline-flex; overflow: hidden; border: 1px solid var(--color-divider); border-radius: var(--radius-md);}
.sslc .seg-opt{display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; font-size: 13px; cursor: pointer;}
.sslc .seg-opt + .seg-opt{border-left: 1px solid var(--color-divider);}
.sslc .seg-opt:has(input:checked){background: var(--color-accent); color: var(--color-bg);}
.sslc .seg-opt:not(:has(input:checked)):hover{background: color-mix(in srgb, var(--color-text) 7%, transparent);}
.sslc .seg-opt:has(input:focus-visible){outline: 2px solid var(--color-accent); outline-offset: -2px;}
.sslc .card{display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-surface);}
.sslc .card-kicker{font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent);}
.sslc .card-title{font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: 17px; line-height: 1.2;}
.sslc .card-body{margin: 0; font-size: 13px; opacity: 0.8; flex: 1;}
.sslc .card-meta{display: flex; align-items: center; gap: 6px; font-size: 11px; color: color-mix(in srgb, var(--color-text) 50%, transparent);}
.sslc .elev-sm{box-shadow: var(--shadow-sm);}
.sslc .elev-md{box-shadow: var(--shadow-md);}
.sslc .elev-lg{box-shadow: var(--shadow-lg);}
.sslc .tag{display: inline-flex; align-items: center; font-size: 11px; letter-spacing: 0.02em; padding: 3px 10px; border-radius: calc(var(--radius-md) * 0.75);}
.sslc .tag-accent{background: var(--color-accent-100); color: var(--color-accent-800);}
.sslc .tag-accent-2{background: var(--color-accent-2-100); color: var(--color-accent-2-800);}
.sslc .tag-neutral{background: var(--color-neutral-100); color: var(--color-neutral-800);}
.sslc .tag-outline{border: 1px solid var(--color-accent); color: var(--color-accent);}
.sslc .nav{display: flex; align-items: center; gap: var(--space-4); padding: var(--space-3) var(--space-4); border-bottom: 2px solid var(--color-divider);}
.sslc .nav-brand{font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: 18px; margin-right: auto;}
.sslc .nav a{color: inherit; text-decoration: none; font-size: 14px;}
.sslc .nav a:hover,.sslc .nav a[aria-current='page']{color:var(--color-accent)}.sslc .table{width:100%;border-collapse:collapse;font-size:14px}.sslc .table th{text-align:left;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:2px solid var(--color-divider)}.sslc .table td{padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.sslc .table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.sslc .dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent)}.sslc .dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.sslc .dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.sslc .dialog-body{font-size:14px;opacity:0.85}.sslc .dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.sslc .tag-ok{background:var(--color-ok-100);color:var(--color-ok-800)}.sslc .tag-due{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.sslc{margin:0;background:#e6e4e2;font-family:"Archivo",system-ui,sans-serif}.sslc a{color:var(--color-accent);text-decoration:none}.sslc a:hover{color:var(--color-accent-700)}.sslc .scr{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}.sslc .kick{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-700);font-weight:600}.sslc .h1{font-family:var(--font-heading);font-weight:800;letter-spacing:-.025em;margin:0;margin-left:-.058em;line-height:1.05}.sslc .h2{font-family:var(--font-heading);font-weight:800;letter-spacing:-.015em;margin:0;line-height:1.15}.sslc .bd{font-size:14px;line-height:1.65;margin:0;color:color-mix(in srgb,var(--color-text) 78%,transparent)}.sslc .mut{font-size:12px;color:color-mix(in srgb,var(--color-text) 62%,transparent)}.sslc .cal-cell{padding:8px;min-height:92px;border-right:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);display:flex;flex-direction:column;gap:5px}.sslc .cal-num{font-size:12px;font-weight:600;font-feature-settings:"tnum" 1}.sslc .cal-ev{font-size:10.5px;line-height:1.3;padding:4px 5px;background:var(--color-accent-100);color:var(--color-accent-800);border-left:3px solid var(--color-accent)}.sslc .cal-ev.alt{background:var(--color-neutral-100);color:var(--color-neutral-800);border-left-color:var(--color-text)}.sslc .dow{padding:8px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);border-right:1px solid var(--color-divider);border-bottom:2px solid var(--color-divider)}.sslc .pay{border:1px solid var(--color-divider);padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--color-bg)}.sslc .pay.on{border:2px solid var(--color-accent);background:var(--color-accent-100)}.sslc .stat-n{font-family:var(--font-heading);font-weight:800;font-size:34px;color:var(--color-accent);margin:0;line-height:1}.sslc .stat-l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.sslc .sidelink{display:block;padding:10px 0;font-size:13.5px;color:var(--color-text);border-bottom:1px solid var(--color-divider)}.sslc .sidelink.on{color:var(--color-accent);font-weight:600}.sslc{--color-accent:#254181;--color-accent-100:#e3e8f2;--color-accent-200:#c3cee4;--color-accent-300:#93a6cd;--color-accent-400:#3a5a9e;--color-accent-500:#254181;--color-accent-600:#1f3870;--color-accent-700:#1a2f5e;--color-accent-800:#14244a;--color-accent-900:#0e1a35;--color-accent-2:#ab0635;--color-accent-2-100:#f8e0e7;--color-accent-2-200:#eec0cd;--color-accent-2-300:#dd8ba4;--color-accent-2-400:#c4194a;--color-accent-2-500:#ab0635;--color-accent-2-600:#94042d;--color-accent-2-700:#7d0326;--color-accent-2-800:#63021d;--color-accent-2-900:#450114;--color-ok:#508464;--color-ok-100:#e3ede7;--color-ok-700:#2f5a42;--color-ok-800:#24452f}.sslc{max-width:1180px;margin:0 auto;background:var(--color-bg);color:var(--color-text);font-family:"Archivo",system-ui,sans-serif;font-size:15px;line-height:1.55}.sslc .tag-ok{background:var(--color-ok-100);color:var(--color-ok-800)}.sslc .tag-due{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.sslc .ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;padding:16px;text-align:center;background:repeating-linear-gradient(45deg,#e2e0e0,#e2e0e0 8px,#dad8d8 8px,#dad8d8 16px);color:#5c5959;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sslc a{text-decoration:none;color:var(--color-accent)}.sslc a:hover{color:var(--color-accent-700)}@media (max-width:1023px){.sslc [style*="grid-template-columns"]{grid-template-columns:1fr!important}.sslc [style*="grid-template-columns:repeat(7"]{grid-template-columns:repeat(7,1fr)!important}.sslc .h1{font-size:34px!important}}