@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');:root{--plum:#604652;--deep:#49303f;--gold:#c5a775;--cream:#faf8f5;--ink:#342b30;--muted:#8d8286;--line:#eee7e8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--deep);color:white;padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{font-size:23px;font-weight:800;letter-spacing:3px;padding:10px 12px 36px}.brand span,.mobile-brand span{color:#d9bc8e;font-weight:500}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:#c7b4bd;margin-top:8px}.nav-label{font-size:10px;letter-spacing:2px;color:#b7a0ad;padding:18px 13px 10px}.nav{display:grid;gap:5px}.nav a,.nav .disabled{display:flex;gap:13px;align-items:center;padding:14px;border-radius:11px;font-size:13px}.nav a:hover,.nav a.active{background:#ffffff20;color:#f1d8ae}.nav .disabled{opacity:.45;cursor:not-allowed}.sidebar-foot{margin-top:auto;font-size:10px;letter-spacing:2px;color:#a88d9b;padding:15px}.workspace{flex:1;min-width:0}.topbar{height:84px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 38px}.crumb{font-size:12px;letter-spacing:1.4px;color:#9d8d96;font-weight:700;margin-right:auto}.crumb span{color:var(--deep)}.top-user{display:flex;align-items:center;gap:10px}.top-user strong,.top-user small{display:block;font-size:12px}.top-user small{color:var(--muted);margin-top:3px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f1e8ec;color:var(--plum);font-weight:800}.logout,.menu-btn{background:none;border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--plum)}.menu-btn{display:none}.main{max-width:1550px;margin:auto;padding:38px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{color:#a78353;font-size:10px;font-weight:800;letter-spacing:2.5px}.page-heading h1{font-size:35px;margin:10px 0;letter-spacing:-1.2px}.gold{color:var(--gold)}.page-heading p,.panel-head p{font-size:13px;color:var(--muted);margin:6px 0}.date-chip{background:#fff;border:1px solid var(--line);padding:11px 17px;border-radius:10px;color:var(--plum);font-size:12px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;min-height:172px}.stat-card.feature{background:linear-gradient(135deg,#765867,#49303f);color:white}.stat-label{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#998a90}.feature .stat-label,.feature .stat-foot{color:#eadde4}.stat-value{font-size:34px;font-weight:800;margin:20px 0 10px;letter-spacing:-1px}.stat-icon{font-size:23px;color:#e4c99e}.stat-foot{font-size:11px}.tier-tag{display:inline-block;padding:6px 10px;border-radius:30px;background:#f4eff1;color:#77535d;font-size:11px;font-weight:700}.tier-tag.bronze{background:#f3e6de;color:#966d4e}.tier-tag.silver{background:#edf0f4;color:#647183}.tier-tag.gold{background:#fbf1d7;color:#9b772f}.tier-tag.diamond{background:#eaf2f7;color:#447c94}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:26px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel h2{font-size:17px;margin:0}.subtle-link{color:var(--plum);font-size:12px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{background:#faf7f8;color:#94868d;font-size:10px;letter-spacing:1px;text-transform:uppercase}th,td{padding:15px;border-bottom:1px solid #f1ebed}td{color:#665b60}td strong{color:var(--ink)}.searchbar{display:flex;gap:10px;margin-bottom:20px}.searchbar input{max-width:480px}.searchbar input,.form-grid input,.form-grid select,.reset-form input,.login-card input{width:100%;border:1px solid #e6dfe2;border-radius:10px;padding:13px;background:white;outline:none}.searchbar input:focus,.form-grid input:focus,.login-card input:focus{border-color:var(--gold)}.primary{border:0;border-radius:10px;padding:14px 18px;background:var(--plum);color:white;font-weight:700}.primary.small{padding:12px 20px}.pagination{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:20px;font-size:12px;color:var(--muted)}.pagination a{color:var(--plum);font-weight:700}.users-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:22px}.users-grid .panel{margin-top:0}.form-grid{display:grid;gap:16px}.form-grid label,.login-card label{display:grid;gap:8px;font-size:12px;font-weight:700;color:var(--deep)}.role-info{font-size:13px;line-height:1.7}.role-info strong{color:var(--plum)}.role-info p{color:var(--muted);margin:4px 0 18px}.row-actions{display:flex;gap:10px;align-items:center}.text-btn{background:none;border:0;color:var(--plum);font-size:11px;font-weight:700}.text-btn:disabled{opacity:.3}.reset-form{display:flex;gap:4px;align-items:center}.reset-form input{width:145px;padding:8px;font-size:11px}.flash{padding:14px 18px;border-radius:10px;background:#e8f4ed;color:#266345;font-size:13px;margin-bottom:20px}.flash.error{background:#fae9e9;color:#9d3636}.login-body{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-art{background:radial-gradient(circle at 80% 80%,#866b78,#49303f 70%);color:white;min-height:100vh}.art-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:55px 70px}.art-inner h1{font-size:clamp(32px,3.5vw,55px);line-height:1.2;letter-spacing:-2px}.art-inner h1 em{font-style:normal;color:#e1c397}.art-inner p{color:#e0d3db;font-size:15px;line-height:1.7;max-width:410px}.art-bottom{font-size:10px;letter-spacing:2px;color:#d4bcc7}.login-area{display:grid;place-items:center;padding:35px}.login-card{width:min(100%,420px)}.login-card h2{font-size:38px;margin:13px 0}.login-card>p{color:var(--muted);font-size:13px;margin-bottom:35px}.login-card form{display:grid;gap:22px}.login-card .primary{margin-top:6px}.login-note{font-size:11px;color:var(--muted);margin-top:30px;line-height:1.6}.mobile-brand{display:none}.login-card .flash{margin-bottom:20px}@media(max-width:1250px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:230px}.main{padding:28px}}@media(max-width:850px){.sidebar{position:fixed;left:0;top:0;z-index:30;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-btn{display:block}.topbar{padding:0 20px}.main{padding:22px}.users-grid{grid-template-columns:1fr}.login-body{grid-template-columns:1fr}.login-art{display:none}.mobile-brand{display:block;color:var(--deep);font-size:22px;font-weight:800;letter-spacing:2px;margin-bottom:45px}.login-area{min-height:100vh}}@media(max-width:560px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px;min-height:145px}.stat-value{font-size:28px}.page-heading h1{font-size:28px}.page-heading{align-items:flex-start;flex-direction:column}.top-user div:not(.avatar){display:none}.crumb{font-size:10px}.topbar{gap:8px}.logout{padding:9px;font-size:11px}.panel{padding:16px}.searchbar{flex-wrap:wrap}}