@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#122033;font-synthesis:none;background:#f3f6fb;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.logo-mark{color:#fff;background:linear-gradient(145deg,#8e7cff,#4c74ff);border-radius:12px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 8px 25px #635dff55}.login-page{background:#f7f9fd;grid-template-columns:55% 45%;min-height:100vh;display:grid}.brand-panel{color:#fff;background:radial-gradient(circle at 18% 80%,#3f3cc4 0,#0000 35%),radial-gradient(circle at 80% 18%,#244f92 0,#0000 40%),linear-gradient(145deg,#07162d,#102d54 58%,#0a203e);padding:38px 6vw;position:relative;overflow:hidden}.brand-panel:after{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.brand-top,.side-logo{z-index:2;letter-spacing:3px;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex;position:relative}.brand-copy{z-index:2;max-width:590px;margin:10vh auto 0;position:relative}.eyebrow{letter-spacing:2.6px;color:#9faeff;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.eyebrow span{background:#7d73ff;width:28px;height:2px}.brand-copy h1{letter-spacing:-2px;margin:21px 0 18px;font-size:clamp(42px,4.5vw,72px);line-height:1.17}.brand-copy h1 em{background:linear-gradient(90deg,#9bdfff,#ad90ff);color:#0000;-webkit-background-clip:text;font-style:normal}.brand-copy>p{color:#a9bad2;max-width:470px;font-size:16px;line-height:1.8}.aurora-orb{filter:blur(3px);opacity:.5;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#2e8fff66,#0000 65%);width:430px;height:430px;top:-160px;right:-180px}.orb-two{background:radial-gradient(circle,#7c50ff77,#0000 65%);width:300px;height:300px;bottom:-80px;left:-120px}.mini-dashboard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffff16,#ffffff08);border:1px solid #9ec9ff33;border-radius:18px;width:min(100%,520px);height:245px;margin-top:55px;animation:6s ease-in-out infinite float;overflow:hidden;transform:perspective(900px)rotateX(2deg)rotateY(5deg);box-shadow:0 24px 80px #020b1899}.mini-head{color:#90a3bd;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;height:43px;padding:0 15px;display:flex}.mini-head i{background:#7d73ff;border-radius:50%;width:7px;height:7px}.mini-head i:nth-child(2){background:#28c4b5}.mini-head i:nth-child(3){background:#ff9d61}.mini-head b{margin-left:10px;font-size:10px}.mini-head span{margin-left:auto}.mini-body{height:202px;display:flex}.mini-side{border-right:1px solid #ffffff0e;width:60px;padding:20px 17px}.mini-side i{background:#ffffff17;border-radius:5px;height:6px;margin-bottom:18px;display:block}.mini-content{flex:1;padding:22px}.chart-title{color:#9cb0c9;font-size:11px}.chart-title strong{float:right;color:#69e1cc}.chart{border-bottom:1px solid #ffffff17;align-items:end;gap:13px;height:95px;padding:12px 8px 0;display:flex}.chart span{background:linear-gradient(#8b7aff,#467ff1);border-radius:3px 3px 0 0;flex:1;animation:1.2s both grow}.mini-cards{gap:12px;margin-top:18px;display:flex}.mini-cards i{background:#ffffff0a;border:1px solid #ffffff0c;border-radius:7px;flex:1;height:30px}.brand-foot{z-index:2;color:#7589a7;letter-spacing:.5px;font-size:11px;position:absolute;bottom:30px}.login-panel{place-items:center;padding:35px;display:grid}.login-wrap{width:min(100%,400px);animation:.65s both enter}.mobile-logo{display:none}.login-badge{color:#6458ec;background:#7165ff12;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:24px;display:grid}.login-wrap h2{letter-spacing:-1px;color:#101b2b;margin:0 0 8px;font-size:34px}.subtitle{color:#8792a3;margin:0 0 38px}.login-wrap label{color:#3b4657;margin:19px 0 8px;font-size:13px;font-weight:600;display:block}.field{background:#fff;border:1px solid #dfe4ed;border-radius:12px;align-items:center;gap:12px;height:52px;padding:0 15px;transition:all .25s;display:flex}.field:focus-within{border-color:#7568f2;box-shadow:0 0 0 4px #7165ff10}.field.invalid{border-color:#ee6b7d}.field>span{color:#9aa5b5;display:grid}.field .lock{font-size:24px}.field input{color:#172337;background:0 0;border:0;outline:0;flex:1;min-width:0}.eye{color:#a1abb9;background:0 0;border:0;padding:4px;display:grid}.form-row{justify-content:space-between;align-items:center;margin:18px 0;display:flex}.form-row .remember{color:#6b7686;align-items:center;gap:8px;margin:0;font-weight:400;display:flex}.remember input{accent-color:#6d61ec}.form-row a{color:#6156df;font-size:13px;font-weight:600;text-decoration:none}.error{color:#df536b;margin:-8px 0 10px;font-size:12px}.login-btn,.primary{color:#fff;background:linear-gradient(110deg,#6658e8,#4988ed);border:0;transition:all .2s;box-shadow:0 10px 24px #5d68e638}.login-btn{border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;font-weight:700;display:flex}.login-btn:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #5d68e650}.login-btn.loading{opacity:.72}.login-tip{text-align:center!important;color:#99a3b1!important;margin-top:22px!important;font-size:12px!important}.login-tip span{color:#7468ef}.app-shell{background:#f3f6fb;min-height:100vh;display:flex}.sidebar{z-index:20;color:#fff;background:linear-gradient(#091a30,#0b1d35 55%,#0c2341);flex-direction:column;width:242px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 35px #0b1d3514}.side-logo{margin-bottom:52px;padding:0 10px}.side-logo .logo-mark{width:34px;height:34px}.sidebar nav p{letter-spacing:1.6px;color:#667b98;margin-bottom:10px;padding:0 13px;font-size:10px}.sidebar nav button{color:#a4b3c8;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:12px 13px;display:flex}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#6e62ec28,#5985e710);box-shadow:inset 3px 0 #7669ef}.sidebar nav button b{background:#6c61e8;border-radius:10px;margin-left:auto;padding:3px 7px;font-size:10px}.side-card{background:linear-gradient(135deg,#6d61e817,#3284c70d);border:1px solid #6f77ed26;border-radius:14px;flex-direction:column;gap:5px;margin-top:auto;padding:15px;display:flex}.side-card>div{color:#9b90ff}.side-card strong{font-size:12px}.side-card span{color:#8294ad;font-size:10px}.side-card i{color:#786df0;margin-top:4px;font-size:9px;font-style:normal}.side-user{border-top:1px solid #ffffff0d;align-items:center;gap:10px;margin-top:16px;padding:15px 5px 0;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#7a6df0,#477de7);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.side-user>div:nth-child(2){flex-direction:column;flex:1;display:flex}.side-user strong{font-size:12px}.side-user span{color:#71839d;margin-top:3px;font-size:10px}.side-user button{color:#71839d;background:0 0;border:0;display:grid}.workspace{width:calc(100% - 242px);margin-left:242px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffc;border-bottom:1px solid #e6eaf1;align-items:center;height:76px;padding:0 36px;display:flex;position:sticky;top:0}.crumb{color:#9aa4b3;gap:9px;font-size:12px;display:flex}.crumb strong{color:#283548}.top-actions{align-items:center;gap:17px;margin-left:auto;display:flex;position:relative}.icon-btn{color:#647084;background:#fff;border:1px solid #e8ebf2;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notice-dot{background:#ff697b;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.top-profile{cursor:pointer;align-items:center;gap:9px;display:flex}.top-profile .avatar{width:36px;height:36px}.top-profile>span{flex-direction:column;display:flex}.top-profile b{font-size:12px}.top-profile small{color:#9ba5b4;font-size:9px}.top-profile>i{color:#8d97a7;font-style:normal}.profile-menu{background:#fff;border:1px solid #e8ebf2;border-radius:10px;width:130px;padding:6px;position:absolute;top:51px;right:0;box-shadow:0 14px 35px #1b2a451b}.profile-menu button{text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:9px;font-size:12px}.profile-menu button:hover{background:#f3f4fb}.hamburger{display:none}.content{max-width:1450px;margin:auto;padding:34px 36px 50px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.eyebrow.dark{color:#6b61dc;font-size:9px}.welcome h1{letter-spacing:-.5px;margin:8px 0 5px;font-size:28px}.welcome>div>p:last-child{color:#8e99a8;margin:0;font-size:13px}.primary{border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:12px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:19px;display:grid}.stats-grid article{background:#fff;border:1px solid #e9edf3;border-radius:16px;align-items:flex-start;gap:13px;height:132px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #27375408}.stat-icon{border-radius:11px;place-items:center;width:39px;height:39px;font-size:18px;font-weight:700;display:grid}.stat-icon.purple{color:#695de7;background:#6f62ed12}.stat-icon.cyan{color:#13a792;background:#18b6a312}.stat-icon.orange{color:#e58942;background:#ef975114}.stats-grid article>div:nth-child(2){flex-direction:column;display:flex}.stats-grid article span{color:#8b96a6;font-size:11px}.stats-grid article strong{margin:4px 0;font-size:26px;line-height:1.2}.stats-grid article small{color:#a5adba;font-size:9px}.stats-grid article small b{color:#1cad94}.sparkline{align-items:end;gap:4px;width:94px;height:42px;display:flex;position:absolute;bottom:22px;right:18px}.sparkline i{background:#7568ef33;border-radius:3px 3px 0 0;flex:1}.orange-line i{background:#ef97513a}.ring{background:conic-gradient(#14b7a1 0 80%,#ecf0f4 80%);border-radius:50%;place-items:center;width:54px;height:54px;position:relative;margin-left:auto!important;display:grid!important}.ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:6px}.ring span{font-weight:700;position:relative;color:#159f90!important;font-size:9px!important}.table-card{background:#fff;border:1px solid #e6ebf2;border-radius:17px;overflow:hidden;box-shadow:0 12px 40px #26395709}.table-tools{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.search{color:#9aa5b4;border:1px solid #e1e6ed;border-radius:9px;align-items:center;gap:9px;width:320px;height:39px;padding:0 12px;display:flex}.search input{border:0;outline:0;width:100%;font-size:11px}.filters{gap:9px;display:flex}.filters select,.modal select{color:#687486;background:#fff;border:1px solid #e1e6ed;border-radius:9px;outline:0;height:39px;padding:0 30px 0 12px;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:#929dab;background:#fafbfd;padding:13px 21px;font-size:10px;font-weight:600}td{color:#556173;border-top:1px solid #eef1f5;padding:15px 21px;font-size:11px}.user-cell{align-items:center;gap:11px;display:flex}.user-cell .avatar{width:35px;height:35px}.user-cell>div:last-child{flex-direction:column;gap:3px;display:flex}.user-cell strong{color:#253246;font-size:12px}.user-cell span{color:#99a3b1;font-size:9px}.role{color:#397bcc;background:#eef6ff;border-radius:6px;padding:5px 9px;font-size:9px;display:inline-block}.role.admin{color:#6659dc;background:#f1efff}.status{color:#9ca6b4;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.status i{background:#aeb6c1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #aeb6c118}.status i.on{background:#18b99f;box-shadow:0 0 0 3px #18b99f18}.date{color:#8994a4}.right{text-align:right}.row-btn{color:#6f7c8e;background:#f4f6fa;border:0;border-radius:8px;place-items:center;width:31px;height:31px;margin-left:5px;transition:all .2s;display:inline-grid}.row-btn:hover{color:#5e54dc;background:#eeecff}.row-btn.danger:hover{color:#e4526b;background:#fff0f2}.table-foot{color:#9ba5b3;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;height:57px;padding:0 21px;font-size:10px;display:flex}.table-foot div{gap:5px;display:flex}.table-foot button{color:#8d97a7;background:#fff;border:1px solid #e3e7ed;border-radius:7px;width:28px;height:28px}.table-foot button.current{color:#fff;background:#675be7;border-color:#675be7}.empty{text-align:center;color:#9ca5b2;padding:40px;font-size:12px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0714269c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(100%,450px);padding:26px;box-shadow:0 30px 90px #0005}.modal-head{justify-content:space-between;margin-bottom:18px;display:flex}.modal-head span{letter-spacing:2px;color:#6c60e8;font-size:9px}.modal-head h3{margin:4px 0;font-size:22px}.modal-head button{color:#8993a2;background:#f2f4f8;border:0;border-radius:9px;width:32px;height:32px;font-size:20px}.modal form>label{color:#596577;flex-direction:column;gap:7px;margin-top:13px;font-size:11px;display:flex}.modal input,.modal select{border:1px solid #dfe4eb;border-radius:9px;outline:0;height:43px;padding:0 12px}.modal input:focus,.modal select:focus{border-color:#7165ed;box-shadow:0 0 0 3px #7165ed10}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.modal-actions>button:first-child{color:#687486;background:#fff;border:1px solid #e1e5ec;border-radius:9px;height:42px;padding:0 18px}.toast{z-index:100;color:#fff;background:#102238;border-radius:11px;align-items:center;gap:9px;padding:13px 18px;font-size:12px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 15px 40px #09152848}.toast span{background:#20b69f;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.page-enter-active,.page-leave-active,.fade-enter-active,.fade-leave-active{transition:all .35s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}.fade-enter-from,.fade-leave-to{opacity:0}.toast-enter-active,.toast-leave-active{transition:all .35s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(15px)}@keyframes enter{0%{opacity:0;transform:translateY(14px)}}@keyframes float{50%{transform:perspective(900px)rotateX(0)rotateY(3deg)translateY(-8px)}}@keyframes grow{0%{height:0}}@media (width<=1000px){.brand-panel{padding:30px 4vw}.brand-copy{margin-top:8vh}.stats-grid{grid-template-columns:1fr}.stats-grid article{height:110px}.login-page{grid-template-columns:50% 50%}}@media (width<=760px){.login-page{background:#fff;display:block}.brand-panel{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-logo{letter-spacing:2px;align-items:center;gap:10px;margin-bottom:70px;font-weight:800;display:flex}.login-wrap{margin:auto}.sidebar{transition:all .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.workspace{width:100%;margin-left:0}.hamburger{background:0 0;border:0;margin-right:15px;font-size:20px;display:block}.topbar{padding:0 18px}.top-profile>span{display:none}.content{padding:25px 18px}.welcome{align-items:center}.stats-grid{grid-template-columns:1fr}.table-tools{flex-direction:column;align-items:stretch}.search{width:100%}.filters select{flex:1}.filters{display:flex}.topbar{height:66px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}