:root{--bg:#f4f5fb;--card:#ffffff;--ink:#161a33;--muted:#6b7190;--line:#e6e8f2;--brand:#5b5bf6;--brand-soft:#ecebff;--green:#16a34a;--amber:#d97706;--hour:62px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.5 "Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2{margin:0}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:linear-gradient(90deg,#11142b 250px,var(--bg) 250px)}.side{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:24px;height:100vh;padding:26px 18px;background:#11142b;color:#c9cce6}.logo{display:flex;align-items:center;gap:10px;padding:0 10px;font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.02em}.logo-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#7c7cff,#22d3ee)}.menu{display:grid;gap:4px}.menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-weight:500}.menu a.on{background:rgba(124,124,255,.18);color:#fff}.booking-card{margin-top:auto;padding:16px;border-radius:14px;background:linear-gradient(135deg,rgba(124,124,255,.25),rgba(34,211,238,.12))}.booking-card p{margin:0;font-size:.78rem}.booking-card strong{display:block;margin:4px 0 10px;color:#fff;font-size:.82rem;word-break:break-all}.live{display:flex;align-items:center;gap:7px;font-size:.76rem;color:#86efac}.live i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.25)}.me{display:flex;align-items:center;gap:10px}.me strong{display:block;color:#fff}.me small{color:#9ea3c7}.avatar,.ini{display:inline-grid;place-items:center;flex:none;border-radius:50%;font-weight:600}.avatar{width:38px;height:38px;background:linear-gradient(135deg,#7c7cff,#c084fc);color:#fff}.main{padding:26px 32px 30px;min-width:0}.top{display:flex;align-items:center;gap:20px;margin-bottom:24px}.top h1{font-size:1.6rem;letter-spacing:-.02em}.date{margin:2px 0 0;color:var(--muted)}.views{display:flex;margin-left:auto;padding:4px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.views span{padding:6px 14px;border-radius:8px;color:var(--muted);font-weight:500}.views .on{background:var(--brand-soft);color:var(--brand)}.search{display:flex;align-items:center;gap:8px;width:240px;height:40px;padding:0 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--muted)}.search input{flex:1;border:0;outline:0;background:none;font:inherit}.btn{height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--brand);color:#fff;font:600 .9rem "Inter",sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(91,91,246,.8)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats article,.panel{padding:18px 20px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.stats p{margin:0;color:var(--muted);font-size:.84rem}.stats strong{display:block;margin:4px 0 8px;font-size:1.8rem;letter-spacing:-.02em}.up{color:var(--green);font-size:.8rem;font-weight:600}.muted{color:var(--muted);font-size:.8rem}.bar{display:block;height:6px;border-radius:6px;background:var(--brand-soft);overflow:hidden}.bar i{display:block;width:var(--w);height:100%;border-radius:6px;background:linear-gradient(90deg,var(--brand),#22d3ee)}.board{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;margin-bottom:20px}.calendar{border-radius:16px;background:var(--card);border:1px solid var(--line);overflow:hidden}.cal-head{display:grid;grid-template-columns:56px repeat(6,1fr);border-bottom:1px solid var(--line)}.cal-head span{padding:12px 10px;color:var(--muted);font-size:.8rem}.cal-head b{display:block;color:var(--ink);font-size:1.2rem}.cal-head .today{color:var(--brand)}.cal-head .today b{display:inline-grid;place-items:center;width:34px;height:34px;margin-top:2px;border-radius:50%;background:var(--brand);color:#fff}.cal-body{display:grid;grid-template-columns:56px 1fr}.hours span{display:block;height:var(--hour);padding:4px 8px;color:var(--muted);font-size:.74rem;text-align:right;border-right:1px solid var(--line)}.cols{position:relative;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 100% var(--hour),linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / calc(100% / 6) 100%}.ev{position:absolute;left:calc(100% / 6 * var(--d) + 5px);top:calc(var(--hour) * var(--s) + 3px);width:calc(100% / 6 - 10px);height:calc(var(--hour) * var(--l) - 6px);padding:6px 9px;border-radius:9px;border-left:3px solid;font-size:.74rem;line-height:1.3;overflow:hidden}.ev b{display:block;font-size:.8rem}.ev.a{background:#ecebff;border-color:var(--brand);color:#3b3bb8}.ev.b{background:#e0f7fb;border-color:#0891b2;color:#0e6278}.ev.c{background:#fdeefc;border-color:#c026d3;color:#8b1d99}.ev.d{background:repeating-linear-gradient(45deg,#f4f5fb 0 6px,#eceef6 6px 12px);border-color:#b8bdd6;color:var(--muted)}.now{position:absolute;left:0;right:0;top:calc(var(--hour) * var(--s));height:2px;background:#ef4444}.now::before{content:"";position:absolute;left:calc(100% / 6 * 2 - 5px);top:-4px;width:10px;height:10px;border-radius:50%;background:#ef4444}.right{display:grid;gap:20px;align-content:start}.panel h2{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:1rem}.pill{padding:3px 10px;border-radius:99px;background:var(--brand-soft);color:var(--brand);font-size:.74rem}.today-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.today-list li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--bg)}.today-list time{font-weight:600;color:var(--brand);font-size:.84rem}.today-list div{flex:1;min-width:0}.today-list b{display:block;font-size:.86rem}.today-list small{color:var(--muted)}.st{padding:3px 9px;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap}.st.ok{background:#dcfce7;color:var(--green)}.st.wait{background:#fef3c7;color:var(--amber)}.st.free{background:var(--brand-soft);color:var(--brand)}.month{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.month span{color:var(--muted);font-size:.74rem;font-weight:600}.month i{position:relative;display:grid;place-items:center;height:32px;border-radius:8px;font-style:normal;font-size:.84rem}.month i.dot::after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--brand)}.month i.sel{background:var(--brand);color:#fff;font-weight:600}.reminder p{margin:0 0 10px;color:var(--muted)}.reminder strong{color:var(--ink);font-size:1.1rem}.reminder small{display:block;margin-top:10px;color:var(--green);font-weight:500}.bottom{display:grid;grid-template-columns:1fr 380px;gap:20px}table{width:100%;border-collapse:collapse}th{padding:0 10px 10px;color:var(--muted);font-size:.76rem;font-weight:500;text-align:left;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.ini{width:30px;height:30px;margin-right:10px;background:var(--brand-soft);color:var(--brand);font-size:.72rem}.chart{list-style:none;margin:0;padding:0;display:grid;gap:16px}.chart li{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:12px;font-size:.84rem}.chart i{display:block;width:var(--w);height:10px;border-radius:6px;background:linear-gradient(90deg,var(--brand),#22d3ee)}.chart b{text-align:right}.demo-note{margin:26px 0 0;color:var(--muted);font-size:.78rem;text-align:center}@media (max-width:1100px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.menu{display:none}.board,.bottom,.stats{grid-template-columns:1fr}.search{display:none}}