: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:10px;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:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin:29px 40px 0;padding:15px 25px;display:flex}.eyebrow{letter-spacing:1px;color:#aaa0ae;text-transform:uppercase;font-size:10px;display:none}.topbar h1{color:var(--ink);margin:0;font-size:24px;font-weight:600}.topbar p{display:none}.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:20px 40px 30px}.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:360px;padding:40px;box-shadow:0 4px 12px #0000001a}.login-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.login-header-text{text-align:center;color:var(--muted);margin-bottom:25px;font-size:14px}.login-form{flex-direction:column;gap:15px;display:flex}.login-form label{color:var(--ink);font-size:12px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{width:100%}.input-wrapper button{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.input-wrapper button:hover{color:var(--purple)}.forgot-password{color:var(--purple);text-align:right;cursor:pointer;background:0 0;border:none;margin-top:5px;padding:0;font-size:12px}.forgot-password:hover{text-decoration:underline}.login-form input,.login-form select{border:1px solid var(--line);background:#fdfcfd;border-radius:8px;outline:none;padding:12px;transition:all .2s}.login-form input:focus,.login-form select:focus{border-color:var(--purple);background:var(--white);box-shadow:0 0 0 3px #61249b1a}.login-btn{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-2) 100%);color:var(--white);border:none;border-radius:8px;margin-top:10px;padding:14px;font-size:14px;font-weight:700;transition:opacity .2s,transform .1s;box-shadow:0 4px 12px #61249b33}.login-btn:hover{opacity:.95;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}@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}}.tabs-header{border-bottom:1px solid var(--line);gap:20px;margin-bottom:20px;display:flex}.tab-link{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 0;font-size:14px}.tab-link.active{color:var(--purple);border-bottom-color:var(--purple);font-weight:700}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{background:#fff;border-radius:12px;width:400px;max-width:90%;padding:24px;box-shadow:0 10px 30px #0003}.modal-box h2{margin-top:0;margin-bottom:15px;font-size:18px}.modal-box p{color:var(--muted);margin-bottom:20px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-form-group{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}.modal-form-group label{color:var(--ink);font-size:12px;font-weight:700}.modal-form-group input,.modal-form-group select{border:1px solid var(--line);border-radius:6px;outline:none;padding:10px}.modal-form-group input:focus,.modal-form-group select:focus{border-color:var(--purple)}