*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#243431;font:14px 'Microsoft YaHei',sans-serif}aside{width:222px;position:fixed;inset:0 auto 0 0;background:#183f37;color:#e5eee9;padding:34px 22px}.brand{font-size:29px;font-weight:bold;letter-spacing:5px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;color:#9ebbb0}.store{border-top:1px solid #426158;border-bottom:1px solid #426158;margin:31px 0 25px;padding:22px 0}.store small{display:block;color:#a6bdb5;font-size:11px;margin-top:9px}nav button{display:block;background:none;color:#b6ccc3;text-align:left;width:100%;margin:8px 0;padding:13px 17px}nav button.active{background:#31594d;color:white}footer{position:absolute;bottom:28px;font-size:12px;line-height:2;color:#a6c4b6}footer small{font-size:10px}main{margin-left:222px;padding:0 36px 45px}header{height:77px;border-bottom:1px solid #e0e6e2;display:flex;justify-content:space-between;align-items:center;color:#7b8984;font-size:12px}i{font-style:normal;border-radius:50%;padding:12px;background:#e0e9df;margin-left:22px;color:#395a45}.heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 23px}h1{font-size:28px;margin:7px 0}p{color:#8a958f;font-size:12px;margin:0}button{border:0;border-radius:6px;padding:11px 17px;background:#27624f;color:white;cursor:pointer;font:inherit}button:hover{filter:brightness(1.08)}button.secondary{background:#edf2ee;color:#355645}button.danger{background:#f8e9e4;color:#ac5741}.notice{padding:12px 16px;border:1px solid #e6dabe;background:#fcf8ed;color:#90784b;font-size:12px;border-radius:6px}#stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.stat{background:white;border:1px solid #e6eae7;border-radius:9px;padding:22px}.stat strong{display:block;font-size:30px;margin:13px 0 8px;font-weight:500}.stat small{color:#909b95}section{background:white;border:1px solid #e5eae7;border-radius:9px;padding:23px;overflow:auto}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font-size:17px;margin:0 0 7px}input,select{border:1px solid #dce4de;border-radius:5px;padding:10px;font:inherit;color:#304b3c;background:white}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#f6f8f6;font-weight:400;color:#7d8d82}td,th{border:1px solid #e7ece8;padding:15px 11px;text-align:left;min-width:92px}td small{display:block;margin-top:7px;color:#8b988f}.cell{border-radius:5px;padding:12px 9px;background:#f1f6f1;min-height:52px;color:#6b8974;cursor:pointer}.booked{background:#e4eee6;color:#3d7351}.occupied{background:#e5ecf8;color:#587ca7}.blocked{background:#f2e8e1;color:#a27250}.badge{border-radius:4px;background:#e9f2ec;color:#4c7a5e;padding:4px 8px;display:inline-block}.muted{color:#8a968d}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{padding:7px 9px;font-size:12px}.legend{margin-top:20px;display:flex;gap:22px;color:#7b8b81;font-size:12px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{padding:23px;border:1px solid #e0e8e0;border-radius:8px}.card h3{margin:0 0 12px}.card p{line-height:1.9;margin-bottom:16px}dialog{border:none;border-radius:12px;width:460px;padding:28px;color:#294236}dialog::backdrop{background:#102b2466}label{display:block;margin:16px 0}label input,label select{display:block;width:100%;margin-top:7px}.formactions{display:flex;gap:10px;margin-top:23px}#toast{position:fixed;bottom:25px;left:50%;background:#244e3d;color:white;padding:14px 22px;border-radius:8px;display:none}.empty{padding:35px;text-align:center;color:#8b998f}@media(max-width:1000px){aside{width:175px;padding:25px 15px}main{margin-left:175px;padding:0 18px}#stats{gap:8px}.stat{padding:15px}header>span:last-child{display:none}}