:root{--blue:#1463ef;--navy:#05275b;--line:#e8edf6;--ink:#14213d;--muted:#8a94a6;--green:#14ae78;--orange:#ff8b14;--red:#ef4145}*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:var(--ink);font-family:"Noto Sans SC","Microsoft Yahei",sans-serif}.shell{min-height:100vh;display:flex}.side{width:240px;background:linear-gradient(160deg,#052e70,#031b47);color:#fff;min-height:100vh;padding:26px 12px;position:fixed;z-index:3}.brand{font-size:19px;display:flex;gap:10px;align-items:center;padding:0 12px 31px;white-space:nowrap}.side nav{display:grid;gap:7px}.side nav button{border:0;background:transparent;color:#e7efff;text-align:left;font-size:16px;padding:14px 16px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:13px}.side nav button i{font-style:normal;font-size:21px}.side nav em{margin-left:auto;font-style:normal}.side nav button.active,.side nav button:hover{background:linear-gradient(90deg,#1570fb,#0d59da);box-shadow:0 8px 22px #003993}.collapse{position:absolute;bottom:30px;left:104px;border:1px solid #426997;border-radius:9px;padding:4px 10px;font-size:22px}main{margin-left:240px;width:calc(100% - 240px)}header{height:78px;background:#fff;border-bottom:1px solid #e6eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:24px;font-weight:700}.top-actions{display:flex;align-items:center;gap:17px}.top-actions label{border:1px solid #dfe5ef;border-radius:9px;color:#8b96aa;padding:8px 14px;width:375px}.top-actions input{border:0;outline:0;width:90%;font-size:14px}.top-actions button{border:0;background:transparent;font-size:22px;position:relative}.top-actions button i{position:absolute;width:8px;height:8px;background:#f43d41;border-radius:50%;right:1px;top:0}.top-actions span{height:24px;border-left:1px solid #dae0ea}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#bdd7ff,#1664f4);color:#fff;text-align:center;padding-top:8px}.content{padding:28px 20px;max-width:1400px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.page-head h1{font-size:24px;margin:0}.page-head p{color:var(--muted);margin:6px 0 0;font-size:14px}.primary{border:0;border-radius:7px;padding:11px 20px;background:linear-gradient(135deg,#1471ff,#0954dc);color:white;font-size:15px;font-weight:600;box-shadow:0 7px 14px #0e5ce729;cursor:pointer}.primary.lite{padding:9px 18px;box-shadow:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:24px 19px;display:flex;align-items:center;gap:15px;min-height:132px;box-shadow:0 4px 12px #162d5910}.ico{display:inline-grid;place-items:center;width:53px;height:53px;border-radius:50%;background:#e9f1ff;color:#1765ec;font-size:25px;font-style:normal}.ico.green{background:#e8faef;color:#10a96c}.ico.orange{background:#fff3e4;color:#f58000}.ico.red{background:#ffedef;color:#eb373e}.metric small{display:block;font-size:15px}.metric strong{font-size:37px;display:block;margin-top:5px}.metric em{color:#2572f2;font-size:32px;margin-left:auto;font-style:normal}.analysis-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:12px;margin-top:13px}.panel{background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:16px;box-shadow:0 4px 12px #162d590a}.panel h2{font-size:18px;margin:0 0 16px;display:flex;justify-content:space-between}.text-btn{border:0;background:transparent;color:#1765ec;cursor:pointer;font-size:14px}.chart-bars{height:230px;display:flex;gap:20px;align-items:flex-end;border-bottom:1px solid #cad3e2;background:repeating-linear-gradient(to bottom,transparent 0 47px,#eaf0f9 48px 49px);padding:0 16px}.chart-bars div{height:100%;flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center}.chart-bars i{width:28px;background:linear-gradient(#2477f8,#115ce5);border-radius:4px 4px 0 0}.chart-bars b{position:absolute;bottom:calc(var(--h) + 3px);font-weight:500}.chart-bars div b{bottom:auto;transform:translateY(calc(-1 * var(--v)))}.chart-bars small{position:absolute;bottom:-27px;white-space:nowrap;font-size:12px}.chart-bars div:nth-child(1) b{bottom:142px}.chart-bars div:nth-child(2) b{bottom:114px}.chart-bars div:nth-child(3) b{bottom:63px}.chart-bars div:nth-child(4) b{bottom:43px}.chart-bars div:nth-child(5) b{bottom:31px}.chart-bars div:nth-child(6) b{bottom:23px}.donut-wrap{display:flex;justify-content:center}.donut{width:188px;height:188px;border-radius:50%;background:conic-gradient(#1463ef 0 60%,#14ae78 60% 78%,#ff8b14 78% 90%,#f04447 90%);display:grid;place-items:center}.donut>div{width:116px;height:116px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.donut b{font-size:29px}.donut small{color:var(--muted)}.legend{list-style:none;margin:17px 0 0;padding:0;display:grid;gap:10px;font-size:14px}.legend li{display:flex;gap:7px;align-items:center}.legend b{margin-left:auto;font-weight:400}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.blue{background:#1463ef}.dot.green{background:#14ae78}.dot.orange{background:#ff8b14}.dot.red{background:#f04447}.todo{padding:16px 18px}.todo>div{height:47px;display:flex;align-items:center;gap:11px}.todo .ico{width:34px;height:34px;font-size:16px}.todo span{font-size:14px;flex:1}.todo b{color:#f04447;font-size:15px}.todo i{font-style:normal;color:#8591a5;font-size:24px}.bottom-grid{display:grid;grid-template-columns:3fr 1.2fr;gap:12px;margin-top:13px}.wide{min-width:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{background:#f7f9fc;color:#344055;font-weight:600;text-align:left;padding:13px 16px}td{padding:12px 16px;border-bottom:1px solid #eef1f6;color:#3c475a}.tag{display:inline-block;border-radius:5px;padding:4px 8px;font-size:12px}.tag.warn{color:#f08000;background:#fff3df}.tag.blue-tag{color:#1765ec;background:#e7f0ff}.tag.success{color:#12a86a;background:#e5f9ef}.tag.danger{color:#e9444b;background:#ffeaec}.inventory p{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0f5;padding:10px 2px;margin:0;font-size:13px}.inventory p span{flex:1;color:#49566b}.inventory p b{color:#e9434a}.inventory small{color:#7d899a}.filter{display:flex;gap:10px;background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:13px;margin-bottom:15px}.filter input,.filter select{border:1px solid #dfe5ef;border-radius:6px;padding:9px 12px;outline:0;font-size:14px}.filter input{width:290px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.asset-card{background:#fff;border:1px solid #e8edf5;border-radius:15px;padding:18px;text-align:center;position:relative;box-shadow:0 6px 17px #142c5410}.asset-card h3{margin:14px 0 4px;font-size:16px}.asset-card>p{margin:0 0 13px;color:#8a94a6;font-size:13px}.asset-visual{height:120px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eff5ff,#d7e8ff);font-size:70px;color:#1765ec}.asset-visual.monitor{color:#1595cb}.asset-visual.printer{color:#5f6b7c}.asset-visual.tablet{color:#7f60fa}.more{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#8e99aa}.asset-card footer{display:flex;gap:8px;margin-top:16px}.asset-card footer button{flex:1;border:1px solid #dce5f5;color:#1765ec;background:#fff;padding:7px;border-radius:5px;font-size:12px}.approval-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}.approval-summary article{background:linear-gradient(135deg,#ecf4ff,#fff);border-radius:14px;padding:20px;display:flex;justify-content:space-between;align-items:center}.approval-summary strong{font-size:35px;color:#1463ef}.approval-summary p,.approval-summary small{margin:2px 0;color:#7d899a}.approval-summary article>span{font-size:53px;color:#3e7df3}.task{display:flex;align-items:center;border:1px solid #e9edf5;border-radius:10px;padding:15px;margin-top:12px;gap:13px}.task-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#3e85ff,#1161e9);font-size:25px}.task h3{margin:0;font-size:16px}.task p{margin:4px 0 0;color:#8b95a8;font-size:13px}.task>div{flex:1}.list-panel{margin-top:16px}.mobile-hero,.mobile-page,.bottom-nav{display:none}#toast{position:fixed;right:25px;bottom:25px;background:#172d50;color:#fff;border-radius:8px;padding:12px 20px;opacity:0;transition:.2s;transform:translateY(8px);z-index:10}#toast.show{opacity:1;transform:none}.login{min-height:100vh;display:grid;grid-template-columns:57% 43%;background:white}.login-art{position:relative;background:radial-gradient(circle at 45% 45%,#0e5cca,#001b47 69%);overflow:hidden;color:#fff}.login-brand{font-size:54px;font-weight:800;position:absolute;top:17%;left:10%;letter-spacing:2px}.login-brand small{display:block;font-size:28px;font-weight:500;margin-top:18px}.login-brand:after,.login-form h1:after{content:"";display:block;width:50px;height:4px;border-radius:5px;background:#146aff;margin-top:15px}.login-brand:after{background:#1e71ff}.grid-lines{position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,#2377db35),repeating-linear-gradient(170deg,transparent 0 65px,#4ea1ff1f 66px 67px)}.scene{position:absolute;bottom:6%;left:5%;right:10%;height:49%;border-bottom:2px solid #1673e7;border-radius:50%}.tower{position:absolute;bottom:15%;width:120px;background:linear-gradient(90deg,#092a62,#1652a4);border:1px solid #2877d7;box-shadow:inset 15px 0 #17488e}.t1{height:34%;left:8%}.t2{height:50%;left:38%}.t3{height:75%;left:65%}.screen{position:absolute;bottom:6%;left:31%;width:300px;height:176px;border:8px solid #213a62;border-radius:8px;background:linear-gradient(160deg,#dbeaff,#4789ed);font-size:110px;text-align:center;padding-top:20px;box-shadow:0 0 30px #2c8bff}.shield{position:absolute;right:5%;bottom:0;width:140px;height:160px;background:linear-gradient(135deg,#7db8ff,#0852e1);clip-path:polygon(50% 0,100% 17%,88% 80%,50% 100%,12% 80%,0 17%);font-size:70px;text-align:center;padding-top:45px;text-shadow:0 0 8px #fff}.login-form{padding:15vh 12% 30px;position:relative}.login-form h1{font-size:42px;margin:0 0 33px}.login-form h1:after{width:42px}.login-form label{display:block;margin:20px 0 8px;font-size:15px}.login-form input{display:block;width:100%;border:1px solid #cdd6e4;border-radius:7px;padding:16px;font-size:16px;margin-top:8px;outline-color:#1463ef}.captcha{display:flex;gap:12px}.captcha b{width:140px;margin-top:8px;border:1px solid #cdd6e4;border-radius:7px;color:#1765ec;font-size:28px;letter-spacing:7px;text-align:center;padding:7px;background:repeating-linear-gradient(20deg,#fff 0 14px,#e9f2ff 15px 17px)}.login-form .primary{width:100%;font-size:18px;margin:25px 0 18px;padding:16px}.login-form p{color:#62708a;font-size:14px}.login-form footer{border-top:1px solid #dce3ee;color:#718096;position:absolute;bottom:45px;left:12%;right:12%;padding-top:24px;font-size:13px}
@media(max-width:760px){body{background:#f7f9fd}.side,header,.dashboard>*,.desktop-only{display:none}.shell{display:block}.shell main{margin:0;width:100%;padding-bottom:76px}.content{padding:0}.mobile-page{display:block}.dashboard .mobile-hero{display:block}.bottom-nav{position:fixed;display:flex;z-index:5;bottom:0;left:0;right:0;height:78px;background:#fff;border-top:1px solid #e9edf4;justify-content:space-around;padding-top:9px}.bottom-nav button{border:0;background:none;color:#8f98a7;font-size:13px;display:grid;gap:3px;place-items:center}.bottom-nav i{font-size:29px;font-style:normal}.bottom-nav .on{color:#1463ef}.mobile-hero{height:280px;color:#fff;padding:39px 28px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0968fa,#0846bb)}.mobile-hero span{font-weight:700;font-size:27px}.mobile-hero h1{font-size:29px;margin:50px 0 8px}.mobile-hero p{font-size:16px;margin:0}.skyline{position:absolute;right:-20px;bottom:-45px;width:250px;height:190px;background:repeating-linear-gradient(90deg,#fff3 0 35px,transparent 37px 58px),linear-gradient(160deg,transparent 20%,#8ebcff80);clip-path:polygon(6% 100%,6% 55%,28% 55%,28% 28%,52% 28%,52% 7%,80% 7%,80% 52%,100% 52%,100% 100%);opacity:.75}.mobile-home{margin-top:-27px;padding:0 18px;position:relative}.my-device{background:#fff;border-radius:18px;padding:23px 18px;box-shadow:0 10px 30px #12377020;display:flex;align-items:center;justify-content:space-between}.my-device>div{display:flex;gap:17px;align-items:center}.my-device .ico{width:76px;height:76px;font-size:39px}.my-device h2{margin:0;font-size:23px}.my-device strong{color:#1463ef;font-size:44px;line-height:1.1}.my-device p{margin:0;color:#929cac}.my-device>span{font-size:65px;color:#70a6ff}.quick{background:#fff;border-radius:15px;margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:15px 4px;box-shadow:0 5px 20px #12377012}.quick button{border:0;background:none;font-size:13px;color:#263246;display:grid;place-items:center;gap:6px}.quick .ico{width:42px;height:42px;border-radius:9px;font-size:24px}.section-title{font-size:21px;margin:29px 2px 15px;border-left:5px solid #1463ef;padding-left:10px}.section-title small{font-size:14px;float:right;color:#8e98a8;font-weight:400}.personal-assets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.personal-assets article{background:#fff;border-radius:15px;padding:13px 9px 15px;text-align:center;box-shadow:0 4px 18px #1538660e}.device{height:126px;background:#eef5ff;border-radius:10px;display:grid;place-items:center;font-size:70px;color:#1463ef}.device.monitor{color:#1895d5}.device.printer{height:110px;width:120px;color:#667281}.personal-assets h3{font-size:15px;margin:12px 0 5px}.personal-assets p{color:#969fae;margin:0 0 10px;font-size:12px}.public-asset{background:#fff;border-radius:14px;padding:12px;display:flex;gap:12px;box-shadow:0 4px 18px #1538660e;margin-bottom:20px}.public-asset>div:nth-child(2){flex:1}.public-asset h3{font-size:15px;margin:4px 0 10px}.public-asset p{margin:6px 0;font-size:12px;color:#838e9f}.public-asset aside{text-align:right}.public-asset aside p{white-space:nowrap}.page-head{padding:18px}.metrics,.analysis-grid,.bottom-grid,.asset-grid{grid-template-columns:1fr 1fr;padding:0 18px}.metrics .metric:nth-child(n+3),.analysis-grid,.bottom-grid{display:none}.asset-grid{display:grid}.asset-card{padding:12px}.asset-visual{height:85px;font-size:45px}.asset-card footer{display:none}.filter{margin:0 18px}.filter input{width:100%}.approval-summary{margin:0 18px 16px}.approval-summary article{padding:12px}.approval-summary article>span{font-size:34px}.panel{margin:0 18px}.task{padding:10px}.task h3{font-size:14px}.login{display:block;background:linear-gradient(#0959e9 0 37%,#f7faff 37%)}.login-art{height:295px;background:linear-gradient(145deg,#0a65f6,#0745ba)}.login-brand{top:27%;left:8%;font-size:33px}.login-brand small{font-size:18px;margin-top:9px}.scene{height:45%;right:3%}.screen{display:none}.tower{opacity:.4}.shield{transform:scale(.65);right:10%;bottom:-12%}.login-form{margin:-18px 21px 0;background:white;border-radius:22px;padding:30px 25px 100px;min-height:620px}.login-form h1{font-size:30px;margin-bottom:18px}.login-form footer{bottom:25px;left:25px;right:25px;font-size:10px;white-space:nowrap}.login-form p{font-size:12px}.login-form label{margin:15px 0 7px}.login-form input{padding:13px}.captcha b{font-size:21px;padding:8px}.login-form .primary{margin:20px 0 14px}.login .grid-lines{display:none}}
.empty{color:#8b95a6!important;text-align:center;padding:36px!important}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.permission-grid p{color:#718096;line-height:1.7;min-height:78px}.permission-grid ul{padding-left:18px;color:#44536a;line-height:2}.modal{position:fixed;z-index:20;inset:0;background:#08265373;display:grid;place-items:center;padding:20px}.modal-box{position:relative;width:min(460px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:25px;box-shadow:0 18px 55px #051e4b55}.modal-box h2{margin:0 0 15px}.modal-box label{display:block;font-size:14px;margin:12px 0}.modal-box input{display:block;width:100%;padding:11px;border:1px solid #d9e1ee;border-radius:7px;margin-top:6px;outline-color:#1765ec}.modal-box .primary{width:100%;margin-top:10px}.modal-close{position:absolute;right:15px;top:13px;border:0;background:none;font-size:27px;color:#8490a1;cursor:pointer}