:root{--ink: #1c2733;--muted: #6d7b89;--faint: #9aa5b1;--line: #e6e4de;--line2: #dcdfd9;--panel: #ffffff;--surface: #f8f7f4;--bg: #eceae5;--blue: #2f6fb5;--myhotel: #2f6fb5;--weekend: #f2efe9;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-size:13px}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-content{flex:1;overflow:auto}.topnav{flex:none;display:flex;align-items:center;gap:30px;height:62px;padding:0 30px;background:#fff;border-bottom:1px solid var(--line)}.topnav-brand{display:flex;align-items:center;gap:9px}.topnav-logo{font-weight:600;font-size:21px;letter-spacing:-.03em;color:var(--ink)}.topnav-tabs{display:flex;align-items:center;gap:26px;height:100%}.topnav-tab{display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;font-size:14.5px;color:var(--muted);text-decoration:none}.topnav-tab.active{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}.topnav-tab:hover{color:var(--ink)}.topnav-spacer{flex:1}.topnav-user{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted)}.topnav-email{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav-avatar{width:30px;height:30px;border-radius:15px;background:#dfe8f2;display:flex;align-items:center;justify-content:center;font:500 11px var(--mono);color:var(--blue)}.sidebar{background:var(--sidebar);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px}.logo{color:#fff;font-weight:700;font-size:10px;text-align:center;line-height:1.1;margin-bottom:20px;letter-spacing:.02em}.logo span{display:block;font-weight:400;opacity:.8}.nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#9fb0c0;border-radius:8px;font-size:18px;cursor:pointer;text-decoration:none}.nav-icon.active,.nav-icon:hover{background:var(--sidebar-active);color:#fff}.nav-spacer{flex:1}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;gap:20px;padding:14px 22px;background:#fff;border-bottom:1px solid var(--line)}.topbar .title{font-size:20px;font-weight:300;display:flex;align-items:center;gap:8px}.topbar .title b{font-weight:600}.month-picker{position:relative;display:inline-flex;align-items:center}.month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:20px;font-weight:300;color:var(--muted);cursor:pointer;padding:0 18px 0 2px}.month-select:focus{outline:none}.month-caret{position:absolute;right:2px;font-size:12px;color:var(--muted);pointer-events:none}.topbar .update{margin-left:auto;color:var(--muted);font-size:12px}.topbar .update b{color:var(--ink)}.content{flex:1;overflow:auto;padding:18px 22px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 6px 4px}.legend{display:flex;gap:22px;padding:12px 16px 4px;flex-wrap:wrap}.legend .item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink)}.legend .dot{width:11px;height:11px;border-radius:50%}.notice{padding:60px;text-align:center;color:var(--muted)}.notice.error{color:#c0392b}.panel{background:#fff;border-left:1px solid var(--line);overflow:auto;padding:20px 18px 40px;position:relative}.panel h4{margin:22px 0 10px;font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.panel h4:first-child{margin-top:0}.panel select,.panel input[type=date]{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px;background:#fff;color:var(--ink)}.check{display:flex;align-items:center;gap:9px;padding:6px 0;color:var(--ink);cursor:default}.check .box{width:16px;height:16px;border-radius:3px;background:var(--myhotel);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}.los,.occ{display:flex;gap:8px;align-items:center}.los .box,.occ .box{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:#fff;color:var(--ink);font-size:13px;-webkit-user-select:none;user-select:none}.los .box.active,.occ .box.active{background:var(--myhotel);border-color:var(--myhotel);color:#fff}.occ .cap{margin-left:auto;color:var(--muted);font-size:12px}.hint{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.4}.refresh{margin-top:24px;width:100%;padding:11px;border:none;border-radius:6px;background:var(--myhotel);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.refresh:disabled{opacity:.55;cursor:default}.hotel-list{display:flex;flex-direction:column;gap:2px}.hotel-row{display:flex;align-items:center;gap:8px;padding:6px 2px}.hotel-row .dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.hotel-row .hname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.hotel-row .toggle-box{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.hotel-row .toggle-box .check{position:absolute;color:#fff;font-size:8px;font-weight:700;line-height:1;pointer-events:none}.hotel-row .hname{cursor:pointer}.hotel-row.off{opacity:.5}.hotel-row.off .dot{box-shadow:inset 0 0 0 2px #fff;filter:grayscale(.2)}.hotel-row.off .hname{text-decoration:line-through}.hotel-row .rm{color:#b7c0c9;cursor:pointer;font-size:12px;padding:0 2px}.hotel-row .rm:hover{color:#c0392b}.legend .item.toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.legend .item.toggle.off{opacity:.4;text-decoration:line-through}.addhotel{margin-top:10px;width:100%;padding:9px;border:1px dashed #b7c6d4;border-radius:6px;background:#f7fafd;color:var(--myhotel);font-size:13px;font-weight:600;cursor:pointer}.addhotel:hover{background:#eef4fb}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:10px;width:380px;max-width:92vw;padding:20px 22px;box-shadow:0 12px 40px #00000047}.modal h3{margin:0 0 4px;font-size:16px}.modal-hint{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.45}.modal label{display:block;font-size:12px;font-weight:600;margin:10px 0 4px}.modal input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px}.modal-error{margin-top:10px;color:#c0392b;font-size:12px}.modal-actions{margin-top:18px;display:flex;gap:10px;justify-content:flex-end}.modal-actions button{padding:9px 16px;font-size:13px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.btn-primary{background:var(--myhotel);color:#fff}.btn-ghost{background:#eef1f4;color:var(--ink)}.infotip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid #b7c6d4;color:#8a97a4;font-size:10px;font-weight:700;font-style:italic;font-family:Georgia,Times New Roman,serif;cursor:help;-webkit-user-select:none;user-select:none}.infotip:hover,.infotip:focus{border-color:var(--myhotel);color:var(--myhotel);outline:none}.infotip .infotip-pop{position:absolute;left:18px;right:18px;margin-top:20px;background:#2b3a4a;color:#fff;font-size:11px;font-style:normal;font-weight:400;line-height:1.45;padding:8px 10px;border-radius:6px;box-shadow:0 6px 20px #00000040;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:50;text-align:left;pointer-events:none}.infotip .infotip-pop:before{content:"";position:absolute;bottom:100%;left:22px;border:5px solid transparent;border-bottom-color:#2b3a4a}.infotip:hover .infotip-pop,.infotip:focus .infotip-pop{opacity:1;visibility:visible}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 40px #00000014;padding:30px 28px;width:360px;max-width:92vw}.auth-logo{color:var(--sidebar);font-weight:700;font-size:15px;margin-bottom:18px}.auth-logo span{font-weight:400;opacity:.7}.auth-card h2{margin:0 0 18px;font-size:19px;font-weight:600}.auth-card label{display:block;font-size:12px;font-weight:600;margin:12px 0 5px;color:#333}.auth-card input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px;font-size:14px}.auth-error{margin-top:12px;color:#c0392b;font-size:12.5px}.auth-info{margin-top:12px;color:#0a7d34;font-size:12.5px}.auth-submit{margin-top:20px;width:100%;padding:11px;border:none;border-radius:7px;background:var(--myhotel);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center}.auth-switch button{background:none;border:none;color:var(--myhotel);font-weight:600;cursor:pointer;font-size:12.5px;padding:0}.pending-icon{font-size:40px;text-align:center;margin-bottom:8px}.pending-text{color:var(--muted);font-size:13px;line-height:1.5;margin:8px 0 18px}.user-area{margin-left:auto;display:flex;align-items:center;gap:12px}.user-area .update{margin-left:0}.user-email{font-size:12px;color:var(--ink);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-btn{padding:6px 12px;border:1px solid var(--myhotel);border-radius:6px;background:var(--myhotel);color:#fff;font-size:12px;font-weight:600;cursor:pointer}.user-btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.admin-modal{width:560px}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.admin-head h3{margin:0}.admin-empty{padding:24px;text-align:center;color:var(--muted)}.admin-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}.admin-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}.admin-table td{padding:8px;border-bottom:1px solid #f2f5f8}.admin-table .muted{color:var(--muted)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge.on{background:#e3f5ea;color:#0a7d34}.badge.off{background:#f1f3f5;color:#8a97a4}.badge.admin{background:#eef2fb;color:var(--myhotel)}.settings-modal{width:420px}.settings-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.settings-section.first{border-top:none;padding-top:4px;margin-top:8px}.settings-section h4{margin:0 0 10px;font-size:13px;font-weight:600}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px}.settings-row span:first-child{color:var(--muted)}.page{height:100%;overflow:auto;background:var(--bg)}.page-head{padding:14px 22px;background:#fff;border-bottom:1px solid var(--line)}.page-head h1{margin:0;font-size:20px;font-weight:600}.page-body{padding:22px;max-width:640px}.page-body.wide{max-width:860px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px 20px;margin-bottom:18px}.card h3{margin:0 0 12px;font-size:15px}.card-hint{margin:-4px 0 14px;color:var(--muted);font-size:12.5px;line-height:1.5}.card label{display:block;font-size:12px;font-weight:600;margin:10px 0 4px}.card input{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px}.hotel-manage-list{display:flex;flex-direction:column;margin-bottom:16px}.manage-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #f2f5f8}.manage-row:last-child{border-bottom:none}.own-pick{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.own-pick .dot{width:11px;height:11px;border-radius:50%}.manage-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-name a{color:var(--ink);text-decoration:none}.manage-name a:hover{text-decoration:underline}.manage-remove{border:none;background:none;color:#b7c0c9;cursor:pointer;font-size:13px}.manage-remove:hover{color:#c0392b}.add-hotel-form{border-top:1px solid var(--line);padding-top:14px}.add-hotel-form input{margin-bottom:8px}.you-badge{margin-left:6px;font-size:10px;font-weight:600;color:var(--myhotel);background:#eef2fb;padding:1px 6px;border-radius:8px;vertical-align:middle}.channel-select option:disabled{color:#b7c0c9}.ch-badge{width:20px;height:20px;border-radius:4px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto}.channel-dd{position:relative}.channel-dd-btn{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:var(--ink)}.channel-dd-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-dd-caret{color:var(--muted);font-size:12px}.channel-dd-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0000001f;padding:4px}.channel-dd-item{width:100%;display:flex;align-items:center;gap:9px;padding:8px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--ink);border-radius:6px;text-align:left}.channel-dd-item:hover:not(.disabled){background:#f4f6f8}.channel-dd-item.active{background:#eef4fb}.channel-dd-item.disabled{cursor:default}.channel-dd-item.disabled .ch-badge,.channel-dd-item.disabled .channel-dd-name{opacity:.5}.channel-dd-soon{margin-left:auto;font-size:10px;color:var(--muted);background:#f1f3f5;padding:1px 6px;border-radius:8px}.dash-page{max-width:1440px;margin:0 auto;padding:26px 30px 40px}.dash-header{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:22px}.dash-eyebrow{font:500 11.5px var(--mono);color:var(--faint);letter-spacing:.12em;margin-bottom:7px}.dash-h1{margin:0;font:600 32px IBM Plex Sans,sans-serif;letter-spacing:-.025em;color:var(--ink)}.dash-title-meta{display:flex;align-items:center;gap:8px;padding-bottom:6px}.dash-badge{font:500 9.5px var(--mono);background:var(--ink);color:#fff;border-radius:4px;padding:3px 7px;letter-spacing:.08em}.dash-sub{font-size:13px;color:#5b6b7c}.dash-header-spacer{flex:1}.dash-pulled{font-size:13px;color:#5b6b7c;padding-bottom:8px}.dash-refresh{display:flex;align-items:center;gap:8px;border:1px solid #cfd6de;border-radius:9px;padding:8px 15px;background:#fff;font:500 13.5px IBM Plex Sans,sans-serif;color:var(--ink);cursor:pointer}.dash-refresh:hover{background:var(--surface)}.dash-refresh:disabled{opacity:.6;cursor:default}.filters{display:flex;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:20px}.filter-label{font:400 11.5px var(--mono);color:var(--faint);letter-spacing:.1em;margin-bottom:8px}.chips{display:flex;gap:6px;flex-wrap:wrap;max-width:820px}.chip{display:flex;align-items:center;gap:7px;padding:8px 13px;background:#fff;border:1px solid var(--line2);border-radius:8px;font:400 13.5px IBM Plex Sans,sans-serif;color:#4a5764;cursor:pointer}.chip.selected{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:500}.chip.disabled{background:#fbfaf8;border-style:dashed;cursor:default;color:var(--muted)}.chip-dot{width:8px;height:8px;border-radius:4px;flex:none}.chip-soon{font:400 9.5px var(--mono);color:var(--faint);letter-spacing:.06em}.stay-row,.window-row{display:flex;align-items:center;gap:8px}.seg{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line2);border-radius:8px;padding:3px}.seg-tag{font:400 11px var(--mono);color:var(--faint);padding:0 4px 0 6px}.seg-item{border:none;background:none;border-radius:6px;padding:6px 12px;font-size:13.5px;color:#4a5764;cursor:pointer}.seg-item.active{background:var(--blue);color:#fff}.window-pill{background:var(--blue);color:#fff;border-radius:8px;padding:8px 14px;font-size:13.5px}.window-from{font-size:13.5px;color:var(--muted)}.window-month{position:relative;display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line2);border-radius:8px}.window-month select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font:400 13.5px IBM Plex Sans,sans-serif;color:var(--ink);cursor:pointer;padding:8px 28px 8px 13px}.window-month select:focus{outline:none}.window-caret{position:absolute;right:11px;color:var(--faint);font-size:11px;pointer-events:none}.chart-card{background:#fff;border-radius:14px;padding:22px 26px 14px;box-shadow:0 1px 3px #1c27330f;margin-bottom:16px}.chart-tip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;box-shadow:0 8px 24px #1c27331f;min-width:190px}.chart-tip-day{font:500 13px IBM Plex Sans,sans-serif;color:var(--ink)}.chart-tip-range{font:400 11.5px var(--mono);color:var(--muted);margin-top:1px}.chart-tip-rows{margin-top:7px;display:grid;gap:4px}.chart-tip-row{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#4a5764}.chart-tip-dot{width:8px;height:8px;border-radius:4px;flex:none}.chart-tip-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tip-row b{font-family:var(--mono)}.legend{display:flex;gap:20px;flex-wrap:wrap;padding:14px 4px 4px;border-top:1px solid #f0efeb;margin-top:8px}.legend-item{display:flex;align-items:center;gap:7px;border:none;background:none;font:400 13px IBM Plex Sans,sans-serif;color:var(--ink);cursor:pointer;padding:0}.legend-item.off{opacity:.4;text-decoration:line-through}.legend-dot{width:10px;height:10px;border-radius:5px;flex:none}.legend-note{color:var(--muted)}.legend-note.err{color:#c0392b}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kpi{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #1c27330f}.kpi-label{font:400 11.5px var(--mono);color:var(--faint);letter-spacing:.1em}.kpi-body{display:flex;align-items:baseline;gap:10px;margin-top:8px}.kpi-value{font:500 34px var(--mono);color:var(--ink);letter-spacing:-.02em}.kpi-note{font-size:13.5px;color:var(--muted);line-height:1.35}.btn-blue{padding:8px 15px;background:var(--blue);border:none;border-radius:8px;font:500 13.5px IBM Plex Sans,sans-serif;color:#fff;cursor:pointer}.btn-blue:disabled{opacity:.6;cursor:default}.btn-outline{padding:8px 15px;background:#fff;border:1px solid #cfd6de;border-radius:8px;font:500 13.5px IBM Plex Sans,sans-serif;color:var(--ink);cursor:pointer}.btn-outline.sm{padding:6px 12px;font-size:12.5px}.switch{width:36px;height:20px;border-radius:10px;background:#dcdfd9;display:inline-flex;align-items:center;padding:0 3px;cursor:pointer;flex:none}.switch.on{background:var(--blue);justify-content:flex-end}.switch-knob{width:14px;height:14px;border-radius:7px;background:#fff}.tab-badge{font:500 10px var(--mono);background:#d94b3d;color:#fff;border-radius:8px;padding:3px 6px;margin-left:7px}.topnav-role{font:500 10px var(--mono);background:var(--ink);color:#fff;border-radius:4px;padding:3px 7px;letter-spacing:.08em}.auth-dark{width:470px;max-width:92vw;background:var(--ink);border-radius:16px;padding:38px 34px;box-shadow:0 22px 54px #1c273333;display:flex;flex-direction:column}.auth-dark-brand{display:flex;align-items:center;gap:9px;margin-bottom:30px}.auth-dark-logo{font:600 21px IBM Plex Sans,sans-serif;letter-spacing:-.03em;color:#fff}.auth-dark-title{margin:0 0 8px;font:600 25px IBM Plex Sans,sans-serif;letter-spacing:-.02em;color:#fff}.auth-dark-tag{margin:0 0 24px;font-size:14.5px;color:#9fb0c0;line-height:1.5}.auth-dark-fields{display:flex;flex-direction:column;gap:12px}.auth-dark-label{font:400 11.5px var(--mono);color:#7d8b99;letter-spacing:.1em}.auth-dark-input{border:1px solid #35455a;border-radius:9px;padding:12px 14px;background:#22303f;font:400 14px IBM Plex Mono,monospace;color:#dfe8f2;margin-top:-6px}.auth-dark-input::placeholder{color:#6d7b89}.auth-dark-input:focus{outline:none;border-color:#4a90d9}.auth-dark-btn{margin-top:4px;padding:13px;background:#4a90d9;border:none;border-radius:9px;font:500 15px IBM Plex Sans,sans-serif;color:#0f1922;cursor:pointer}.auth-dark-btn:disabled{opacity:.7;cursor:default}.auth-dark-links{display:flex;justify-content:space-between;font-size:13.5px;color:#7d8b99}.auth-dark-link{background:none;border:none;color:#7fb2e5;cursor:pointer;font-size:13.5px;padding:0}.auth-dark-error{color:#ff9b8f;font-size:12.5px}.auth-dark-info{color:#86d5a4;font-size:12.5px}.auth-dark-foot{margin-top:26px;padding-top:16px;border-top:1px solid #2b3a4a;font:400 12.5px var(--mono);color:#5b6b7c;line-height:1.5}.await-card{width:470px;max-width:92vw;background:var(--surface);border-radius:16px;padding:34px 32px;box-shadow:0 22px 54px #1c273324}.await-brand{display:flex;align-items:center;gap:9px;margin-bottom:26px}.await-logo{font:600 21px IBM Plex Sans,sans-serif;letter-spacing:-.03em;color:var(--ink)}.await-pill{display:inline-flex;align-items:center;gap:8px;background:#fefaf3;border:1px solid #f5e4c4;border-radius:16px;padding:6px 12px;margin-bottom:16px;font:500 11px var(--mono);color:#b9770e;letter-spacing:.06em}.await-title{margin:0 0 10px;font:600 24px IBM Plex Sans,sans-serif;letter-spacing:-.02em;color:var(--ink)}.await-text{margin:0;font-size:14.5px;color:#4a5764;line-height:1.6}.await-text code{font:400 13px var(--mono)}.await-box{margin-top:20px;background:#fff;border-radius:11px;padding:16px 18px;box-shadow:0 1px 3px #1c27330f}.await-box-label{font:400 11.5px var(--mono);color:var(--faint);letter-spacing:.1em;margin-bottom:10px}.await-steps{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#4a5764}.await-step{display:flex;gap:10px}.await-num{font-family:var(--mono);color:var(--blue)}.await-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.await-btn{padding:12px 18px;border:none;border-radius:9px;background:var(--blue);color:#fff;font:500 13.5px IBM Plex Sans,sans-serif;cursor:pointer}.await-signout{background:none;border:none;font-size:13.5px;color:var(--muted);cursor:pointer}.settings-h1{margin:4px 0 16px;font:600 30px IBM Plex Sans,sans-serif;letter-spacing:-.025em;color:var(--ink)}.settings-tabs{display:flex;gap:4px;border-bottom:1px solid #e2e0da;margin-bottom:20px}.settings-tab{padding:11px 16px;border:none;background:none;cursor:pointer;font-size:14.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.settings-tab.active{color:var(--ink);font-weight:500;border-bottom-color:var(--blue)}.settings-body{display:flex;flex-direction:column;gap:18px;max-width:1000px}.s-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #1c27330f;overflow:hidden}.s-card-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #f0efeb}.s-card-title{font:500 17px IBM Plex Sans,sans-serif;color:var(--ink)}.s-card-spacer{flex:1}.s-card-note{font-size:13.5px;color:var(--muted)}.s-card-note.mono{font-family:var(--mono);font-size:12.5px;color:#5b6b7c}.s-label{font:500 11.5px var(--mono);color:var(--faint);letter-spacing:.1em;margin-bottom:8px}.prop-body{display:flex;gap:26px;padding:20px 22px}.prop-left{width:270px;flex:none}.prop-name{font:500 17px IBM Plex Sans,sans-serif;color:var(--ink)}.prop-meta{font:400 12.5px var(--mono);color:#5b6b7c;margin-top:6px}.prop-right{flex:1;min-width:0}.listings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.listing{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;padding:10px 13px}.listing.off{border-style:dashed;background:#fbfaf8}.listing-name{flex:1;font-size:14px;color:var(--ink)}.listing.off .listing-name{color:var(--muted)}.listing-status{width:7px;height:7px;border-radius:4px}.listing-status.ok{background:#27ae60}.listing-soon{font:400 10px var(--mono);color:var(--faint)}.comp-head,.comp-row{display:grid;grid-template-columns:1fr 160px 90px 200px;align-items:center;gap:16px;padding:12px 22px}.comp-head{font:400 11.5px var(--mono);color:var(--faint);letter-spacing:.08em;border-bottom:1px solid #f0efeb}.comp-row{border-bottom:1px solid #f0efeb}.comp-name{font-size:15px;color:var(--ink)}.comp-link{font:400 12.5px var(--mono);color:var(--muted)}.comp-chan{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:14px;padding:4px 10px;font-size:12.5px;color:#4a5764}.comp-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.comp-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px}.comp-remove:hover{color:#c0392b}.comp-add{display:flex;gap:10px;padding:16px 22px}.comp-add input{flex:1;padding:9px 12px;border:1px solid var(--line2);border-radius:8px;font-size:13.5px}.comp-add input:first-of-type{flex:2}.rule-row{display:flex;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid #f0efeb}.rule-main{flex:1}.rule-name{display:flex;align-items:center;gap:9px;font:500 15px IBM Plex Sans,sans-serif;color:var(--ink)}.rule-desc{font-size:13.5px;color:var(--muted);margin-top:4px}.rule-val{min-width:90px;text-align:center;border:1px solid var(--line2);border-radius:8px;padding:8px 12px;font:500 14px var(--mono);color:var(--ink)}.delivery,.acct,.pw-form{padding:18px 22px;display:flex;flex-direction:column;gap:12px}.side-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#4a5764}.side-row.soon{opacity:.6}.soon-tag{font:400 11px var(--mono);color:var(--faint)}.acct-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted)}.acct-row b{color:var(--ink)}.pw-form label{font-size:12px;font-weight:600;color:var(--ink)}.pw-form input{padding:9px 11px;border:1px solid var(--line2);border-radius:7px;font-size:13.5px}.cust-sub{font-size:13.5px;color:var(--muted);margin-top:5px}.cust-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:9px;padding:9px 14px;background:#fff;width:240px}.cust-search input{border:none;outline:none;font-size:13.5px;width:100%;background:none;color:var(--ink)}.cust-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #1c27330f;overflow:hidden}.cust-head,.cust-row{display:grid;grid-template-columns:2fr 1.2fr 1.1fr 1fr 1fr;align-items:center;gap:16px;padding:14px 22px}.cust-head{font:400 11.5px var(--mono);color:var(--faint);letter-spacing:.08em;border-bottom:1px solid #f0efeb}.cust-row{border-bottom:1px solid #f0efeb}.cust-row.pending{background:#fefaf3}.cust-name{font-size:15px;color:var(--ink)}.cust-email{font:400 12.5px var(--mono);color:#5b6b7c}.cust-role,.cust-date{font-size:14px;color:#4a5764}.cust-date{font-family:var(--mono);font-size:13px}.cust-status{display:flex;align-items:center;gap:8px;font-size:14px}.cust-actions{display:flex;justify-content:flex-end}.cust-empty{padding:34px;text-align:center;color:var(--muted)}.alerts-layout{display:flex;gap:20px;align-items:flex-start}.alerts-feed{flex:1;min-width:0}.alerts-section-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}.alerts-section-label{font:500 12px var(--mono);color:var(--muted);letter-spacing:.1em}.alerts-rule-line{flex:1;height:1px;background:#e2e0da}.alerts-unread{font-size:12.5px;color:#5b6b7c}.alerts-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #1c27330f}.alerts-card.dim{opacity:.92}.alert-row{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid #f0efeb}.alert-row:last-child{border-bottom:none}.alert-bar{width:3px;border-radius:2px;flex:none}.alert-main{flex:1;min-width:0}.alert-top{display:flex;align-items:center;gap:10px;margin-bottom:5px}.alert-kind{font:500 11px var(--mono);letter-spacing:.06em}.alert-kind.muted{color:#8d8a83}.alert-dot{width:6px;height:6px;border-radius:3px}.alert-time{font-size:12.5px;color:#5b6b7c}.alert-body{font-size:15px;color:var(--ink);line-height:1.45;max-width:760px}.alert-body.muted{font-size:14.5px;color:#4a5764}.alert-body code{font-family:var(--mono)}.alert-actions{display:flex;align-items:center;gap:14px;margin-top:9px}.alert-meta{font:400 12.5px var(--mono);color:#5b6b7c}.alert-link{font-size:13px;color:var(--blue);cursor:pointer}.alert-mute{font-size:13px;color:var(--muted);cursor:pointer}.alerts-side{width:314px;flex:none;display:flex;flex-direction:column;gap:16px}.alerts-filter{flex:none}.side-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #1c27330f}.side-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font:500 15px IBM Plex Sans,sans-serif;color:var(--ink)}.side-link{font-size:13px;color:var(--blue);cursor:pointer}.side-rows{display:flex;flex-direction:column;gap:12px}.side-foot{margin-top:14px;padding-top:13px;border-top:1px solid #f0efeb;font:400 12.5px var(--mono);color:#5b6b7c}.side-rules{display:flex;flex-direction:column;gap:11px;font-size:13.5px;color:#4a5764}.side-rule{display:flex;justify-content:space-between;gap:10px}.side-rule code{font-family:var(--mono);color:var(--ink)}.side-note{background:#eef3fa;border-radius:12px;padding:16px 18px;font-size:14px;color:var(--ink);line-height:1.5}.side-note span{color:var(--muted)}.set-name{font:500 17px IBM Plex Sans,sans-serif;color:var(--ink);border:none;background:transparent;padding:2px 4px;border-radius:6px;min-width:220px}.set-name:hover{background:#f4f6f8}.set-name:focus{outline:none;background:#f4f6f8;box-shadow:inset 0 0 0 1px var(--line2)}.new-set{display:flex;gap:10px}.new-set input{flex:1;padding:10px 13px;border:1px dashed #b7c6d4;border-radius:8px;font-size:13.5px;background:#fbfaf8}
