:root{--ink:#28384d;--blue:#4c5c9e;--line:#e0e5ee;--bg:#f5f6fa}body{background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,'Microsoft YaHei',sans-serif}.shell{min-height:100vh;display:flex}.sidebar{width:232px;flex:none;background:#252f54;padding:24px 13px;color:#fff}.brand{font-size:24px;font-weight:750;padding:4px 14px 28px}.brand span{display:block;color:#a8b5d7;letter-spacing:.18em;font-size:10px;font-weight:400}.sidebar .nav-link{color:#c0c9e0;padding:11px 15px;border-radius:9px;margin:2px 0}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#49598d;color:white}.main{min-width:0;flex:1}.topbar{background:white;border-bottom:1px solid var(--line);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.crumb,.user{font-size:13px;color:#7c86a0}.content{max-width:1500px;margin:auto;padding:30px 34px 60px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.pagehead h1{font-size:27px;font-weight:750;margin:2px 0 0}.eyebrow{letter-spacing:.19em;font-size:11px;color:#7782af;margin:0}.date-tag{font-size:12px;color:#858da3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 3px 15px #1524450a}.stat span{display:block;font-size:13px;color:#7b879d}.stat strong{font-size:30px;color:#465c9c}.card{border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 15px #1524450a;margin-bottom:22px;overflow:hidden}.card-header{background:white;border-bottom:1px solid var(--line);padding:15px 20px;font-weight:700}.card-body{padding:20px}.table{margin:0;vertical-align:middle}.table th{background:#fafbfe;color:#6d7893;font-size:12px;white-space:nowrap}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:#3d4e8b;border-color:#3d4e8b}.form-label{font-weight:650;font-size:13px}.inline{display:inline}.status{border-radius:20px;padding:3px 9px;background:#e7ebf7;color:#495e9e;font-size:12px}.status.cancelled{background:#f4e6e5;color:#b16a64}.month-nav{display:flex;gap:15px;align-items:center}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.day-name,.day-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px;min-height:105px;background:white}.day-name{min-height:auto;background:#f2f3fa;text-align:center;color:#6b7794;font-size:13px;font-weight:700}.day-cell.outside{background:#f8f9fc}.day-number{font-size:12px;color:#7e88a0;margin-bottom:6px}.booking-chip{display:block;background:#e8ebf8;color:#344a8b;padding:3px 6px;border-radius:5px;font-size:11px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#252f54,#6471aa)}.login-card{background:white;border-radius:16px;width:min(440px,100%);padding:35px;box-shadow:0 18px 55px #131c3c66}.login-card h1{font-size:25px;font-weight:750}.searchbar{display:flex;gap:8px;max-width:520px;margin-bottom:18px}.pagination-nav{display:flex;gap:13px;margin-top:15px}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;padding:9px}.brand{padding:3px 12px}.sidebar .nav{flex-direction:row!important;overflow:auto}.sidebar .nav-link{white-space:nowrap}.topbar{height:auto;flex-wrap:wrap;padding:14px;gap:10px}.content{padding:18px}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:23px}.calendar{overflow:auto;min-width:700px}.calendar-wrap{overflow-x:auto}.day-cell{min-height:85px}.pagehead h1{font-size:21px}}