:root{--purple:#61249b;--purple-2:#7b3bb4;--ink:#211a2b;--muted:#8b8293;--line:#ece8f1;--bg:#f8f7fb;--white:#fff;--green:#3d9b75;--amber:#d79b24;--red:#d85c73;--header-height:60px}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font:13px Arial,Helvetica,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.global-header{height:var(--header-height);background:var(--white);border-bottom:1px solid var(--line);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.header-left{align-items:center;gap:20px;display:flex}.menu-toggle{color:var(--purple);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.menu-toggle:hover{background:var(--bg)}.header-brand{align-items:center;gap:10px;display:flex}.header-right{align-items:center;gap:20px;display:flex}.logout-btn{color:var(--muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.logout-btn:hover{color:var(--red);background:#fdf2f4}.mark{width:29px;height:21px;position:relative}.mark i{background:#9b4bd2;border-radius:5px;width:10px;height:23px;position:absolute;transform:skew(-28deg)}.mark i:first-child{top:3px;left:0}.mark i:nth-child(2){background:#7d31bb;top:0;left:9px}.mark i:nth-child(3){background:#5c249a;top:-3px;left:18px}.header-brand strong{color:#60279b;letter-spacing:1px;font-size:19px;display:block}.header-brand small{color:#aaa0ae;margin-top:2px;font-size:9px;display:block}.body-wrapper{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--white);border-right:1px solid var(--line);z-index:90;flex-direction:column;width:250px;transition:transform .3s,width .3s;display:flex;position:relative;overflow-y:auto}.sidebar.closed{width:64px}.sidebar-content{min-width:100%;padding:28px 15px}.sidebar.closed .sidebar-content{padding:28px 8px}.sidebar.closed .label,.sidebar.closed .nav span,.sidebar.closed .nav em,.sidebar.closed .user-profile-info{display:none}.sidebar.closed .nav button{justify-content:center;padding:12px}.user-profile{border-top:1px solid var(--line);color:#766c7d;justify-content:center;padding:18px 8px 0;display:flex}.label{letter-spacing:1.3px;color:#a69dab;padding:0 14px 13px;font-size:10px}.nav{gap:5px;display:grid}.nav button{text-align:left;color:#756c7d;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.nav button.active{color:var(--purple);background:#f0e7fb;font-weight:700}.nav em{background:#f2eef5;border-radius:12px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.spacer{flex:1}.main{flex:1;min-width:0;overflow-y:auto}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:26px 40px 25px;display:flex}.eyebrow{letter-spacing:1px;color:#aaa0ae;text-transform:uppercase;font-size:10px}.topbar h1{margin:10px 0 5px;font-size:25px}.topbar p{color:#9a909e;margin:0}.actions{align-items:center;gap:10px;display:flex}.search{background:#fff;border:1px solid #e8e2ed;border-radius:8px;outline:none;width:235px;height:40px;padding:0 12px}.btn{color:#633092;background:#fff;border:1px solid #dfd6e6;border-radius:8px;padding:11px 14px;font-weight:700}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.content{padding:29px 40px}.cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:10px}.card{padding:18px}.card small{color:#9a919f;display:block}.card strong{margin:10px 0 5px;font-size:25px;display:block}.purple{color:var(--purple)}.amber{color:var(--amber)}.green{color:var(--green)}.grid{grid-template-columns:1.4fr .9fr;gap:14px;margin-top:14px;display:grid}.panel{padding:21px}.panel h2{margin:0 0 5px;font-size:15px}.panel p{color:#9a919f;margin:0;font-size:11px}.chart{align-items:center;gap:38px;min-height:240px;display:flex}.donut{background:conic-gradient(var(--purple) 0 43%,#dfb034 43% 43%,#d55b74 43% 43%,#e1dce5 43%);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.donut:after{content:"";background:#fff;border-radius:50%;width:105px;height:105px}.donut span{font-size:24px;font-weight:700;position:absolute}.legend{color:#958b9d;gap:15px;display:grid}.legend div{grid-template-columns:10px 1fr 28px;align-items:center;gap:8px;display:grid}.legend i{background:var(--purple);border-radius:50%;width:8px;height:8px}.legend i.amber{background:#dfb034}.legend i.red{background:#d55b74}.legend i.gray{background:#d6d0dc}.legend b{color:var(--ink)}.insights{gap:12px;display:grid}.insight{align-items:center;gap:13px;display:flex}.insight b{margin-top:7px;font-size:20px;display:block}.insight span{color:#958b9d;font-size:11px}.toolbar{justify-content:space-between;align-items:center;margin:27px 0 12px;display:flex}.toolbar h2{margin:0;font-size:16px}.table-wrap{overflow:auto}.table{border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid #f0edf3;padding:13px 16px;font-size:11px}.table th{color:#9a909e;background:#fcfbfd;font-weight:400}.table td b{display:block}.table td small{color:#9a909e}.status{color:var(--green);background:#eaf7f0;border-radius:12px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.status.pending{color:#8a7b91;background:#f2eef4}.empty{text-align:center;color:#9c92a0;padding:26px}.hidden{display:none}.login-container{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--white);border:1px solid var(--line);border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 12px #0000001a}.login-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:30px;display:flex}.login-form{flex-direction:column;gap:15px;display:flex}.login-form label{color:var(--ink);font-size:12px;font-weight:700}.login-form input,.login-form select{border:1px solid var(--line);border-radius:8px;outline:none;padding:12px}.login-form input:focus,.login-form select:focus{border-color:var(--purple)}.login-btn{background:var(--purple);color:var(--white);border:none;border-radius:8px;margin-top:10px;padding:12px;font-size:14px;font-weight:700;transition:opacity .2s}.login-btn:hover{opacity:.9}@media (width<=980px){.topbar,.content{padding-left:22px;padding-right:22px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.actions .search{width:170px}}@media (width<=650px){.sidebar{height:100%;position:absolute}.sidebar.closed{transform:translate(-100%)}.topbar{display:block}.actions{flex-wrap:wrap;margin-top:18px}.content{padding:18px 12px}.cards{gap:8px}.card{padding:13px}.card strong{font-size:21px}.chart{justify-content:center;gap:15px}.donut{width:120px;height:120px}.donut:after{width:84px;height:84px}.legend{font-size:10px}.topbar h1{font-size:22px}}