*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f6f7fa;color:#242934;display:flex;min-height:100vh}aside{width:245px;background:#20242e;color:white;min-height:100vh;padding:24px 16px;flex-shrink:0}.brand{font-size:26px;font-weight:900;letter-spacing:2px;margin:0 8px 34px}.brand small{font-size:10px;color:#ff7385;display:block;letter-spacing:4px}nav{display:grid;gap:5px}nav a,aside .link{display:block;padding:12px 13px;color:#e1e4e9;text-decoration:none;border-radius:7px;font-size:14px}nav a:hover,aside .link:hover{background:#343947}aside form{margin-top:25px}.link{border:0;background:transparent;cursor:pointer;width:100%;text-align:left}main{flex:1;min-width:0}header{height:72px;background:#fff;border-bottom:1px solid #e5e6ec;display:flex;align-items:center;justify-content:space-between;padding:0 32px}header strong{font-size:20px}header span{color:#858b96;font-size:12px}.content{padding:30px;max-width:1500px;margin:auto}h2{font-size:18px;margin:30px 0 14px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:0 0 18px;flex-wrap:wrap}.button,button[type=submit]{background:#db374b;border:0;border-radius:7px;color:white;padding:11px 16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#fff;color:#db374b;border:1px solid #e0e1e5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.card,.panel,.editor,.table-wrap{background:white;border:1px solid #e5e7ec;border-radius:11px;box-shadow:0 3px 14px #19203607}.card{padding:20px}.card small{color:#737987}.card strong{display:block;font-size:27px;margin-top:12px}.panel{padding:20px;margin-top:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #eff0f3;padding:11px 13px;white-space:nowrap}th{background:#f9fafc;color:#59616d;font-weight:650}tr:last-child td{border-bottom:0}td a{color:#b92238;text-decoration:none}.editor{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1050px}.editor label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#555d69}.editor input,.editor select,.editor textarea,select,input{padding:10px;border:1px solid #d8dce4;border-radius:6px;background:white;font:inherit;max-width:100%}.editor .actions{grid-column:1/-1}.notice{background:#e7f5ed;color:#22633b;padding:12px;border-radius:7px;margin-bottom:16px}.error{background:#fff0f1;color:#a82030;padding:14px;border-radius:7px}.muted{color:#7b8390}.tag{font-size:11px;background:#f2e7ea;color:#a8273c;border-radius:30px;padding:4px 8px}@media(max-width:800px){body{display:block}aside{width:100%;min-height:0}nav{grid-template-columns:repeat(2,1fr)}header{padding:0 16px}.content{padding:16px}}

.sort-header{border:0;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer;text-align:left;padding:0 17px 0 0;position:relative;white-space:nowrap}
.sort-header::after{content:"⇅";position:absolute;right:0;opacity:.45}
.sort-header.asc::after{content:"▲";opacity:1;color:#db374b;font-size:10px}
.sort-header.desc::after{content:"▼";opacity:1;color:#db374b;font-size:10px}
.sort-header:focus-visible{outline:2px solid #db374b;outline-offset:3px;border-radius:2px}

.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:5px 10px;font-size:12px;font-weight:650;color:var(--status-color);background:color-mix(in srgb,var(--status-color) 12%,white);border:1px solid color-mix(in srgb,var(--status-color) 30%,white)}
.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--status-color)}
input[type=color]{min-width:45px;width:52px;height:40px;padding:4px;cursor:pointer}