:root{--bg: #f5f7fb;--panel: #ffffff;--panel-soft: #f9fafb;--ink: #24232a;--muted: #696b75;--line: #dfe3ea;--rose: #b15575;--rose-strong: #93425f;--teal: #2d8f83;--amber: #b7791f;--danger: #b84242;--sidebar: #2b2932;--sidebar-soft: #373440;--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);padding:8px 10px}textarea{min-height:82px;resize:vertical}label{display:grid;gap:6px;color:var(--muted);font-size:.86rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand-block{display:flex;align-items:center;gap:12px;padding:8px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius);background:#f1d4dd;color:var(--rose-strong)}.brand-block h1{margin:0;font-size:1.12rem;letter-spacing:0}.brand-block p{margin:2px 0 0;color:#c8c4d0;font-size:.78rem}.nav-list{display:grid;gap:6px;margin-top:18px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 11px;border-radius:var(--radius);background:transparent;color:#d9d5df;text-align:left}.nav-btn:hover,.nav-btn.active{background:var(--sidebar-soft);color:#fff}.nav-btn.active{box-shadow:inset 3px 0 0 var(--rose)}.main-shell{min-width:0}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.topbar-title{display:grid;gap:2px}.topbar-title strong{font-size:1.02rem}.topbar-title span{color:var(--muted);font-size:.84rem}.page-content{padding:22px}.stack{display:grid;gap:16px}.stack.compact{gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px}.kpi-card{min-height:96px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px;display:grid;align-content:space-between;gap:10px}.kpi-card svg{color:var(--rose)}.kpi-card span{color:var(--muted);font-size:.82rem}.kpi-card strong{font-size:1.25rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px;min-width:0}.panel-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel h2{margin:0;font-size:1rem}.two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;align-items:start}.two-column.wide{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.span-2{grid-column:span 2}.settings-form{max-width:920px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.toolbar.wrap{flex-wrap:wrap}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-weight:600;background:var(--panel-soft)}.primary,.secondary,.danger,.ghost,.icon-text{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);padding:8px 12px}.primary{background:var(--rose);color:#fff}.primary:hover{background:var(--rose-strong)}.secondary{background:#eef2f5;color:var(--ink)}.danger{background:#f7e8e8;color:var(--danger)}.ghost{background:transparent;color:var(--muted)}.small{min-height:30px;padding:6px 9px;font-size:.82rem}.full{width:100%}.search-box{min-width:260px;display:grid;grid-template-columns:18px minmax(120px,1fr) auto;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#eef2f5;color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.pill.active,.pill.confirmed,.pill.completed,.pill.closed,.pill.paid,.pill.sent,.pill.ok{background:#e2f3ef;color:var(--teal)}.pill.pending,.pill.scheduled,.pill.queued,.pill.open,.pill.human_required{background:#fff3d6;color:var(--amber)}.pill.canceled,.pill.failed,.pill.inactive{background:#fae7e7;color:var(--danger)}.schedule-list{display:grid;gap:9px}.schedule-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--rose);border-radius:var(--radius);padding:10px;background:#fff}.schedule-row strong,.schedule-row span{display:block}.schedule-row span{color:var(--muted);font-size:.85rem;margin-top:3px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-line{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--ink)}.check-line input{width:16px;min-height:16px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-group{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.permission-group-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:var(--panel-soft);border-bottom:1px solid var(--line)}.permission-list{display:grid;gap:2px;padding:8px}.permission-item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;padding:8px;border-radius:var(--radius);color:var(--ink)}.permission-item:hover{background:var(--panel-soft)}.permission-item input{width:16px;min-height:16px;margin-top:2px}.permission-item span{display:grid;gap:2px}.permission-item strong{font-size:.88rem}.permission-item small{color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}.total-line,.summary-strip,.cash-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:var(--radius);background:var(--panel-soft)}.cash-box{margin-bottom:10px}.section-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.section-tabs button{min-height:34px;border-radius:var(--radius);padding:7px 10px;background:transparent;color:var(--muted)}.section-tabs button.active{background:var(--sidebar);color:#fff}.metric-list{display:grid;gap:8px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:var(--radius);background:var(--panel-soft)}.metric-row span{color:var(--muted);font-size:.84rem}.metric-row strong{text-align:right}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#fff}.template-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-card textarea{min-height:120px}.template-vars{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.template-vars span{border-radius:999px;background:#eef2f5;color:var(--muted);padding:3px 7px;font-size:.76rem}.link-button{text-decoration:none}.product-sale-line{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:10px;align-items:end;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.schedule-editor{display:grid;gap:10px;margin-bottom:12px}.schedule-day{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.schedule-day-head{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px}.schedule-window{display:grid;grid-template-columns:minmax(86px,1fr) minmax(86px,1fr) auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.qr-box{display:grid;justify-items:center;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel-soft)}.qr-image{width:min(260px,100%);aspect-ratio:1;object-fit:contain;background:#fff;border-radius:var(--radius)}.line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:320px}.chat-thread{display:grid;gap:10px;max-height:520px;overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft)}.chat-bubble{max-width:min(760px,88%);display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.chat-bubble.outbound{justify-self:end;background:#eef8f6;border-color:#cde8e3}.chat-bubble.inbound{justify-self:start}.chat-bubble div{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-bubble span,.chat-bubble small{color:var(--muted);font-size:.76rem}.chat-bubble p{margin:0;white-space:pre-wrap}.reply-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px;align-items:end}.empty-state{margin:10px 0;color:var(--muted)}.toast{position:fixed;right:18px;bottom:18px;z-index:20;background:var(--ink);color:#fff;border-radius:var(--radius);padding:12px 14px;box-shadow:0 14px 38px #24232a38}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef2f5}.login-card{width:min(390px,100%);display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 20px 46px #24232a1f}.login-brand{padding:0 0 6px}.login-brand p{color:var(--muted)}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.two-column,.two-column.wide,.grid-3{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{position:relative;padding:12px;height:auto}.page-content{padding:12px}.kpi-grid,.form-grid,.check-grid,.permission-grid,.template-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.schedule-row{grid-template-columns:1fr}.search-box{min-width:0;grid-template-columns:18px minmax(0,1fr)}.search-box button{grid-column:1 / -1}.product-sale-line,.schedule-window,.reply-box{grid-template-columns:1fr}}