:root{--bg:#f3f6f4;--panel:#fff;--ink:#17221b;--muted:#718078;--line:#e0e9e3;--green:#168a55;--green2:#0d6c41;--soft:#e8f7ef;--orange:#ed9b19;--red:#d74b4b;--shadow:0 18px 50px rgba(18,54,34,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.hidden{display:none!important}.layout{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;padding:24px 15px;color:#e8f8ef;background:#11251b}.brand{display:flex;align-items:center;gap:11px}.brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#47d89c,#168a55);box-shadow:0 11px 24px rgba(38,186,117,.22)}.brand strong{display:block}.brand small{display:block;margin-top:2px;color:#8eb29f;font-size:11px}aside .brand{padding:0 9px 23px}nav{display:grid;gap:6px}.nav-btn{width:100%;border:0;border-radius:12px;padding:11px 12px;text-align:left;color:#a8c2b4;background:transparent}.nav-btn i{display:inline-block;width:28px;font-style:normal}.nav-btn:hover,.nav-btn.active{color:white;background:rgba(255,255,255,.1)}.side-bottom{position:absolute;left:15px;right:15px;bottom:18px;display:grid;gap:7px}.side-bottom a,.side-bottom button{border:0;border-radius:11px;padding:10px 11px;text-align:left;text-decoration:none;color:#d7ede1;background:rgba(255,255,255,.07);font-size:12px}main{min-width:0;padding:24px 30px 50px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}header h1{font-size:26px;margin:3px 0 0}header>div>small{color:var(--muted)}.admin-pill{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:white}.admin-pill>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(135deg,#35ce8e,#4b86df)}.admin-pill strong,.admin-pill small{display:block}.admin-pill small{color:var(--muted);font-size:10px;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:13px}.stat,.panel{border:1px solid rgba(224,233,227,.9);border-radius:18px;background:white;box-shadow:var(--shadow)}.stat{padding:17px}.stat .top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.stat .top i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--soft);font-style:normal}.stat strong{display:block;font-size:27px;margin:7px 0 3px}.trend{color:var(--green);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:15px;margin-top:15px}.panel{padding:17px;margin-bottom:15px}.panel-head,.toolbar,.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head{margin-bottom:15px}.panel h2{font-size:17px;margin:0}.muted{color:var(--muted);font-size:11px}.chart{height:230px;display:flex;align-items:flex-end;gap:13px;padding:20px 7px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(232,247,239,.5),transparent)}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;color:var(--muted);font-size:10px}.bar{width:min(34px,70%);min-height:7px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#42d296,#168a55)}.todo{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.todo:last-child{border:0}.toolbar{flex-wrap:wrap;margin-bottom:14px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:10px;padding:8px 11px;color:var(--muted);background:white}.filter.active{border-color:#a9d9bf;color:var(--green2);background:var(--soft)}.search{min-width:240px;border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:#fafcfb}.table-wrap{overflow:auto}table{width:100%;min-width:780px;border-collapse:collapse}th{padding:11px 10px;text-align:left;color:var(--muted);background:#f5f8f6;font-size:11px}td{padding:12px 10px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}tbody tr:hover{background:#fbfdfc}.ellipsis{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;padding:5px 8px;border-radius:99px;color:var(--green2);background:var(--soft);font-size:10px}.badge.warn{color:#955b00;background:#fff3d4}.badge.red{color:#af3737;background:#ffeded}.badge.gray{color:#66726c;background:#edf1ef}.actions{display:flex;gap:6px}.primary,.secondary,.ghost,.danger{border:0;border-radius:10px;padding:8px 11px;font-weight:650}.primary{color:white;background:var(--green)}.secondary{color:var(--green2);background:var(--soft)}.ghost{color:#58645e;background:#eff3f0}.danger{color:#b13b3b;background:#ffeded}.small{padding:6px 8px;font-size:11px}.wide{width:100%;padding:12px}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:15px}.field,.login-card label{display:grid;gap:7px;margin-bottom:14px;color:#4d5b53;font-size:12px}.field input,.field select,.field textarea,.login-card input{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fbfdfc}.field textarea{min-height:90px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.switch{width:44px;height:25px;border:0;border-radius:99px;background:#cad5cf;position:relative}.switch:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--green)}.switch.on:after{transform:translateX(19px)}.grid-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid-person{min-height:104px;display:grid;place-items:center;align-content:center;gap:6px;border-radius:14px;background:#f5f9f7;font-size:11px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(135deg,#ef9bbb,#758be7);font-weight:800}.empty{padding:40px;text-align:center;color:var(--muted)}.login-gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,rgba(70,200,135,.3),transparent 34%),linear-gradient(145deg,#eaf7ef,#f7f5ec)}.login-card{width:min(430px,100%);padding:28px;border:1px solid rgba(255,255,255,.85);border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 30px 90px rgba(19,55,36,.16);backdrop-filter:blur(18px)}.login-card h1{font-size:23px;margin:24px 0 5px}.login-card>p{color:var(--muted);font-size:12px;margin:0 0 18px}.modal-wrap{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgba(10,25,16,.43);opacity:0;visibility:hidden}.modal-wrap.show{opacity:1;visibility:visible}.modal{width:min(580px,100%);max-height:88vh;overflow:auto;padding:21px;border-radius:21px;background:white;box-shadow:0 30px 90px rgba(0,0,0,.2)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.modal-head h2{margin:2px 0 0}.modal-head small{color:var(--muted)}.modal-head>button{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:white}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.toast{position:fixed;left:50%;bottom:25px;z-index:70;padding:10px 16px;border-radius:99px;color:white;background:rgba(17,37,27,.94);opacity:0;transform:translate(-50%,15px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{min-height:390px;display:grid;place-items:center;align-content:center;color:var(--muted)}.loading>span{width:34px;height:34px;border:3px solid #d8e6dd;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.stats{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:800px){.layout{display:block}aside{position:static;height:auto}aside nav{grid-template-columns:repeat(2,1fr)}.side-bottom{position:static;margin-top:18px}.side-bottom a{display:none}main{padding:20px 13px 40px}.admin-pill{display:none}.stats{grid-template-columns:repeat(2,1fr)}.config-grid{grid-template-columns:1fr}.search{min-width:100%}}

/* Layout and list stability fixes */
body.modal-open{overflow:hidden}.layout>aside{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.layout>aside nav{flex:0 0 auto}.side-bottom{position:static;left:auto;right:auto;bottom:auto;margin-top:auto;padding-top:18px}main{width:100%;max-width:1680px;margin:0 auto}header{position:sticky;top:0;z-index:8;padding:12px 0 16px;background:rgba(243,246,244,.9);backdrop-filter:blur(16px)}#view{min-height:0}.panel{min-width:0}.table-wrap{width:100%;overflow:auto;border:1px solid #edf2ef;border-radius:13px}table{table-layout:auto}th{position:sticky;top:0;z-index:2;white-space:nowrap}.table-wrap tbody tr[hidden]{display:none}.actions{flex-wrap:wrap;min-width:max-content}.toolbar-actions,.search-box{display:flex;align-items:center;gap:8px}.toolbar-actions{flex-wrap:wrap}.search-box{min-width:240px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:#fafcfb}.search-box:focus-within{border-color:#8fcfac;box-shadow:0 0 0 3px rgba(22,138,85,.12)}.search-box .search{min-width:0;width:100%;border:0;padding:9px 0;outline:0;background:transparent}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:55px;padding:12px 2px 0}.table-summary{color:var(--muted);font-size:12px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.page-btn{min-width:34px;height:34px;border:1px solid var(--line);border-radius:9px;padding:0 9px;color:#536159;background:#fff}.page-btn:hover:not(:disabled),.page-btn.active{border-color:#83caa3;color:#0d6c41;background:#e8f7ef}.page-gap{color:var(--muted)}button,input,select,textarea{transition:border-color .18s,box-shadow .18s,background-color .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,138,85,.2);outline-offset:2px}.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.ghost:hover:not(:disabled),.danger:hover:not(:disabled){transform:translateY(-1px)}
@media(max-height:760px) and (min-width:801px){aside{padding-top:16px;padding-bottom:14px}aside .brand{padding-bottom:14px}.nav-btn{padding:8px 11px}.side-bottom{padding-top:10px}.side-bottom a,.side-bottom button{padding:8px 10px}}
@media(max-width:800px){aside{overflow:visible}.side-bottom{padding-top:0}header{top:0;margin:0 0 17px;padding-top:8px}.toolbar{align-items:stretch}.filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.toolbar-actions,.search-box{width:100%}.table-footer{align-items:flex-start;flex-direction:column}.pagination{justify-content:flex-start}.page-btn{height:38px}.modal-wrap{padding:9px}.modal{padding:18px;border-radius:18px}.modal .modal-actions{position:sticky;bottom:-18px;margin-left:-18px;margin-right:-18px;padding:14px 18px;background:white;border-top:1px solid var(--line)}}