:root{--ink:#24131b;--muted:#776a70;--wine:#7b1738;--rose:#bd2f61;--cream:#fbf7f3;--line:#eadfd9;--green:#16855b;--red:#b4233b;--white:#fff;--shadow:0 18px 50px rgba(72,27,43,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:#2a101b;color:#fff}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#d33b6d,#f2a16e);font-family:Georgia,serif;font-weight:800}.brand strong,.brand span{display:block}.brand strong{font:700 19px Georgia,serif}.brand span{margin-top:3px;color:#d8bdc7;font-size:12px}.nav-label{margin:24px 12px 8px;color:#9f7d89;font-size:11px;font-weight:800;letter-spacing:.12em}.nav-item{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;padding:12px 13px;background:transparent;color:#eadde2;font-size:14px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#4b1a2d;color:#fff}.nav-item b{min-width:28px;padding:3px 8px;border-radius:20px;background:rgba(255,255,255,.09);font-size:11px}.security-note{position:absolute;left:26px;bottom:26px;color:#cdb8c0;font-size:12px}.dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#3bd29d;box-shadow:0 0 0 4px rgba(59,210,157,.12)}.main{min-width:0;padding:42px 46px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.eyebrow{margin:0 0 7px;color:var(--rose);font-size:11px;font-weight:800;letter-spacing:.15em}.topbar h1{margin:0;font:700 34px Georgia,serif}.subtitle{margin:8px 0 0;color:var(--muted);font-size:14px}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer}.button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--wine);color:#fff;box-shadow:0 8px 18px rgba(123,23,56,.18)}.secondary,.ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}.ghost{padding:10px 13px}.danger{background:var(--red);color:#fff}.danger-text{color:var(--red)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.stats span,.stats small{display:block}.stats span{color:var(--muted);font-size:13px;font-weight:700}.stats strong{display:block;margin:7px 0 4px;font:700 30px Georgia,serif}.stats small{color:#9a8d92;font-size:11px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.panel-head h2{margin:0;font:700 22px Georgia,serif}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.panel-actions{display:flex;align-items:center;gap:9px}.search{display:flex;align-items:center;gap:7px;width:260px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.search span{font-size:20px;color:var(--muted)}.search input{width:100%;border:0;outline:0;padding:11px 0;background:transparent}.notice{margin:0 24px 18px;padding:12px 14px;border-radius:10px;background:#eef9f5;color:#126347;font-size:13px}.notice.error{background:#fff0f2;color:#9d1c34}.table-wrap{overflow:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:15px 18px;border-bottom:1px solid #f1e9e5;text-align:left;font-size:13px}th{background:#fcfaf8;color:#786a70;font-size:11px;letter-spacing:.03em;text-transform:uppercase}.right{text-align:right}.scope-badge,.status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.scope-badge{background:#f5e8ed;color:var(--wine)}.scope-badge.v2{background:#e9eefb;color:#354f9a}.status.active{background:#e8f7f1;color:#137451}.status.inactive{background:#f1edee;color:#74666b}.row-actions{display:flex;justify-content:flex-end;gap:7px}.small-btn{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.small-btn.delete{color:var(--red)}.empty{text-align:center;color:var(--muted);padding:45px}footer{padding:20px 4px;color:#8a7d82;font-size:11px}dialog{width:min(480px,calc(100vw - 30px));border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(40,12,23,.25)}dialog::backdrop{background:rgba(35,15,23,.55);backdrop-filter:blur(3px)}dialog form{padding:26px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-head h2,dialog>form>h2{margin:0 0 20px;font:700 24px Georgia,serif}.icon-button{border:0;background:transparent;font-size:25px;color:var(--muted);cursor:pointer}dialog label{display:block;margin-top:16px;color:#4f4247;font-size:12px;font-weight:800}dialog input,dialog select{width:100%;margin-top:7px;padding:12px;border:1px solid #dacdc8;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.form-help,.warning-copy,#confirmText{color:var(--muted);font-size:13px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.warning-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:15px;border-radius:50%;background:#fff0f2;color:var(--red);font-size:24px;font-weight:900}
@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px}.brand{padding-bottom:15px}.sidebar nav{display:flex;gap:6px;overflow:auto}.nav-label,.security-note{display:none}.nav-item{min-width:max-content}.main{padding:26px 18px}.stats{grid-template-columns:repeat(2,1fr)}.panel-head{align-items:flex-start;flex-direction:column}.panel-actions{width:100%;flex-wrap:wrap}.search{width:100%}}
@media(max-width:620px){.topbar{gap:12px}.topbar h1{font-size:28px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:16px}.stats strong{font-size:25px}.panel-actions .button{flex:1}.main{padding:20px 12px}th,td{padding:13px 14px}}