:root{--green: #22C55E;--green-deep: #16A34A;--green-soft: #DCFCE7;--blue: #7DD3FC;--blue-deep: #38BDF8;--blue-soft: #E0F2FE;--cream: #FDFBF3;--white: #FFFFFF;--orange: #F59E0B;--orange-soft: #FEF3C7;--red: #EF4444;--red-soft: #FEE2E2;--purple: #8B5CF6;--purple-soft: #EDE9FE;--text-1: #1F2937;--text-2: #6B7280;--text-3: #9CA3AF;--line: #F0EEE4;--radius: 20px;--radius-sm: 12px;--shadow: 0 8px 24px rgba(34, 197, 94, .1);--shadow-sm: 0 2px 10px rgba(31, 41, 55, .06);--shadow-lg: 0 18px 50px rgba(31, 41, 55, .16);--sidebar-w: 232px;--topbar-h: 64px}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:linear-gradient(160deg,#F3FBF4 0%,var(--cream) 45%,#F0F9FF 100%);background-attachment:fixed;color:var(--text-1);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text-1);outline:none}a{text-decoration:none;color:inherit}svg{display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d9e5dc;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.bg-blob{position:fixed;border-radius:50%;filter:blur(90px);opacity:.3;pointer-events:none;z-index:0}.bg-blob--green{width:420px;height:420px;background:#86efac;top:-140px;left:-140px}.bg-blob--blue{width:460px;height:460px;background:#bae6fd;bottom:-180px;right:-160px}.admin{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{flex:0 0 var(--sidebar-w);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--line);padding:20px 14px 16px;z-index:30}.side-logo{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid var(--line)}.side-logo__dot{width:34px;height:34px;border-radius:11px;flex:0 0 auto;background:linear-gradient(135deg,var(--green) 55%,var(--blue-deep));box-shadow:0 6px 14px #22c55e59;display:grid;place-items:center}.side-logo__dot svg{width:18px;height:18px}.side-logo b{font-size:16px;letter-spacing:.5px;display:block}.side-logo span{font-size:11px;color:var(--text-3);display:block;margin-top:1px}.side-nav{flex:1 1 auto;overflow-y:auto;padding-top:12px}.side-group{margin:14px 8px 6px;font-size:11px;color:var(--text-3);letter-spacing:1px}.side-item{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;border-radius:12px;color:var(--text-2);font-size:14px;transition:.18s;position:relative}.side-item .ico{width:18px;height:18px;flex:0 0 auto;opacity:.85}.side-item .ico svg{width:18px;height:18px}.side-item:hover{background:#22c55e12;color:var(--green-deep)}.side-item.active{background:linear-gradient(135deg,var(--green),var(--green-deep));color:#fff;font-weight:600;box-shadow:0 6px 16px #22c55e52}.side-item.active .ico{opacity:1}.side-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}.side-item.active .side-badge{background:#ffffff47}.side-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.side-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--cream);border:1px solid var(--line)}.side-user .avatar{width:32px;height:32px;font-size:13px}.side-user b{font-size:13px;display:block}.side-user span{font-size:11px;color:var(--text-3);display:block}.side-user .exit{margin-left:auto;color:var(--text-3);padding:4px;border-radius:8px}.side-user .exit:hover{color:var(--red);background:var(--red-soft)}.side-ver{text-align:center;margin-top:10px;font-size:11px;color:var(--text-3);letter-spacing:.5px}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:25;height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 28px;background:color-mix(in srgb,var(--cream) 78%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.tb-title{font-size:17px;font-weight:700;letter-spacing:.5px}.tb-crumb{font-size:12px;color:var(--text-3);margin-top:2px}.tb-crumb em{font-style:normal;color:var(--text-2)}.tb-crumb b{color:var(--green-deep);font-weight:600}.tb-search{margin-left:auto;display:flex;align-items:center;gap:8px;width:240px;height:38px;padding:0 14px;border-radius:999px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.tb-search svg{width:15px;height:15px;color:var(--text-3);flex:0 0 auto}.tb-search input{border:none;background:none;width:100%;font-size:13px}.tb-search input::placeholder{color:var(--text-3)}.tb-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:38px;height:38px;border-radius:12px;background:var(--white);border:1px solid var(--line);display:grid;place-items:center;color:var(--text-2);box-shadow:var(--shadow-sm);transition:.18s}.icon-btn:hover{color:var(--green-deep);border-color:#bbf7d0;transform:translateY(-1px)}.icon-btn svg{width:17px;height:17px}.icon-btn .reddot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid #fff}.tb-admin{display:flex;align-items:center;gap:9px;padding-left:10px;border-left:1px solid var(--line)}.tb-admin .avatar{width:34px;height:34px}.tb-admin b{font-size:13px;display:block}.tb-admin span{font-size:11px;color:var(--text-3);display:block}.content{flex:1 1 auto;padding:24px 28px 40px;max-width:1440px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head h2{font-size:22px;letter-spacing:.5px}.page-head p{margin-top:5px;font-size:13px;color:var(--text-2)}.page-head .acts{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card+.card{margin-top:16px}.card-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.card-tt{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.card-tt:before{content:"";width:4px;height:14px;border-radius:4px;background:linear-gradient(var(--green),var(--blue-deep))}.card-sub{font-size:12px;color:var(--text-3);margin-top:3px}.card-extra{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-body{padding:18px 20px}.card--flush .card-body{padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.kpi{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);transition:.2s;position:relative;overflow:hidden}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.kpi__row{display:flex;align-items:center;justify-content:space-between}.kpi__ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center}.kpi__ico svg{width:20px;height:20px}.kpi__ico--green{background:var(--green-soft);color:var(--green-deep)}.kpi__ico--blue{background:var(--blue-soft);color:#0284c7}.kpi__ico--orange{background:var(--orange-soft);color:#b45309}.kpi__ico--purple{background:var(--purple-soft);color:#6d28d9}.kpi__ico--red{background:var(--red-soft);color:#b91c1c}.kpi__val{font-size:24px;font-weight:800;letter-spacing:.5px;margin-top:12px}.kpi__val small{font-size:13px;font-weight:600;color:var(--text-2);margin-left:2px}.kpi__label{font-size:12px;color:var(--text-2);margin-top:3px}.kpi__trend{display:inline-flex;align-items:center;gap:3px;margin-top:9px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.kpi__trend svg{width:11px;height:11px}.kpi__trend.up{color:var(--green-deep);background:var(--green-soft)}.kpi__trend.down{color:#b91c1c;background:var(--red-soft)}.kpi__wave{position:absolute;right:-20px;bottom:-26px;opacity:.08}.kpi__wave svg{width:110px;height:110px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 18px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:.3px;transition:.18s;white-space:nowrap}.btn svg{width:15px;height:15px}.btn:active{transform:scale(.96)}.btn--primary{color:#fff;background:linear-gradient(135deg,var(--green),var(--green-deep));box-shadow:0 6px 16px #22c55e52}.btn--primary:hover{box-shadow:0 8px 20px #22c55e6b;transform:translateY(-1px)}.btn--blue{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-deep));box-shadow:0 6px 16px #38bdf852}.btn--soft{color:var(--green-deep);background:var(--green-soft)}.btn--soft:hover{background:#c8f5d6}.btn--ghost{color:var(--text-2);background:var(--white);border:1px solid var(--line)}.btn--ghost:hover{color:var(--green-deep);border-color:#bbf7d0}.btn--danger{color:#b91c1c;background:var(--red-soft)}.btn--danger:hover{background:#fecaca}.btn--sm{height:30px;padding:0 12px;font-size:12.5px;border-radius:9px}.btn--sm svg{width:13px;height:13px}.btn--lg{height:44px;padding:0 26px;border-radius:14px}.btn--block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none}.link-btn{color:var(--green-deep);font-size:13px;font-weight:600;padding:4px 6px;border-radius:8px}.link-btn:hover{background:var(--green-soft)}.link-btn--danger{color:var(--red)}.link-btn--danger:hover{background:var(--red-soft)}.link-btn[disabled]{color:var(--text-3);cursor:not-allowed;background:none}.field{margin-bottom:16px}.flabel{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.flabel .req{color:var(--red);margin-left:2px}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--cream);padding:0 13px;height:40px;transition:.18s}.textarea{height:auto;min-height:92px;padding:11px 13px;resize:vertical;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--green);background:var(--white);box-shadow:0 0 0 3px #22c55e24}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239CA3AF' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:32px;cursor:pointer}.hint{font-size:12px;color:var(--text-3);margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.search-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;min-width:220px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);transition:.18s}.search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #22c55e24}.search-box svg{width:15px;height:15px;color:var(--text-3);flex:0 0 auto}.search-box input{border:none;background:none;width:100%}.search-box input::placeholder{color:var(--text-3)}.switch{position:relative;display:inline-block;width:42px;height:24px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#e5e7eb;transition:.22s;cursor:pointer}.switch i:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:.22s}.switch input:checked+i{background:linear-gradient(135deg,var(--green),var(--green-deep))}.switch input:checked+i:before{transform:translate(18px)}.chk{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.chk input{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px}.filter-bar .select,.filter-bar .input{width:auto;min-width:130px;height:36px;border-radius:10px;font-size:13px}.filter-bar .spacer{flex:1 1 auto}.filter-bar .divider{width:1px;height:20px;background:var(--line)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--text-3);padding:12px 16px;background:var(--cream);border-bottom:1px solid var(--line);white-space:nowrap;letter-spacing:.5px}.table td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:13.5px;vertical-align:middle}.table tbody tr{transition:.15s}.table tbody tr:hover{background:#f7fdf8}.table tbody tr:last-child td{border-bottom:none}.td-user{display:flex;align-items:center;gap:10px}.td-user .tt{min-width:0}.td-user .tt b{font-size:13.5px;display:block}.td-user .tt span{font-size:12px;color:var(--text-3);display:block;margin-top:1px}.avatar{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue-deep))}.avatar--blue{background:linear-gradient(135deg,#60A5FA,var(--blue-deep))}.avatar--purple{background:linear-gradient(135deg,#A78BFA,var(--purple))}.avatar--orange{background:linear-gradient(135deg,#FBBF24,var(--orange))}.table-actions{display:flex;gap:2px;white-space:nowrap}.td-num{font-variant-numeric:tabular-nums;font-weight:600}.td-num.money{color:var(--green-deep)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge--green{color:var(--green-deep);background:var(--green-soft)}.badge--blue{color:#0284c7;background:var(--blue-soft)}.badge--orange{color:#b45309;background:var(--orange-soft)}.badge--red{color:#b91c1c;background:var(--red-soft)}.badge--purple{color:#6d28d9;background:var(--purple-soft)}.badge--gray{color:var(--text-2);background:#f3f4f6}.tag{display:inline-block;padding:2px 9px;border-radius:7px;font-size:11.5px;background:var(--cream);border:1px solid var(--line);color:var(--text-2)}.tag--green{background:var(--green-soft);border-color:#bbf7d0;color:var(--green-deep)}.tabs{display:flex;gap:4px;background:var(--cream);border:1px solid var(--line);padding:4px;border-radius:13px}.tab{padding:8px 18px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--text-2);transition:.18s}.tab:hover{color:var(--green-deep)}.tab.active{background:var(--white);color:var(--green-deep);box-shadow:var(--shadow-sm)}.tab .n{font-size:11px;background:var(--green-soft);color:var(--green-deep);border-radius:999px;padding:1px 7px;margin-left:5px}.tab.active .n{background:var(--green-soft)}.panel{display:none}.panel.active{display:block;animation:viewIn .25s ease}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bars{display:flex;align-items:flex-end;gap:14px;height:200px;padding:10px 6px 0}.bar-col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:34px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#86EFAC,var(--green));position:relative;height:calc(var(--h) * 1%);animation:barGrow .8s cubic-bezier(.2,.8,.3,1) both;transform-origin:bottom}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar--blue{background:linear-gradient(180deg,#BAE6FD,var(--blue-deep))}.bar--now{box-shadow:0 6px 16px #22c55e66}.bar-val{font-size:11px;font-weight:700;color:var(--text-2)}.bar-lab{font-size:11.5px;color:var(--text-3)}.bars-labs{display:flex;gap:14px;padding:8px 6px 0}.bars-labs span{flex:1 1 0;text-align:center;font-size:11.5px;color:var(--text-3)}.legend{display:flex;gap:16px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.lg-dot{width:9px;height:9px;border-radius:3px;background:var(--green)}.lg-dot--blue{background:var(--blue-deep)}.lg-dot--orange{background:var(--orange)}.lg-dot--purple{background:var(--purple)}.donut-wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.donut{position:relative;width:168px;height:168px;flex:0 0 auto}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:20}.donut .track{stroke:var(--cream)}.donut .seg{stroke-linecap:round;animation:segIn 1s ease both}@keyframes segIn{0%{stroke-dasharray:0 1000}}.donut-c{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.donut-c b{font-size:22px}.donut-c span{font-size:11px;color:var(--text-3);margin-top:2px}.donut-legend{flex:1 1 200px;min-width:200px}.dl-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.dl-row:last-child{border-bottom:none}.dl-row .lg-dot{border-radius:50%}.dl-row b{margin-left:auto;font-variant-numeric:tabular-nums}.dl-row .pct{color:var(--text-3);font-size:12px;width:44px;text-align:right}.prog{height:8px;border-radius:999px;background:var(--cream);border:1px solid var(--line);overflow:hidden}.prog__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#4ADE80);width:var(--w);transition:.4s}.prog__fill--blue{background:linear-gradient(90deg,var(--blue),var(--blue-deep))}.prog__fill--orange{background:linear-gradient(90deg,#FCD34D,var(--orange))}.prog__fill--red{background:linear-gradient(90deg,#FCA5A5,var(--red))}.todo-list{display:flex;flex-direction:column}.todo{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px dashed var(--line)}.todo:last-child{border-bottom:none}.todo__ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.todo__ico svg{width:17px;height:17px}.todo b{font-size:13.5px;display:block}.todo span{font-size:12px;color:var(--text-3);display:block;margin-top:2px}.todo .go{margin-left:auto}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 10px;border-radius:16px;border:1px solid var(--line);background:var(--cream);font-size:13px;font-weight:600;color:var(--text-2);transition:.2s}.quick:hover{background:var(--white);transform:translateY(-2px);box-shadow:var(--shadow);color:var(--green-deep)}.quick .qi{width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.quick .qi svg{width:20px;height:20px}.tl{position:relative;padding-left:22px}.tl:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px}.tl__item{position:relative;padding:0 0 18px}.tl__item:last-child{padding-bottom:0}.tl__dot{position:absolute;left:-22px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--green);border:3px solid var(--green-soft)}.tl__dot--blue{background:var(--blue-deep);border-color:var(--blue-soft)}.tl__dot--orange{background:var(--orange);border-color:var(--orange-soft)}.tl__dot--red{background:var(--red);border-color:var(--red-soft)}.tl__item b{font-size:13.5px;display:block}.tl__item p{font-size:12.5px;color:var(--text-2);margin-top:3px;line-height:1.6}.tl__item time{font-size:11.5px;color:var(--text-3)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1f293766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none}.mask.open{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:95;width:460px;max-width:94vw;background:var(--white);box-shadow:var(--shadow-lg);transform:translate(105%);transition:transform .3s cubic-bezier(.2,.8,.3,1);display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line)}.drawer-head h3{font-size:16px}.drawer-close{margin-left:auto;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--text-3);background:var(--cream)}.drawer-close:hover{color:var(--red);background:var(--red-soft)}.drawer-body{flex:1 1 auto;overflow-y:auto;padding:20px 22px}.drawer-foot{display:flex;gap:10px;padding:14px 22px;border-top:1px solid var(--line)}.drawer-foot .btn{flex:1}.modal{position:fixed;z-index:95;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);opacity:0;pointer-events:none;width:480px;max-width:92vw;max-height:86vh;overflow-y:auto;background:var(--white);border-radius:20px;box-shadow:var(--shadow-lg);transition:.22s ease}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal--sm{width:400px}.modal--lg{width:640px}.modal-head{display:flex;align-items:center;padding:18px 22px 0}.modal-head h3{font-size:16px}.modal-body{padding:16px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 20px}.toast{position:fixed;z-index:120;top:24px;left:50%;transform:translate(-50%,-80px);display:flex;align-items:center;gap:9px;background:#1f2937;color:#fff;font-size:13.5px;font-weight:500;padding:11px 20px;border-radius:999px;box-shadow:0 14px 34px #1f293759;transition:.3s cubic-bezier(.2,.8,.3,1);pointer-events:none}.toast.show{transform:translate(-50%)}.toast .tico{width:18px;height:18px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex:0 0 auto}.toast .tico svg{width:11px;height:11px}.table-foot{display:flex;align-items:center;gap:12px;padding:14px 16px;flex-wrap:wrap}.pinfo{font-size:12.5px;color:var(--text-3)}.pager{margin-left:auto;display:flex;align-items:center;gap:6px}.pbtn{min-width:32px;height:32px;padding:0 8px;border-radius:9px;font-size:13px;color:var(--text-2);border:1px solid var(--line);background:var(--white);display:grid;place-items:center;transition:.15s;font-variant-numeric:tabular-nums}.pbtn:hover:not([disabled]){color:var(--green-deep);border-color:#bbf7d0}.pbtn.active{background:var(--green);border-color:var(--green);color:#fff;font-weight:700;box-shadow:0 4px 10px #22c55e4d}.pbtn[disabled]{opacity:.4;cursor:not-allowed}.empty{text-align:center;padding:46px 20px;color:var(--text-3)}.empty .eico{width:64px;height:64px;margin:0 auto 14px;border-radius:22px;background:var(--cream);border:1px dashed var(--line);display:grid;place-items:center}.empty .eico svg{width:28px;height:28px;opacity:.5}.empty b{display:block;font-size:14px;color:var(--text-2)}.empty p{font-size:12.5px;margin-top:5px}.callout{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:var(--green-soft);border:1px solid #BBF7D0;font-size:13px;color:#14532d;line-height:1.7}.callout svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--green-deep)}.callout--blue{background:var(--blue-soft);border-color:#bae6fd;color:#075985}.callout--blue svg{color:#0284c7}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.swatch{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--white)}.swatch .c{height:64px}.swatch .info{padding:10px 12px}.swatch .info b{font-size:13px;display:block}.swatch .info span{font-size:11.5px;color:var(--text-3);display:block;margin-top:2px;font-family:Consolas,monospace}.type-row{display:flex;align-items:baseline;gap:18px;padding:13px 4px;border-bottom:1px dashed var(--line)}.type-row:last-child{border-bottom:none}.type-row .meta{flex:0 0 190px;font-size:12px;color:var(--text-3);line-height:1.6}.type-row .meta b{display:block;font-size:13px;color:var(--text-1)}.state-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:10px 0}.state-row .st{text-align:center}.state-row .st span{display:block;font-size:11px;color:var(--text-3);margin-top:7px}.spec-list li{list-style:none;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px;color:var(--text-2);line-height:1.7;display:flex;gap:9px}.spec-list li:last-child{border-bottom:none}.spec-list li:before{content:"✓";color:var(--green-deep);font-weight:700;flex:0 0 auto}@media(max-width:1180px){.kpi-grid,.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:920px){:root{--sidebar-w: 68px}.sidebar{padding:20px 10px 14px}.side-logo b,.side-logo span,.side-item span,.side-group,.side-user .uinfo,.side-ver{display:none}.side-item{justify-content:center;padding:11px 0}.side-badge{position:absolute;top:4px;right:6px;transform:scale(.85)}.side-user{justify-content:center;padding:6px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.content{padding:18px 16px 32px}.tb-search{width:160px}}@media(max-width:620px){.kpi-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.tb-admin .ainfo,.tb-search{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}