:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#20283a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.layout>aside{background:#172338;color:#fff;padding:25px 16px;position:relative}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px}.brand i,.login-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#6877ff,#9a66ef);font-style:normal;font-weight:800}.brand b,.brand small{display:block}.brand small{font-size:9px;letter-spacing:1.5px;color:#8794aa;margin-top:4px}nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#aeb9cc;text-align:left;padding:12px 14px;border-radius:10px;margin:4px 0;cursor:pointer}nav span{width:22px;text-align:center;font-size:18px}.active,nav button:hover{background:linear-gradient(135deg,#6374f7,#825ee9)!important;color:#fff!important}.aside-foot{position:absolute;bottom:20px;left:30px;font-size:11px;color:#68758c}main{padding:29px 34px;min-width:0}header,.category-head,.toolbar,.admin,.group-title{display:flex;justify-content:space-between;align-items:center}header{margin-bottom:24px}h1{font-size:25px;margin:0}header p,.category-head p{color:#8791a4;margin:7px 0 0;font-size:13px}.admin{gap:12px;background:#fff;border:1px solid #edf0f5;padding:8px 10px 8px 16px;border-radius:12px}.admin button,.link{border:0;background:transparent;color:#6575e8;cursor:pointer}.toast{background:#20283a;color:#fff;padding:12px 18px;border-radius:10px;margin-bottom:18px;cursor:pointer}.welcome{background:linear-gradient(120deg,#f1efff,#fff6e7);border-radius:18px;padding:30px 36px;position:relative;overflow:hidden}.welcome small{color:#7568e8;font-weight:700}.welcome h2{margin:10px 0 7px}.welcome p{color:#737e91;margin:0}.welcome>b{position:absolute;right:45px;top:12px;font-size:100px;color:#776ae812}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.cards article,.panel{background:#fff;border:1px solid #edf0f5;border-radius:15px;padding:21px;box-shadow:0 6px 22px #26334c0a}.cards article{border-top:3px solid #6877ef}.cards .c1{border-color:#18b883}.cards .c2{border-color:#f6a523}.cards .c3{border-color:#e96074}.cards small{color:#7e899a}.cards strong{display:block;font-size:30px;margin:12px 0}.cards span{font-size:11px;color:#9aa3b3}.dash{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel h3{margin:0 0 18px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick button{border:1px solid #e8ebf1;background:#fafbfe;border-radius:10px;padding:17px 8px;color:#576378}.dash ul{list-style:none;padding:0;margin:0}.dash li{padding:8px;color:#7c8798}.dash li:before{content:"○";margin-right:8px}.dash .done{color:#20a87c}.dash .done:before{content:"●"}input,select{border:1px solid #dce2eb;border-radius:9px;padding:10px 12px;background:#fff;color:#20283a;outline:none}input:focus,select:focus{border-color:#6978f5;box-shadow:0 0 0 3px #6978f514}.primary{border:0;border-radius:9px;background:linear-gradient(135deg,#6172f4,#8061e8);color:#fff;padding:10px 17px;cursor:pointer}.toolbar{margin-bottom:16px}.toolbar input{width:min(480px,60%)}.resource-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:18px}.table{padding:8px 20px}.table h3{padding:14px 0 5px}.table em{font-style:normal;font-size:12px;background:#edf0ff;color:#6876e8;padding:3px 7px;border-radius:10px}.tr{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eff1f5}.file{width:43px;height:48px;border-radius:9px;background:#f0efff;color:#6d6fea;display:grid;place-items:center;font-size:11px;font-weight:700;text-transform:uppercase}.grow{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.grow b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow small{color:#9099a8;font-size:11px}.badge{padding:5px 9px;border-radius:20px;font-size:11px}.published{background:#e5f8f0;color:#17825f}.draft{background:#f0f2f5;color:#687383}.form label{display:flex;flex-direction:column;gap:6px;color:#697487;font-size:12px;margin-bottom:12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form .check{flex-direction:row}.full{width:100%}.category-head{margin-bottom:16px}.category-head h3{margin:0}.category-editor{display:grid;grid-template-columns:210px 1fr;gap:16px}.group-list{position:static;background:#fff;border:1px solid #edf0f5;border-radius:15px;padding:10px;height:max-content;color:#20283a}.group-list button{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;padding:11px 12px;border-radius:8px;color:#697487;cursor:pointer}.group-list small{color:#a1a9b6}.group-list .selected{background:#eff0ff!important;color:#5f6de2!important}.group-list .add{color:#6876e8;border:1px dashed #cbd1f8;margin-bottom:8px}.cat{min-height:530px}.group-title{gap:12px;margin-bottom:20px}.group-title>input{font-size:18px;font-weight:700;flex:1}.group-title label,.item-grid label{font-size:12px;color:#687487}.danger{border:0;background:#fff0f1;color:#d45667;border-radius:7px;padding:8px 10px;cursor:pointer}.danger.text{background:transparent}.item-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:13px}.item-grid article,.new-item{border:1px solid #e8ebf1;border-radius:12px;padding:13px;background:#fbfcfe}.item-grid article>input{width:100%;margin-top:8px}.item-grid .url{font-size:11px}.item-grid article>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.icon{width:55px;height:55px;border-radius:12px;background:linear-gradient(135deg,#eef0ff,#fff4da);display:grid;place-items:center;color:#8d86b2;overflow:hidden}.icon img{width:100%;height:100%;object-fit:cover}.new-item{min-height:190px;border-style:dashed;color:#7c86a0;font-size:28px;display:flex;flex-direction:column;justify-content:center;align-items:center}.new-item span{font-size:12px}.coming{text-align:center;padding:100px}.coming div{font-size:50px;color:#776ce7}.design-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.8fr);gap:18px}.design-options{max-width:360px;margin-bottom:18px}.design-options label,.setting-card>label{display:flex;flex-direction:column;gap:6px;color:#697487;font-size:12px}.module-list{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px}.module-list article,.new-module{border:1px solid #e8ebf1;border-radius:12px;padding:12px;background:#fbfcfe}.module-list article>input{display:block;width:100%;margin-top:7px;font-size:12px}.module-list article>label{font-size:12px;color:#687487}.new-module{min-height:185px;border-style:dashed;color:#6d76df;cursor:pointer}.setting-column{display:flex;flex-direction:column;gap:18px}.setting-card{display:flex;flex-direction:column;gap:12px}.setting-card textarea{border:1px solid #dce2eb;border-radius:9px;padding:10px;min-height:80px;resize:vertical}.setting-card .inline-check{flex-direction:row;align-items:center}.preview-text{background:#fff8e8;border-radius:9px;padding:12px;font-size:12px;color:#6f7786}.preview-text b{color:#ef535f;font-size:18px}.commerce-stack{display:flex;flex-direction:column;gap:18px}.commerce{display:block;padding:0;overflow:hidden}.table-title{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #edf0f5}.table-title h3{margin:0}.table-title p{font-size:12px;color:#8b95a5;margin:6px 0 0}.table-title>span{background:#f0f1ff;color:#6471e4;border-radius:20px;padding:6px 10px;font-size:12px}.commerce table{width:100%;border-collapse:collapse}.commerce th,.commerce td{text-align:left;padding:13px 20px;border-bottom:1px solid #f0f2f5;font-size:12px}.commerce th{color:#7d8797;background:#fafbfc;font-weight:500}.commerce td{color:#3f4859}.commerce code{background:#f2f4f8;border-radius:5px;padding:4px 7px;color:#5f68c8}.no-data{text-align:center!important;color:#9aa3b3!important;padding:42px!important}.card-create{display:flex;gap:8px}.card-create input{width:75px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#e8e5ff,transparent 35%),#f6f7fb}.login form{width:390px;background:#fff;border:1px solid #eceef4;border-radius:20px;padding:38px;box-shadow:0 20px 60px #26334c18}.login-logo{width:55px;height:55px;color:#fff;font-size:22px}.login h1{margin:20px 0 8px}.login p{color:#8a94a5;margin:0 0 25px}.login label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#667185;margin:13px 0}.login input,.login>form>button{width:100%}.login>form>button{border:0;border-radius:10px;padding:12px;background:#6674ef;color:#fff}.login form>small{display:block;text-align:center;color:#a0a8b5;margin-top:16px}.error{background:#fff0f1;color:#c74c5c;padding:9px;border-radius:8px;font-size:12px}@media (max-width: 1100px){.resource-layout,.dash,.design-grid{grid-template-columns:1fr}.module-list,.item-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.layout{grid-template-columns:1fr}.layout>aside{display:none}main{padding:18px}.cards{grid-template-columns:1fr 1fr}.category-editor{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(2,1fr)}}