/* L’Horizon beheer • design system v1.0.1 */
:root{color-scheme:light;--ink:#25282c;--muted:#686b70;--red:#a3474c;--red-dark:#84383e;--border:#e7e5e3;--paper:#fff;--wash:#faf9f8;--focus:#a3474c;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);line-height:1.5}button,input,select,textarea{font:inherit}a{color:var(--red-dark);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dfacaf;outline-offset:2px}
.site-header{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:16px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--border);background:#fff;min-height:78px}.brand{font-size:1.32rem;font-weight:800;letter-spacing:-.055em;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{color:var(--red)}.site-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.site-nav .nav-link{font-size:.91rem;font-weight:550;color:#55565b;padding:10px 12px;border-radius:7px;transition:background .15s,color .15s}.site-nav .nav-link:hover{background:#f7f3f2;color:var(--red-dark);text-decoration:none}.site-nav .nav-link.is-active{color:var(--red-dark);background:#faf0ef;font-weight:700}.logout-form{margin-left:auto;flex:0 0 auto}.logout-form .button-quiet{border:1px solid var(--border);background:#fff;color:#49464b;font-size:.9rem;padding:9px 13px;border-radius:7px;cursor:pointer}.logout-form .button-quiet:hover{background:var(--wash);border-color:#cbc6c5}
.main-content{max-width:1120px;margin:0 auto;padding:47px 24px 90px}.page-heading{margin:0 0 35px;padding-bottom:22px;border-bottom:1px solid var(--border)}.eyebrow{color:var(--red);font-size:.69rem;font-weight:800;letter-spacing:.16em;margin-bottom:9px}h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.12;letter-spacing:-.055em;font-weight:750;margin:0}h2{font-size:1.23rem;letter-spacing:-.025em;font-weight:700;margin:38px 0 17px}p{color:#56565b;line-height:1.7;margin:16px 0 22px}code{font-size:.89em;overflow-wrap:anywhere;background:#f5f4f3;padding:2px 5px;border-radius:3px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-bottom:1px solid var(--border);padding:4px 0 30px;margin-bottom:26px}.stats>div{min-width:0}.stats strong{display:block;font-size:2.45rem;font-weight:750;line-height:1.15;letter-spacing:-.05em;color:var(--ink)}.stats span{display:block;margin-top:7px;font-size:.89rem;color:var(--muted)}
form:not(.logout-form){max-width:780px}label{display:block;margin:0 0 19px;font-size:.89rem;font-weight:650;color:#424247}input:not([type=hidden]),select,textarea{display:block;width:100%;max-width:100%;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid #d6d5d5;border-radius:7px;background:#fff;color:var(--ink);font-size:.96rem;font-weight:400;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#aaa5a4}input:focus,select:focus,textarea:focus{border-color:var(--focus);outline:0;box-shadow:0 0 0 3px #a3474c22}input::placeholder,textarea::placeholder{color:#939094}input:disabled,select:disabled{background:#f6f5f4;color:#777;cursor:not-allowed}select{cursor:pointer}textarea{min-height:120px;resize:vertical}.row{display:flex;flex-wrap:wrap;gap:18px;align-items:end}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 18px;border:1px solid #2e3034;border-radius:7px;background:#2e3034;color:#fff;font-weight:650;font-size:.9rem;line-height:1.3;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button:hover,.button:hover{background:#494349;border-color:#494349;color:#fff;text-decoration:none}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}.button-secondary{background:#fff;color:var(--ink);border-color:#d4d1d0}.button-secondary:hover{background:#f6f4f3;color:var(--ink)}.button-danger{background:#a53c44;border-color:#a53c44}.button-danger:hover{background:#842c34;border-color:#842c34}
table{border-collapse:collapse;width:100%;margin:15px 0 32px;font-size:.91rem}th,td{text-align:left;padding:13px 14px 13px 0;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}th{font-size:.73rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:#757279;border-bottom:2px solid #dedbd9}tbody tr:hover{background:#fdfcfb}td{color:#424247}.notice{padding:15px 18px;margin:18px 0 25px;background:#fbf4f3;border-left:3px solid var(--red);border-radius:0 6px 6px 0;color:#683b40}.notice-success{background:#f0f8f2;border-color:#46805b;color:#315e40}.notice-error{background:#fdf1f1;border-color:#b53d46;color:#812f37}.muted{color:var(--muted)}
@media(max-width:900px){.site-header{gap:15px}.site-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.site-nav .nav-link{white-space:nowrap}.logout-form{margin-left:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding-top:32px}}
@media(max-width:600px){.site-header{padding:14px 18px}.main-content{padding:30px 18px 70px}.stats{gap:20px 14px}.stats strong{font-size:2rem}table{display:block;overflow-x:auto;white-space:nowrap}th,td{padding-right:20px}h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}