:root {
  color-scheme: light; --ink:#152526; --muted:#687a79; --paper:#f2f5f2; --card:#fff;
  --deep:#0e3436; --teal:#0d746c; --teal-soft:#def1ec; --orange:#e9823c;
  --line:#dbe4df; --danger:#b43943; --safe-bottom:max(12px,env(safe-area-inset-bottom));
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.mobile-room-metric-preview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;padding:0!important;border:0!important}.mobile-room-metric-preview span{display:block;padding:10px;border-radius:10px;color:var(--muted);background:var(--paper);font-size:10px;text-transform:uppercase}.mobile-room-metric-preview strong{display:block;margin-top:4px;color:var(--ink);font-size:13px;text-transform:none}@media(max-width:420px){.mobile-room-metric-preview{grid-template-columns:1fr}}
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink)} button,input{font:inherit} button{cursor:pointer}[hidden]{display:none!important}
.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#2d6260,var(--deep) 45%,#071d1f)}
.auth-card{width:min(430px,100%);padding:34px;border-radius:28px;background:#fff;box-shadow:0 30px 70px #0005}.auth-card h1{margin:5px 0 8px;font-size:34px;letter-spacing:-.045em}.auth-card>p{line-height:1.5}.overline{margin:0;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.muted{color:var(--muted)}
label{display:grid;gap:7px;margin:18px 0;font-size:13px;font-weight:750}input{width:100%;padding:13px;border:1px solid #b9c8c3;border-radius:12px;outline:none;color:var(--ink);background:#fff}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d746c22}.primary{width:100%;border:0;border-radius:12px;padding:13px 16px;color:#fff;background:var(--teal);font-weight:800}.error{min-height:20px;margin:11px 0 0;color:var(--danger);font-size:13px}
.shell{min-height:100dvh;padding-bottom:86px}.app-header{position:sticky;top:0;z-index:10;height:78px;display:flex;align-items:center;gap:14px;padding:12px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#f2f5f2eF;backdrop-filter:blur(16px)}.app-header h1{margin:1px 0 0;font-size:21px;letter-spacing:-.025em}.title-block{min-width:0}.icon-button,.avatar-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:14px;color:var(--ink);background:#fff;box-shadow:0 5px 20px #102a2c12}.avatar-button{margin-left:auto;color:#fff;background:var(--orange);font-size:12px;font-weight:900}.connection-banner{padding:10px 18px;color:#6f451d;background:#fff0dc;font-size:12px;text-align:center}.main{max-width:1100px;margin:auto;padding:26px 18px 40px}.welcome{padding:26px;border-radius:22px;color:#fff;background:linear-gradient(125deg,#153f41,#0d746c);box-shadow:0 18px 42px #123a3b24}.welcome h2{margin:7px 0 8px;font-size:27px}.welcome p{margin:0;color:#cae6df;line-height:1.5}.section-title{margin:28px 0 13px}.section-title h2{margin:3px 0;font-size:19px}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:132px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;box-shadow:0 8px 24px #102a2c0a}.tile-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#09625d;background:var(--teal-soft);font-size:19px}.tile strong{display:block;margin-top:17px}.tile small{display:block;margin-top:4px;color:var(--muted)}.empty{padding:44px 20px;text-align:center;color:var(--muted)}
.quick-nav{position:fixed;z-index:12;left:50%;bottom:var(--safe-bottom);transform:translateX(-50%);display:flex;width:min(560px,calc(100% - 24px));min-height:64px;padding:7px;border:1px solid #ffffff30;border-radius:20px;background:#102f31f5;box-shadow:0 18px 45px #001d1f55;backdrop-filter:blur(18px)}.quick-item{position:relative;flex:1;display:grid;place-items:center;gap:2px;border:0;border-radius:14px;color:#bed5d1;background:transparent;font-size:10px}.quick-item.active{color:#fff;background:#ffffff14}.quick-item b{font-size:20px;line-height:1}.quick-item em{position:absolute;top:1px;right:calc(50% - 22px);min-width:17px;padding:2px 4px;border-radius:9px;color:#fff;background:#d65545;font-size:9px;font-style:normal}.drawer-backdrop{position:fixed;z-index:20;inset:0;background:#07191b88;backdrop-filter:blur(2px)}.drawer{position:fixed;z-index:21;inset:0 auto 0 0;width:min(390px,88vw);padding:24px 18px;background:#fff;transform:translateX(-102%);transition:.22s;box-shadow:20px 0 60px #0003;overflow:auto}.drawer.open{transform:none}.drawer-head{display:flex;align-items:start;justify-content:space-between}.drawer-head h2{margin:3px 0}.search-label{margin:22px 0}.nav-group{margin:20px 0}.nav-group h3{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.menu-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;gap:3px}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 5px 12px 12px;border:0;border-radius:12px;background:transparent;text-align:left}.menu-item:hover{background:var(--teal-soft)}.menu-item .menu-icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf3f0}.menu-item small{display:block;color:var(--muted)}.menu-item em{margin-left:auto;padding:3px 7px;border-radius:10px;color:#fff;background:#d65545;font-size:10px;font-style:normal}.mini-action{width:34px;height:34px;border:1px solid transparent;border-radius:10px;color:#8ba19d;background:transparent}.mini-action:hover{background:var(--teal-soft)}.mini-action.selected{border-color:#bad6ce;color:var(--teal);background:#e0f0eb}.drawer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.text-button{border:0;padding:8px;color:var(--teal);background:transparent;font-weight:800}.profile-popover{position:fixed;z-index:18;top:70px;right:18px;width:250px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 45px #102a2c25}.profile-popover strong,.profile-popover span{display:block}.profile-popover span{margin-top:3px;color:var(--muted);font-size:12px}.profile-popover button{margin-top:12px;padding-left:0}
@media(min-width:720px){.main{padding:38px 30px 110px}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome{padding:34px}.app-header{padding-inline:30px}.quick-nav{bottom:20px}}
@media(max-width:380px){.auth-card{padding:26px 20px}.quick-nav{width:calc(100% - 12px)}.quick-item:nth-child(n+5){display:none}}
.compact-welcome{margin-bottom:18px}.app-search{display:grid;gap:7px;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:800}.customer-app-list{display:grid;gap:9px}.customer-app-list>button{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;text-align:left;box-shadow:0 6px 18px #102a2c0a}.customer-app-list strong,.customer-app-list small{display:block}.customer-app-list small{margin-top:4px;color:var(--muted)}.loading-card{padding:45px;text-align:center;color:var(--muted)}.back-link{margin-bottom:12px;border:0;color:var(--teal);background:transparent;font-weight:800}.app-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.app-detail-grid article{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.app-detail-grid span,.app-detail-grid strong{display:block}.app-detail-grid span{margin-bottom:5px;color:var(--muted);font-size:11px}.app-record-section{margin:14px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.app-record-section>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.app-record-section>div span{text-align:right;color:var(--muted);font-size:12px}
.order-app-list{display:grid;gap:9px}.order-app-list>button{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;text-align:left;box-shadow:0 6px 18px #102a2c0a}.order-app-list strong,.order-app-list small{display:block}.order-app-list small{margin-top:4px;color:var(--muted)}.order-priority{width:7px;height:44px;border-radius:6px;background:#78908b}.order-priority.high{background:#e9823c}.order-priority.urgent{background:#b43943}.order-priority.low{background:#8aaac4}
.planning-app-list strong small{display:block;margin-top:4px;color:var(--muted);font-weight:500}.offline-note{padding:12px 15px;border-radius:12px;color:#6f451d;background:#fff0dc;font-size:12px;line-height:1.45}.time-capture{display:grid;gap:12px}.time-capture form{display:grid;gap:9px}.time-capture select,.time-capture textarea{width:100%;padding:12px;border:1px solid #b9c8c3;border-radius:12px;color:var(--ink);background:#fff;font:inherit}.time-capture textarea{min-height:72px;resize:vertical}.primary-action{padding:12px 15px;border:0;border-radius:12px;color:#fff;background:var(--teal);font-weight:850}.planning-app-list>div{align-items:center;flex-wrap:wrap}.planning-app-list .submit-time{margin:0;padding:8px}@media(min-width:720px){.time-capture{grid-template-columns:repeat(2,minmax(0,1fr))}}
.task-app-list{display:grid;gap:10px}.task-app-card{display:grid;grid-template-columns:8px 1fr;gap:13px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 6px 18px #102a2c0a}.task-app-card strong,.task-app-card small{display:block}.task-app-card small{margin-top:4px;color:var(--muted)}.task-app-card p{margin:8px 0;font-size:13px;line-height:1.45}#taskAppForm{display:grid;gap:9px}#taskAppForm select,#taskAppForm textarea{width:100%;padding:12px;border:1px solid #b9c8c3;border-radius:12px;color:var(--ink);background:#fff;font:inherit}#taskAppForm textarea{min-height:75px;resize:vertical}
.app-context-actions{display:grid;margin:12px 0}.mobile-room-form select,.mobile-room-form textarea{width:100%;padding:12px;border:1px solid #b9c8c3;border-radius:12px;color:var(--ink);background:#fff;font:inherit}.mobile-room-form textarea{min-height:78px;resize:vertical}.mobile-room-form label>small{display:block;margin:5px 2px 0;color:var(--muted);font-size:10px;font-weight:500}.mobile-dimensions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0!important;border:0!important}.mobile-dimensions label{min-width:0}.mobile-room-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:13px}.mobile-room-options legend{font-size:12px;font-weight:800}.mobile-room-options label{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:9px;background:var(--paper)}.mobile-room-options input{width:20px}.mobile-room-list{display:grid;gap:10px}.mobile-room-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 6px 18px #102a2c0a}.mobile-room-card.offline-conflict{border-color:#c66a28;background:#fff9f4}.mobile-room-card strong,.mobile-room-card small{display:block}.mobile-room-card small{margin-top:4px;color:var(--muted)}.mobile-room-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.mobile-room-card dl div{padding:9px;border-radius:10px;background:var(--paper)}.mobile-room-card dt{color:var(--muted);font-size:10px;text-transform:uppercase}.mobile-room-card dd{margin:4px 0 0;font-size:13px}.mobile-room-card p{margin:8px 0 0;color:var(--muted);font-size:12px}.mobile-room-card .mobile-room-edit{margin:12px 0 0;padding:8px 0}.mobile-room-features{display:flex;flex-wrap:wrap;gap:5px}.mobile-room-features span{padding:4px 7px;border-radius:99px;color:#075b56;background:var(--teal-soft);font-size:10px;font-weight:750}@media(max-width:420px){.mobile-dimensions,.mobile-room-options{grid-template-columns:1fr}.mobile-room-card dl{grid-template-columns:1fr}}
.mobile-work-section{margin-top:24px}.section-hint{margin:4px 0 12px;color:var(--muted);font-size:12px}.mobile-work-list{display:grid;gap:10px}.mobile-work-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 6px 18px #102a2c0a}.mobile-work-card.offline-conflict{border-color:#c66a28;background:#fff9f4}.mobile-work-card strong,.mobile-work-card small{display:block}.mobile-work-card small{margin-top:4px;color:var(--muted)}.mobile-work-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.mobile-work-card dl div{padding:9px;border-radius:10px;background:var(--paper)}.mobile-work-card dt{color:var(--muted);font-size:10px;text-transform:uppercase}.mobile-work-card dd{margin:4px 0 0;font-size:13px}.mobile-work-card p{margin:8px 0 0;color:var(--muted);font-size:12px}.mobile-work-card .mobile-work-edit{margin:12px 0 0;padding:8px 0}@media(max-width:420px){.mobile-work-card dl{grid-template-columns:1fr}}