:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1e293b;background:#f4f6fa;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:#315be8;text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;width:246px;inset:0 auto 0 0;background:#fff;border-right:1px solid #e4e8f0;padding:30px 22px;overflow:auto}.brand{font-size:30px;font-weight:800;letter-spacing:-1px;color:#17213b}.brand span{color:#4264ed}.brand small{font-size:13px;letter-spacing:2px;background:#edf1ff;border-radius:6px;padding:6px;margin-left:5px;color:#4264ed}nav{display:grid;gap:7px;margin:32px 0}nav a{padding:11px 15px;border-radius:9px;color:#626e82}nav a.active{background:#edf1ff;color:#315be8;font-weight:600}main{margin-left:246px;padding:36px 42px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:30px;line-height:1.2;margin:8px 0}h2{font-size:20px;margin:0 0 18px}h3{font-size:16px;margin:8px 0}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#8b94a8}.badge,.status{display:inline-block;color:#347968;background:#e9f5f0;padding:6px 11px;border-radius:20px;font-size:12px}.muted,small{color:#8490a4}.panel{background:white;border:1px solid #e5e9f2;border-radius:14px;padding:26px;margin-bottom:24px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.metrics article{background:white;border:1px solid #e5e9f2;border-radius:12px;padding:22px}.metrics span{display:block;color:#788498;font-size:14px}.metrics strong{display:block;font-size:34px;font-weight:650;margin-top:8px}.workspace{display:grid;grid-template-columns:minmax(300px,0.85fr) minmax(350px,1.15fr);gap:24px;align-items:start}label{display:block;font-size:14px;font-weight:500;margin:0 0 16px}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid #d7deeb;border-radius:8px;background:#fff;color:#263247;margin-top:6px}input:focus,textarea:focus,select:focus{outline:2px solid #b7c5ff;border-color:#4264ed}textarea{resize:vertical;min-height:90px}button{font:inherit;font-size:14px;font-weight:600;border:0;background:#4264ed;color:white;border-radius:8px;padding:11px 19px;cursor:pointer}button:hover{filter:brightness(.94)}button.secondary{background:#eef2fa;color:#50617d}.check{display:flex;align-items:center;gap:9px}.check input{width:18px;margin:0}.assignment{display:flex;gap:10px;align-items:center;margin-bottom:10px}.assignment label{flex:1;margin:0}.assignment>input{width:80px}.copy{display:flex;gap:8px;align-items:center;margin:12px 0}.copy textarea{font:12px Consolas,monospace;min-height:65px;margin:0;background:#f7f9fe}.record{padding:20px 0;border-bottom:1px solid #edf0f6;overflow-wrap:anywhere}.record:first-of-type{padding-top:0}.record>div:first-child{display:flex;justify-content:space-between;gap:10px}.record:last-child{border:0}.record small{display:block}.error,.success{padding:14px;border-radius:8px;background:#fff0ef;color:#a43431}.success{background:#e8f7ef;color:#27724b}.filters{display:flex;gap:15px;align-items:end}.filters label{max-width:210px;margin:0}.filters button{margin-bottom:1px}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:13px 12px;border-bottom:1px solid #edf0f6;text-align:left}th{color:#8590a2;font-weight:500;white-space:nowrap}td:first-child{max-width:460px;overflow-wrap:anywhere}code{background:#f0f3fa;padding:3px 6px;border-radius:4px}.preview{max-width:100%;max-height:180px;margin-bottom:15px}.narrow{max-width:600px}.login{margin:9vh auto;padding:36px;max-width:440px;background:white;border:1px solid #e5e9f2;border-radius:16px}.login h1{font-size:25px;margin-top:26px}.login button{width:100%}@media(max-width:1000px){main{padding:28px 22px;margin-left:205px}aside{width:205px;padding:25px 15px}.workspace{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:auto;padding:15px}aside .muted,aside form{display:none}nav{display:flex;overflow:auto;margin:12px 0 0;gap:2px}nav a{white-space:nowrap;padding:8px;font-size:13px}main{margin:0;padding:20px 14px}header{align-items:start}.badge{display:none}.metrics{gap:10px}.metrics article{padding:15px}.metrics strong{font-size:27px}.panel{padding:18px}.filters{flex-wrap:wrap}.filters label{width:calc(50% - 10px)}.copy{flex-direction:column;align-items:stretch}.login{margin:25px 14px;padding:25px}}
table{min-width:640px}

.button{display:inline-block;font-size:14px;font-weight:600;background:#4264ed;color:#fff;border-radius:8px;padding:11px 19px;text-align:center}.button.secondary{background:#eef2fa;color:#50617d}.list-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.editor{max-width:850px}.editor h2{margin-top:20px}.record-heading{align-items:center;justify-content:flex-start!important}.record-heading>div{flex:1;min-width:0}.thumbnail{width:80px;height:64px;object-fit:contain;border:1px solid #edf0f6;border-radius:8px}.status.inactive{background:#edf0f6;color:#69758a}.record-meta{display:flex;flex-wrap:wrap;gap:20px 45px;margin:20px 0}.record-meta dt{color:#8490a4;font-size:13px}.record-meta dd{margin:3px 0 0;font-weight:600}.record-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.record-actions form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.danger{background:#fff0ef;color:#a43431}.delete-check{margin:0;font-size:12px;color:#8490a4}.empty-state{padding:30px 0;text-align:center}.record-list .record{padding:24px 0}.record-list .record:first-child{padding-top:0}.record-list .record:last-child{padding-bottom:0}@media(max-width:650px){.list-toolbar{align-items:stretch;flex-direction:column}.record-heading{flex-wrap:wrap}.record-meta{gap:14px 24px}.record-actions>a,.record-actions>button{flex:1}.record-actions form{width:100%}input,select,textarea{min-width:0}.assignment label{min-width:0;overflow-wrap:anywhere}.record-heading .status{flex-shrink:0}header>div{min-width:0}.eyebrow{overflow-wrap:anywhere}}
.record-actions .button,.record-actions button{overflow-wrap:normal;word-break:normal;white-space:nowrap}@media(max-width:650px){.record-actions>a,.record-actions>button{flex:1 1 130px}.record-actions form{flex-basis:100%}.record-meta>div{min-width:110px}}
/* Compact, flat administration layout. */
:root{font-size:14px;line-height:1.4}
aside{width:200px;padding:20px 16px}.brand{font-size:25px}.brand small{font-size:11px;padding:4px;border-radius:2px}nav{gap:3px;margin:20px 0}nav a{padding:8px 10px;border-radius:2px}
main{margin-left:200px;padding:22px 26px}header{margin-bottom:16px}h1{font-size:24px;margin:5px 0}h2{font-size:17px;margin-bottom:12px}h3{font-size:14px;margin:3px 0}.eyebrow{font-size:10px;letter-spacing:1px;margin:0 0 5px}
.panel{border:1px solid #cfd7e3;border-radius:0;padding:16px;margin-bottom:14px;box-shadow:none}.badge,.status{padding:3px 7px;border-radius:2px;font-size:11px}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}.metrics article{padding:12px;border-radius:0;border-color:#cfd7e3}.metrics span{font-size:12px}.metrics strong{font-size:25px;margin-top:4px}
label{font-size:13px;margin-bottom:10px}input,select,textarea{padding:7px 9px;border-radius:2px;margin-top:4px}textarea{min-height:70px}button,.button{font-size:12px;padding:7px 11px;border-radius:2px;line-height:1.4}.check{gap:6px}.check input{width:15px;height:15px}.assignment{gap:8px;margin-bottom:6px}.assignment>input{width:70px}.copy{margin:8px 0;gap:6px}.copy textarea{min-height:48px}.filters{gap:10px}.filters label{max-width:180px}.error,.success{padding:9px 12px;border-radius:2px;margin:10px 0}table{font-size:12px}th,td{padding:8px 9px;border-bottom-color:#d8dfe9}th{background:#f7f9fc}code{padding:2px 4px;border-radius:2px;font-size:12px}.preview{max-height:130px;margin-bottom:10px}.workspace{gap:14px}.editor{max-width:760px}.editor h2{margin-top:12px}.list-toolbar{gap:10px;margin-bottom:12px}.list-toolbar p{margin:0}.thumbnail{width:54px;height:44px;border-radius:0;flex-shrink:0}
.record-list{padding:0}.record-list .record,.record-list .record:first-child,.record-list .record:last-child{padding:12px 14px;border-bottom:1px solid #bec9d8}.record-list .record:last-child{border-bottom:0}.record-heading{gap:8px!important}.record-meta{gap:8px 22px;margin:9px 0}.record-meta dt{font-size:11px;color:#6d7b90}.record-meta dd{font-size:13px;margin-top:2px}.record-actions{gap:5px}.record-actions form{gap:6px}.delete-check{font-size:11px}.empty-state{padding:20px 14px}.record{padding:12px 0;border-bottom-color:#bec9d8}.login{padding:24px;border-radius:0}.login h1{font-size:22px;margin-top:18px}
@media(min-width:1250px){.record-list .record{display:grid;grid-template-columns:minmax(180px,1fr) minmax(270px,1.2fr) minmax(300px,1.4fr);gap:10px 18px;align-items:center}.record-list .record-meta{margin:0;gap:8px 18px}.record-list .record-heading{flex-wrap:wrap}.record-list .record-heading .status{flex:none}.record-list .record>p,.record-list .record>.copy{grid-column:1/-1}}
@media(max-width:1000px){aside{width:180px;padding:18px 12px}main{margin-left:180px;padding:18px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:1fr}}
@media(max-width:650px){aside{width:auto;padding:12px;position:static}nav{margin:8px 0 0;gap:2px}nav a{padding:6px 8px;font-size:12px}main{margin:0;padding:14px 10px}header{margin-bottom:12px}h1{font-size:22px}.panel{padding:12px;margin-bottom:12px}.record-list{padding:0}.record-list .record,.record-list .record:first-child,.record-list .record:last-child{padding:11px 12px}.metrics{gap:6px}.metrics article{padding:9px}.metrics strong{font-size:22px}.metrics span{font-size:11px}.list-toolbar{gap:8px}.list-toolbar .button{align-self:flex-start}.record-meta{gap:7px 16px;margin:8px 0}.record-meta>div{min-width:0}.record-actions>a,.record-actions>button{flex:0 1 auto}.record-actions form{width:auto;flex-basis:auto}.record-actions{gap:5px}.record-actions form[data-confirm]{flex-basis:100%}.filters{gap:8px}.filters label{width:calc(50% - 5px)}.login{margin:20px 10px;padding:20px}}

/* Keep list columns aligned across records, regardless of label length. */
.record-list .record-meta{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr) minmax(0,.8fr);column-gap:14px}.record-list .record-meta>div{min-width:0}.record-list .record-meta dt{min-height:2.8em}.record-list .record-meta dd{margin-top:1px}
@media(min-width:1250px){.record-list .record:has(.record-meta){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 350px}.record-list .record-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 66px;align-items:center;gap:8px!important}.record-list .record-heading .status{justify-self:end;text-align:center}.record-list .record-heading:not(:has(code)){grid-template-columns:54px minmax(0,1fr) 66px}.record-list .record-heading:not(:has(code))>div{grid-column:2;grid-row:1}.record-list .record-heading:not(:has(code))>.thumbnail{grid-column:1;grid-row:1}.record-list .record-heading:not(:has(code))>.status{grid-column:3;grid-row:1}.record-list .record-actions{display:grid;grid-template-columns:105px 90px minmax(0,1fr);gap:5px;align-items:start}.record-list .record-actions>form:not([data-confirm]){grid-column:2}.record-list .record-actions>form:not([data-confirm]) button{width:100%}.record-list .record-actions>form[data-confirm]{grid-column:1/-1}.record-list .record-meta{gap:6px 14px}}
@media(max-width:650px){.record-list .record-meta{column-gap:10px}.record-list .record-meta dt{font-size:10px}.record-list .record-meta dd{font-size:12px}}