:root{--accent:#159451;--info:#0f7ab8;--warn:#d1830d;--danger:#d13347;--bg:#f2f2f7;--surface:#fff;--surface2:#f7f7fa;--divider:rgba(60,60,67,.20);--text:#111;--secondary:#6e6e73;--sidebar:#f7f7fa;--blue:#007aff;--shadow:0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:min(430px,100%);background:var(--surface);border-radius:14px;padding:28px;border:1px solid var(--divider);box-shadow:var(--shadow)}.app-brand{display:flex;gap:14px;align-items:center;margin-bottom:24px}.app-brand img{width:54px;height:54px;border-radius:12px}.app-brand h1{font-size:26px;margin:0}.app-brand p{margin:4px 0 0;color:var(--secondary)}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--divider);background:var(--surface2);border-radius:10px;padding:12px 13px;outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,122,255,.12)}.primary-btn,.plain-btn,.danger-btn{border:0;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer}.primary-btn{background:var(--blue);color:#fff}.plain-btn{background:#e9e9ee;color:var(--text)}.danger-btn{background:var(--danger);color:#fff}.primary-btn:disabled{opacity:.5}.login-error{background:#fff0f2;color:#a51e32;border:1px solid #ffd0d7;padding:10px 12px;border-radius:10px;margin:10px 0}.workspace{min-height:100vh;display:grid;grid-template-columns:290px 1fr}.sidebar{background:var(--sidebar);border-right:1px solid var(--divider);position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar-title{padding:22px 20px 14px;font-size:24px;font-weight:700}.nav{padding:5px 10px;overflow:auto}.nav-btn{width:100%;border:0;background:transparent;border-radius:9px;padding:10px 12px;display:flex;gap:11px;align-items:center;text-align:left;cursor:pointer;font-size:15px}.nav-btn:hover{background:rgba(0,0,0,.04)}.nav-btn.active{background:rgba(0,122,255,.12);color:var(--blue);font-weight:600}.nav-icon{width:22px;text-align:center;font-size:17px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--divider);padding:14px 20px 18px}.sidebar-footer .property{font-weight:600}.sidebar-footer .user{font-size:13px;color:var(--secondary);margin-top:3px}.main{min-width:0}.topbar{height:56px;background:rgba(248,248,248,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--divider);display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:3}.topbar h2{font-size:19px;margin:0}.top-actions{margin-left:auto;display:flex;gap:8px}.icon-btn{border:0;background:transparent;border-radius:8px;width:40px;height:40px;cursor:pointer;font-size:18px}.icon-btn:hover{background:rgba(0,0,0,.05)}.content{max-width:1040px;padding:18px 24px 60px}.group-title{font-size:13px;color:var(--secondary);text-transform:uppercase;margin:22px 16px 7px;letter-spacing:.02em}.group{background:var(--surface);border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow)}.row{min-height:47px;padding:10px 14px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--divider)}.row:last-child{border-bottom:0}.row .label{font-size:15px}.row .value{margin-left:auto;color:var(--secondary);font-size:15px;font-variant-numeric:tabular-nums}.row .value.strong{font-weight:600;color:var(--text)}.row.vertical{display:block}.row.vertical .sub{color:var(--secondary);font-size:13px;margin-top:4px}.segmented{display:flex;background:#e9e9ee;border-radius:8px;padding:2px;width:100%}.segmented button{flex:1;border:0;background:transparent;border-radius:6px;padding:7px 8px;cursor:pointer}.segmented button.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}.select-inline,.date-inline{margin-left:auto;border:0;background:transparent;color:var(--blue);font:inherit;text-align:right}.reset-btn{border:0;background:transparent;color:var(--blue);cursor:pointer;padding:0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{background:#fff;border:1px solid var(--divider);border-radius:10px;padding:16px}.metric .m-title{font-size:12px;color:var(--secondary)}.metric .m-value{font-size:21px;font-weight:650;margin-top:6px}.metric .m-detail{font-size:12px;color:var(--secondary);margin-top:4px}.banner{border-radius:10px;padding:14px 16px;background:#fff;border:1px solid var(--divider);display:flex;gap:11px}.banner.ok{border-left:4px solid var(--accent)}.banner.warn{border-left:4px solid var(--warn)}.booking-row{cursor:pointer}.booking-row:hover{background:#fafafa}.badge{font-size:12px;font-weight:600;padding:4px 7px;border-radius:999px;background:#ececf1;color:var(--secondary)}.badge.green{background:#e9f7ee;color:#167b42}.badge.orange{background:#fff4df;color:#9b6204}.bars{height:170px;padding:16px;display:flex;gap:20px;align-items:end;border-bottom:1px solid var(--divider)}.bar-col{flex:1;text-align:center;min-width:40px}.bar{width:100%;max-width:80px;margin:0 auto;background:var(--blue);border-radius:6px 6px 2px 2px;min-height:2px}.bar-label{font-size:12px;color:var(--secondary);margin-top:7px;white-space:nowrap}.toolbar-btn{border:0;background:transparent;color:var(--blue);font-weight:600;cursor:pointer}.loading{padding:60px;text-align:center;color:var(--secondary)}.empty{padding:50px 20px;text-align:center;color:var(--secondary)}.spinner{width:24px;height:24px;border:3px solid #ddd;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet{position:fixed;inset:0;background:rgba(0,0,0,.25);display:grid;place-items:center;z-index:10;padding:20px}.sheet-card{width:min(620px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:16px;padding:22px}.sheet-head{display:flex;align-items:center}.sheet-head h3{margin:0}.sheet-head button{margin-left:auto}.toast{position:fixed;right:24px;bottom:24px;max-width:420px;padding:12px 14px;border-radius:10px;background:#222;color:#fff;z-index:30}.mobile-tabs{display:none}@media(max-width:800px){.workspace{display:block}.sidebar{display:none}.content{padding:12px 12px 88px}.topbar{padding:0 14px}.group-title{margin-left:12px}.metric-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(249,249,249,.96);backdrop-filter:blur(15px);border-top:1px solid var(--divider);z-index:8}.mobile-tabs button{flex:1;border:0;background:transparent;padding:8px 4px 10px;color:var(--secondary);font-size:10px}.mobile-tabs button.active{color:var(--blue)}.mobile-tabs .mi{display:block;font-size:20px;margin-bottom:2px}.bars{gap:8px}.bar-label{font-size:10px}}