:root{
  --navy:#061b29;--navy-2:#092b3b;--ink:#0b2633;--cyan:#19c3d1;--cyan-dark:#049aad;
  --mint:#71ead7;--paper:#f3f7f7;--white:#fff;--muted:#6d8188;--line:#dce7e9;
  --green:#42bf7d;--amber:#efa93c;--red:#e76262;--purple:#7d6bdc;
  --shadow:0 18px 55px rgba(5,39,52,.10);--radius:18px;--display:Inter,'Segoe UI',ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,'Segoe UI',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.eyebrow{margin:0 0 12px;color:var(--cyan-dark);font-size:.69rem;font-weight:800;letter-spacing:.13em}.eyebrow>span{display:inline-block;width:22px;height:2px;background:currentColor;vertical-align:middle;margin:0 7px 3px 0}.eyebrow.light{color:#70e5e9}
.brand-mark{position:relative;display:inline-block;flex:0 0 auto;width:32px;height:32px;border:2px solid var(--cyan);border-radius:10px;transform:rotate(-4deg)}.brand-mark:after{content:"";position:absolute;width:6px;height:6px;right:4px;top:4px;background:var(--cyan);border-radius:50%}.brand-mark i{position:absolute;bottom:4px;width:4px;border-radius:4px;background:var(--cyan)}.brand-mark i:first-child{left:6px;height:14px}.brand-mark i:last-child{left:14px;height:9px}
.app-brand{display:flex;align-items:center;gap:10px;color:#edf9fa;font-size:1rem;font-weight:750;letter-spacing:-.03em}.app-brand b{color:var(--cyan)}

/* App structure */
.app-body{min-height:100vh}.app-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:246px;padding:24px 17px 17px;background:linear-gradient(180deg,#071f2d,#061923);color:#d9e8eb;display:flex;flex-direction:column;box-shadow:12px 0 50px rgba(3,25,36,.08)}
.workspace-card{display:flex;align-items:center;gap:10px;margin:27px 0 22px;padding:11px;background:#102f3d;border:1px solid #173b4a;border-radius:12px}.workspace-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#21d2d7,#50e1c1);color:#06303a;font-size:.68rem;font-weight:850}.workspace-card div{min-width:0}.workspace-card small,.workspace-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card small{color:#6f929d;font-size:.48rem;font-weight:800;letter-spacing:.08em}.workspace-card b{max-width:140px;margin-top:2px;font-size:.7rem}.workspace-card>i{margin-left:auto;color:#668590;font-style:normal}
.app-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;scrollbar-width:none}.app-nav>small{margin:19px 10px 7px;color:#567884;font-size:.5rem;font-weight:800;letter-spacing:.14em}.app-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:#89a5ae;font-size:.76rem;font-weight:650;transition:.2s}.app-nav a:hover{background:#0d2d3a;color:#e5f7f8;transform:translateX(2px)}.app-nav a.active{color:#79ebdf;background:linear-gradient(90deg,rgba(30,198,207,.16),rgba(30,198,207,.04));box-shadow:inset 2px 0 #22cad2}.app-nav a>i{display:grid;place-items:center;width:20px;font-size:.9rem;font-style:normal}.app-nav a>em{margin-left:auto;padding:3px 5px;border-radius:8px;background:#17433e;color:#63dcb7;font-size:.42rem;font-weight:900;font-style:normal;letter-spacing:.05em}
.sidebar-user{display:flex;align-items:center;gap:9px;margin-top:auto;padding:15px 5px 1px;border-top:1px solid #15323e}.sidebar-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#bff1ed;color:#083543;font-size:.62rem;font-weight:800}.sidebar-user>div{min-width:0;flex:1}.sidebar-user b,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user b{font-size:.66rem}.sidebar-user small{font-size:.55rem;color:#698894}.sidebar-user form{margin:0}.sidebar-user button{border:0;background:transparent;color:#75939c;font-size:1rem;padding:5px}.sidebar-user button:hover{color:#fff}
.app-frame{min-height:100vh;margin-left:246px}.app-main{min-height:100vh}.content-shell{max-width:1440px;margin:auto;padding:38px clamp(24px,4vw,58px) 70px}.mobile-topbar{display:none}.sidebar-backdrop{display:none}

/* Shared page components */
.page-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:5px 0 30px}.page-head h1{margin:0;font-size:clamp(2rem,3.7vw,3.7rem);line-height:1;letter-spacing:-.055em;font-weight:720}.page-head p{margin:9px 0 0;color:var(--muted)}.page-head>div{max-width:780px}.status-dot{display:inline-flex;align-items:center;margin-left:9px;padding:4px 8px;border-radius:20px;background:#edf0f1;color:#6f8085;font-size:.63rem;font-weight:700}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#9aabad;margin-right:5px}.status-dot.online{background:#def6e9;color:#319968}.status-dot.online:before{background:#3fc37e;box-shadow:0 0 0 4px #3fc37e20}
.primary,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(135deg,#20c9d4,#15b8c6);box-shadow:0 8px 24px rgba(25,195,209,.18);color:#062b35;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.primary:hover,.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,195,209,.25)}button:not(.primary){border:1px solid #c7d8db;border-radius:8px;padding:8px 11px;background:#fff;color:#314e58;font-weight:700;transition:.2s}button:not(.primary):hover{border-color:#80cdd4;color:#068da0;background:#f4fcfc}
.card,.live-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(7,43,56,.045);padding:25px}.card{margin-bottom:20px}.card h2{margin:0 0 20px;font-size:1.16rem;letter-spacing:-.025em}.card>p{color:var(--muted)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.split>.card{margin:0}.form-card{max-width:760px}.form-card.card{padding:30px}
label{display:grid;gap:7px;margin:14px 0;color:#334f59;font-size:.72rem;font-weight:750}input,select,textarea{width:100%;min-height:43px;border:1px solid #cbdcdf;border-radius:9px;padding:10px 12px;background:#fbfdfd;color:var(--ink);outline:0;transition:border .2s,box-shadow .2s,background .2s}textarea{min-height:82px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#9fc9cf;background:#fff}input:focus,select:focus,textarea:focus{border-color:#25bcca;background:#fff;box-shadow:0 0 0 4px rgba(37,188,202,.11)}input[type=checkbox],input[type=radio]{width:17px;min-height:17px;accent-color:var(--cyan-dark)}label:has(>input[type=checkbox]){display:flex;align-items:center;gap:9px}.errorlist{list-style:none;margin:5px 0 0;padding:0;color:#c94848;font-size:.68rem}.errorlist.nonfield{padding:10px 12px;border-radius:8px;background:#fff0f0}.card form .primary,.form-card>.primary{margin-top:8px}
.message{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:12px 43px 12px 12px;border:1px solid #bde7d0;border-radius:11px;background:#e9f9f0;color:#23794e;font-weight:650}.message>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c9f0db}.message.error{border-color:#f1c7c7;background:#fff0f0;color:#a73c3c}.message.error>span{background:#f5d0d0}.message>button{position:absolute;right:8px;border:0;background:transparent;padding:4px;color:inherit;font-size:1rem}
.list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 2px;border-bottom:1px solid #e6edef}.list-row:last-child{border-bottom:0}.list-row>div{display:grid}.list-row b{font-size:.82rem}.list-row small{color:var(--muted);font-size:.69rem}.list-row>a b{color:#087f91}.list-row form{margin:0}.search{display:flex;max-width:620px;gap:8px;margin:0 0 20px}.search input{margin:0}.search button{min-width:90px}.metrics{display:flex;gap:15px;margin:18px 0}.metrics article{min-width:200px;padding:22px;border-radius:15px;background:var(--navy);color:#fff}.metrics small,.metrics strong{display:block}.metrics small{color:#83a3ad;font-size:.6rem;font-weight:800;letter-spacing:.1em}.metrics strong{margin-top:8px;font-size:1.8rem}.stage{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #e3ebed}.stage:last-child{border-bottom:0}.stage>div:first-child{display:grid}.stage small{color:var(--muted);font-size:.7rem}.stage>div:last-child{display:flex;gap:6px}.stage form{display:inline;margin:0}.stage.in_progress{padding-left:13px;border-left:3px solid var(--cyan)}.stage.completed b{color:#359a68}.stage.paused{padding-left:13px;border-left:3px solid var(--amber)}code{padding:3px 6px;background:#e7f2f3;border-radius:5px;color:#087f91}

/* Dashboard */
.dashboard-head h1{font-size:clamp(2.2rem,3.5vw,3.25rem)}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 18px}.dashboard-metrics article{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 22px rgba(6,41,53,.035)}.metric-icon{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:12px;font-style:normal;font-size:1.05rem}.metric-icon.wait{background:#fff1d9;color:#d7911e}.metric-icon.working{background:#dbf6f8;color:#059eae}.metric-icon.ready{background:#def6e9;color:#2da268}.dashboard-metrics article>div{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:7px}.dashboard-metrics small{grid-column:1/-1}.dashboard-metrics strong{margin:3px 0 0;font-size:1.8rem;line-height:1}.dashboard-metrics span{color:#87999e;font-size:.62rem}.dashboard-metrics article>em{margin-left:auto;color:#a5b5b9;font-style:normal}
.live-panel{padding:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e1eaeb}.panel-head>div{display:flex;align-items:center;gap:13px}.panel-head h2{margin:0;font-size:.95rem}.live-badge{color:#71878e;font-size:.58rem;font-weight:650}.live-badge i,.tv-live i,.pair-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#48ca88;box-shadow:0 0 0 5px rgba(72,202,136,.11);margin-right:5px;animation:pulse 1.8s infinite}.panel-tools span{padding:6px 9px;border-radius:7px;background:#edf7f7;color:#078c9d;font-size:.6rem;font-weight:700}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:#f7f9f9}.board-column{min-height:390px;padding:11px;border-radius:12px;background:#edf2f3}.board-column>h2{display:flex;align-items:center;justify-content:space-between;margin:1px 2px 12px;color:#61777e;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.board-column>h2 span{display:flex;align-items:center;gap:6px}.board-column>h2 i{width:6px;height:6px;border-radius:50%;background:var(--amber)}.working-column>h2 i{background:var(--cyan)}.ready-column>h2 i{background:var(--green)}.board-column>h2 b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:7px;background:#dbe5e7;font-size:.6rem}.order-card{display:block;margin:8px 0;padding:14px;border:1px solid #e1e9ea;border-left:3px solid var(--amber);border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 3px 12px rgba(7,40,52,.035);transition:.22s}.order-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(7,40,52,.10);border-color:#9fd5da}.order-card.active{border-left-color:var(--cyan)}.order-card.ready{border-left-color:var(--green)}.order-card>header,.order-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-card header b{font-size:.83rem;letter-spacing:.02em}.order-card time{color:#84969b;font-size:.56rem}.order-card>p{margin:8px 0;color:#5e747b;font-size:.68rem}.order-card footer{padding-top:9px;border-top:1px solid #edf1f2;color:#809298;font-size:.55rem}.order-card footer span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.order-card footer em{flex:0 0 auto;color:#078ea0;font-style:normal;font-weight:700}.card-progress{height:3px;margin:1px 0 10px;border-radius:4px;background:#e3ecee;overflow:hidden}.card-progress i{display:block;width:67%;height:100%;background:linear-gradient(90deg,#13b9cb,#71e6d6);animation:progress 3s ease-in-out infinite}.empty-state{display:grid;place-items:center;text-align:center;margin:35px 5px;color:#84979d}.empty-state>i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border:1px dashed #b8cacc;border-radius:50%;color:#9badaf;font-size:1.1rem;font-style:normal}.empty-state b{font-size:.7rem}.empty-state p{margin:2px 0;font-size:.6rem}

/* Authentication */
.auth-body,.auth-shell{min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(430px,.92fr) 1.08fr;background:#f6f9f9}.auth-visual{position:relative;overflow:hidden;min-height:100vh;padding:38px clamp(35px,5vw,75px);background:radial-gradient(circle at 80% 75%,rgba(19,208,204,.22),transparent 35%),linear-gradient(145deg,#061b29,#083243);color:#fff;display:flex;flex-direction:column}.auth-visual:after{content:"";position:absolute;right:-180px;bottom:-240px;width:520px;height:520px;border:1px solid rgba(98,231,224,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(98,231,224,.025),0 0 0 145px rgba(98,231,224,.02)}.auth-pitch{position:relative;z-index:1;max-width:540px;margin:auto 0}.auth-pitch h1{margin:0 0 20px;font-size:clamp(3rem,4.5vw,5.3rem);line-height:.92;letter-spacing:-.06em}.auth-pitch h1 em{color:#70ebdc;font-style:normal}.auth-pitch>p:not(.eyebrow){max-width:440px;color:#aac4ca;font-size:1rem}.auth-foot{position:relative;z-index:1;color:#648691;font-size:.6rem}.auth-mini-board{max-width:430px;margin-top:32px;padding:14px;border:1px solid rgba(111,231,227,.18);border-radius:15px;background:rgba(7,28,39,.55);box-shadow:0 24px 60px #0005;backdrop-filter:blur(12px)}.auth-mini-board>header{display:flex;justify-content:space-between;margin-bottom:8px;color:#93b0b7;font-size:.58rem}.auth-mini-board header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#57d996;box-shadow:0 0 0 4px #57d99620}.auth-mini-board article{display:flex;align-items:center;justify-content:space-between;margin:6px 0;padding:10px;border-radius:9px;background:rgba(255,255,255,.07)}.auth-mini-board article b,.auth-mini-board article small{display:block}.auth-mini-board article b{font-size:.68rem}.auth-mini-board article small{color:#8ba8af;font-size:.55rem}.auth-mini-board article em{color:#57dce3;font-size:.5rem;font-weight:800;font-style:normal}.auth-mini-board article.done em{color:#65e0a0}
.auth-form-side{display:grid;place-items:center;padding:45px 7vw}.auth-form-wrap{width:100%;max-width:440px}.auth-form-wrap h2{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.05;letter-spacing:-.045em}.auth-intro{margin:13px 0 27px;color:var(--muted)}.auth-card label{margin:15px 0}.auth-card label>span{font-size:.7rem}.auth-card input{min-height:47px;background:#fff}.auth-submit{width:100%;justify-content:space-between;margin-top:12px;padding:15px 17px}.auth-switch{margin:22px 0;text-align:center;color:#71858b;font-size:.75rem}.auth-switch a,.back-site{color:#058ea1;font-weight:750}.back-site{display:block;text-align:center;font-size:.7rem}.register-layout{grid-template-columns:.9fr 1.1fr}.register-form{max-width:570px}.register-form .auth-card{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.register-form .auth-card .errorlist.nonfield,.register-form .auth-card .auth-submit{grid-column:1/-1}.trial-benefits{list-style:none;margin:34px 0 0;padding:0}.trial-benefits li{display:flex;align-items:center;gap:13px;margin:17px 0}.trial-benefits>li>i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(104,231,210,.12);color:#6de8d6;font-style:normal}.trial-benefits b,.trial-benefits small{display:block}.trial-benefits b{font-size:.78rem}.trial-benefits small{color:#7d9ca5;font-size:.65rem}

/* Customer tracking */
.tracking-body{min-height:100vh;background:radial-gradient(circle at 50% 0,#0b4a58,#061b29 46%);color:#fff}.tracking-shell{max-width:760px;margin:auto;padding:30px 22px 55px}.tracking-top{display:flex;justify-content:space-between;align-items:center}.tracking-top>span{color:#6b939d;font-size:.55rem;font-weight:800;letter-spacing:.12em}.tracking-hero{text-align:center;padding:75px 0 35px}.tracking-hero h1{margin:0;font-size:clamp(3rem,10vw,5.5rem);letter-spacing:.04em}.tracking-hero>p:not(.eyebrow){color:#a3bec5}.tracking-pulse{width:max-content;margin:20px auto 0;padding:7px 10px;border:1px solid rgba(105,229,217,.18);border-radius:20px;background:rgba(105,229,217,.07);color:#7be8da;font-size:.6rem;font-weight:700}.tracking-pulse i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#66e5bb;animation:pulse 1.8s infinite}.tracking-card{padding:27px;border:1px solid rgba(151,218,222,.16);border-radius:20px;background:#f7fbfb;color:var(--ink);box-shadow:0 30px 80px #0005}.tracking-card>header{display:grid;grid-template-columns:1fr 1fr;margin:-27px -27px 25px;padding:17px 27px;border-bottom:1px solid var(--line);background:#eef4f4;border-radius:20px 20px 0 0}.tracking-card header small,.tracking-card header b{display:block}.tracking-card header small{color:#8a9b9f;font-size:.5rem;font-weight:800}.tracking-card header b{font-size:.72rem}.tracking-card h2{font-size:1rem}.tracking-steps article{position:relative;display:flex;align-items:center;gap:13px;min-height:68px;padding:8px 0}.tracking-steps article:not(:last-child):after{content:"";position:absolute;left:18px;top:52px;width:1px;height:32px;background:#d5e3e5}.tracking-steps article>i{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border:1px solid #cbdadd;border-radius:50%;background:#fff;color:#94a5a9;font-size:.65rem;font-style:normal;font-weight:800}.tracking-steps article.completed>i{border-color:#52cd91;background:#52cd91;color:#fff}.tracking-steps article.in_progress>i{border-color:#1bc2d0;background:#e0f8f9}.tracking-steps article.in_progress>i span{width:9px;height:9px;border-radius:50%;background:#10b8c7;box-shadow:0 0 0 6px #10b8c71f;animation:pulse 1.5s infinite}.tracking-steps b,.tracking-steps small{display:block}.tracking-steps b{font-size:.78rem}.tracking-steps small{color:#71858b;font-size:.62rem}.tracking-steps em{margin-left:auto;padding:4px 7px;border-radius:12px;background:#e0f6e9;color:#309965;font-size:.48rem;font-style:normal;font-weight:800}.tracking-steps .in_progress em{background:#def6f8;color:#078f9f}.tracking-footer{text-align:center;color:#789da5;font-size:.65rem;margin-top:20px}

/* Rich settings, staff and display cards */
.subscription-chip,.people-count{align-self:flex-end;padding:7px 11px;border:1px solid #cde2e4;border-radius:20px;background:#fff;color:#188d9d;font-size:.57rem;font-weight:800;letter-spacing:.07em}.card-title-icon{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.card-title-icon>i{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:#ddf6f7;color:#0799aa;font-size:1rem;font-style:normal}.card-title-icon h2{margin:1px 0 3px}.card-title-icon p{margin:0;color:var(--muted);font-size:.67rem}.inline-create{padding-bottom:17px;border-bottom:1px solid var(--line)}.setting-list{margin-top:6px}.status-button.enabled{border-color:#bae7ce;color:#309c67;background:#e8f8ef}.integration-card{margin-top:20px}.integration-head{display:flex;align-items:center;gap:16px;margin-bottom:25px}.integration-head h2{margin:0 0 4px}.integration-head p{margin:0;color:var(--muted)}.integration-head .eyebrow{margin:0 0 4px}.whatsapp-badge{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:15px;background:#dcf7e8;color:#26a96a;font-size:1.15rem;font-weight:900}.integration-state{margin-left:auto;padding:6px 9px;border-radius:20px;background:#e8f8ef;color:#309c67;font-size:.52rem;font-weight:800}.integration-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.empty-inline{padding:25px 5px;text-align:center;color:#87999e;font-size:.72rem}.staff-list,.devices-list{padding-bottom:10px}.staff-row,.device-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #e5edef}.staff-row:last-child,.device-row:last-child{border-bottom:0}.person-avatar,.device-icon{display:grid;place-items:center;flex:0 0 auto;width:37px;height:37px;border-radius:11px;background:#dff5f6;color:#087f90;font-size:.63rem;font-weight:800}.device-icon{font-size:1rem}.staff-row>div,.device-row>div{min-width:0;flex:1}.staff-row b,.staff-row small,.device-row b,.device-row small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.staff-row b,.device-row b{font-size:.75rem}.staff-row small,.device-row small{color:var(--muted);font-size:.6rem}.member-state{color:#98a8ac;font-size:.48rem;font-weight:800;font-style:normal}.member-state.active{color:#3aae74}.staff-row form,.device-row form{margin:0}.outline-button{display:inline-flex;padding:10px 14px;border:1px solid #bad6da;border-radius:10px;background:#fff;color:#087f91;font-size:.72rem;font-weight:750}.pair-form .checkbox-row{display:flex;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fbfb}.checkbox-row span b,.checkbox-row span small{display:block}.checkbox-row span b{font-size:.68rem}.checkbox-row span small{color:var(--muted);font-size:.58rem}.empty-device{display:grid;place-items:center;text-align:center;padding:55px 20px;color:#879a9f}.empty-device>i{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:15px;background:#edf5f5;color:#93a9ae;font-size:1.25rem;font-style:normal}.empty-device b{font-size:.74rem}.empty-device p{margin:3px 0;font-size:.62rem}

/* Order, check-in, customer and report pages */
.order-head-actions{display:flex;align-items:center;gap:10px}.order-head-actions form{margin:0}.order-status{padding:7px 10px;border-radius:20px;background:#edf2f3;color:#647a81;font-size:.58rem;font-weight:800;text-transform:uppercase}.order-status.in_service{background:#def6f8;color:#078f9f}.order-status.ready{background:#def7e9;color:#2d9c67}.order-status.delivered{background:#e8ebec;color:#63777d}.order-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 24px rgba(6,41,53,.035)}.order-summary article{padding:17px 20px;border-right:1px solid var(--line)}.order-summary article:last-child{border-right:0}.order-summary small,.order-summary b,.order-summary span{display:block}.order-summary small{color:#8a9ca1;font-size:.5rem;font-weight:800;letter-spacing:.08em}.order-summary b{margin:5px 0 1px;font-size:.78rem}.order-summary span{color:var(--muted);font-size:.6rem}.detail-grid{grid-template-columns:1.35fr .65fr}.stages-card{padding-bottom:10px}.stage-list .stage{position:relative;border:0;padding:12px 0}.stage-list .stage:not(:last-child):after{content:"";position:absolute;left:16px;top:45px;width:1px;height:35px;background:#dce7e9}.stage-list .stage-index{position:relative;z-index:1;display:grid!important;place-items:center;flex:0 0 auto;width:33px;height:33px;border:1px solid #cbdadc;border-radius:50%;background:#fff;color:#84989d;font-size:.6rem;font-weight:800}.stage-list .stage.completed .stage-index{border-color:#45c582;background:#45c582;color:#fff}.stage-list .stage.in_progress .stage-index{border-color:#1ec0cf;background:#dcf7f8;color:#078f9f;box-shadow:0 0 0 5px #1ec0cf14}.stage-list .stage-main{display:grid;flex:1}.stage-list .stage-main b{font-size:.75rem}.stage-actions{flex:0 0 auto}.payment-total{margin-bottom:18px;padding:18px;border-radius:13px;background:linear-gradient(145deg,#092b3b,#0b3b49);color:#fff}.payment-total small,.payment-total strong,.payment-total span{display:block}.payment-total small{color:#779ba5;font-size:.5rem;font-weight:800}.payment-total strong{margin:6px 0 1px;font-size:1.65rem}.payment-total span{color:#a4c1c7;font-size:.6rem}.payment-row{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:.68rem}.payment-row i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#def7e9;color:#2ca16a;font-style:normal}.payment-row b{margin-left:auto}.payment-form{margin-top:18px;padding-top:5px}.services-card{margin-top:20px}.service-row{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}.service-row:last-child{border-bottom:0}.service-row b,.service-row small{display:block}.service-row b{font-size:.78rem}.service-row small{color:var(--muted);font-size:.62rem}.service-row strong{font-size:.82rem}
.checkin-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:20px;align-items:start}.checkin-form{max-width:none}.form-section-head{display:flex;gap:12px;align-items:center;margin-bottom:24px}.form-section-head>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#ddf6f7;color:#0796a7;font-size:.65rem;font-weight:800}.form-section-head h2,.form-section-head p{margin:0}.form-section-head h2{font-size:1rem}.form-section-head p{color:var(--muted);font-size:.65rem}.field-services>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field-services>div label{display:flex;align-items:center;margin:0;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f9fbfb}.checkin-submit{width:100%;justify-content:space-between;margin-top:18px!important;padding:14px 16px}.checkin-help{position:sticky;top:25px;padding:24px;border-radius:17px;background:var(--navy);color:#fff}.checkin-help>div>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#103b48;color:#61dfdd;font-style:normal}.checkin-help h3{font-size:1rem}.checkin-help ol{list-style:none;padding:0}.checkin-help li{display:flex;align-items:center;gap:9px;margin:15px 0;color:#a7c1c7;font-size:.66rem}.checkin-help li span{display:grid;place-items:center;flex:0 0 auto;width:23px;height:23px;border:1px solid #2a5460;border-radius:50%;color:#65e1dc;font-size:.55rem}.checkin-help>small{display:block;padding-top:14px;border-top:1px solid #173a46;color:#71949d;font-size:.58rem}
.customer-search{position:relative}.customer-search>span{position:absolute;z-index:1;left:13px;top:9px;color:#809499;font-size:1rem}.customer-search input{padding-left:37px}.customer-list,.report-list{padding-top:12px}.table-head,.customer-row,.report-row{display:grid;grid-template-columns:1.5fr 1fr .5fr;align-items:center;gap:15px;padding:11px 4px}.table-head{color:#899ba0;font-size:.52rem;font-weight:800;letter-spacing:.08em}.customer-row,.report-row{border-top:1px solid var(--line)}.customer-row>div{display:flex;align-items:center;gap:10px}.customer-row b,.customer-row>span,.customer-row em,.report-row{font-size:.7rem}.customer-row>span{color:var(--muted)}.customer-row em{width:max-content;padding:4px 7px;border-radius:12px;background:#e5f5f6;color:#087f91;font-style:normal;font-weight:700}.report-row span{color:var(--muted)}.report-row strong{text-align:right}.report-metrics{display:grid;grid-template-columns:repeat(2,1fr)}.report-metrics article{display:flex;align-items:center;gap:13px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 22px rgba(6,41,53,.035)}.report-metrics article>i{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#dcf6f7;color:#078fa0;font-size:.7rem;font-style:normal;font-weight:800}.report-metrics strong{color:var(--ink)}.report-metrics span{color:var(--muted);font-size:.6rem}

/* Pairing and queue TV */
.tv-pair{min-height:100vh;background:radial-gradient(circle at 50% 60%,#0b5361,#061b29 60%);color:#fff}.pair-shell{min-height:100vh;padding:3vw 5vw;display:flex;flex-direction:column}.pair-content{margin:auto;text-align:center}.pair-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border:1px solid rgba(101,232,224,.25);border-radius:20px;background:rgba(80,220,215,.08);color:#69e5db;font-size:2rem}.pair-content h1{margin:0;font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.05em}.pair-content>p:not(.eyebrow){color:#9bbbc2}.pair-code{display:block;margin:35px 0;color:#77ecdf;font-size:clamp(4rem,12vw,9rem);line-height:1;letter-spacing:.16em;text-shadow:0 0 45px rgba(78,229,218,.25)}.pair-state{width:max-content;margin:auto!important;padding:8px 13px;border:1px solid rgba(89,220,178,.2);border-radius:20px;background:rgba(89,220,178,.08);color:#73dfb5!important;font-size:.67rem}.pair-shell>footer{text-align:center;color:#648891;font-size:.6rem}
.tv-screen{min-height:100vh;padding:0;background:radial-gradient(circle at 70% 0,#0b4855,#061b29 46%);color:#f0fbfc}.tv-top{display:flex;align-items:center;justify-content:space-between;padding:2.2vw 4vw;border-bottom:1px solid rgba(145,214,218,.12)}.tv-brand{display:flex;align-items:center;gap:11px;font-size:clamp(.9rem,1.4vw,1.3rem);font-weight:750}.tv-brand b{color:var(--cyan)}.tv-top>div{text-align:right}.tv-top small,.tv-top strong{display:block}.tv-top small{color:#668b95;font-size:.55rem;letter-spacing:.12em}.tv-top strong{font-size:clamp(1.2rem,2vw,2rem)}.tv-main{padding:3vw 4vw 2vw}.tv-heading{display:flex;justify-content:space-between;align-items:end}.tv-heading p{margin:0;color:#67dbe2;font-size:.65rem;font-weight:800;letter-spacing:.14em}.tv-heading h1{margin:5px 0 0;font-size:clamp(2.5rem,4.5vw,5rem);line-height:1;letter-spacing:-.055em}.tv-heading>div>span{display:block;margin-top:10px;color:#86abb4}.tv-live{padding:8px 12px;border:1px solid rgba(89,220,178,.17);border-radius:20px;background:rgba(89,220,178,.07);color:#70dfb3;font-size:.65rem;font-weight:800}.tv-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1vw;margin-top:3vw}.tv-column{min-height:48vh;padding:1.1vw;border:1px solid rgba(134,204,209,.11);border-radius:18px;background:rgba(11,51,64,.72)}.tv-column>h2{display:flex;justify-content:space-between;align-items:center;margin:.2vw .3vw 1vw;color:#9db9c0;font-size:clamp(.75rem,1.1vw,1rem);text-transform:uppercase;letter-spacing:.05em}.tv-column>h2 span{display:flex;align-items:center;gap:8px}.tv-column>h2 i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber)}.tv-column.working>h2 i{background:var(--cyan)}.tv-column.ready>h2 i{background:var(--green)}.tv-column>h2 b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.07)}.tv-row{margin:.65vw 0;padding:1vw 1.1vw;border:1px solid rgba(150,212,216,.10);border-left:5px solid var(--amber);border-radius:12px;background:rgba(15,75,88,.8)}.tv-row.working{border-left-color:var(--cyan)}.tv-row.ready{border-left-color:var(--green);background:rgba(13,81,73,.75)}.tv-row b,.tv-row span,.tv-row small{display:block}.tv-row b{font-size:clamp(1rem,1.8vw,1.65rem);letter-spacing:.02em}.tv-row span{margin:3px 0;color:#c7dde1;font-size:clamp(.7rem,1vw,.95rem)}.tv-row small{color:#78a5ae;font-size:clamp(.55rem,.8vw,.75rem)}.tv-empty{display:grid;place-items:center;min-height:180px;color:#648891;font-size:.8rem}.tv-footer{display:flex;justify-content:space-between;padding:1.3vw 4vw;border-top:1px solid rgba(145,214,218,.12);color:#658b94;font-size:.68rem}

@keyframes pulse{50%{box-shadow:0 0 0 8px transparent}}
@keyframes progress{50%{width:77%}}

@media(max-width:1080px){.app-sidebar{width:220px}.app-frame{margin-left:220px}.content-shell{padding-left:28px;padding-right:28px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-metrics article{padding:14px}.board{overflow-x:auto;grid-template-columns:repeat(3,280px)}.auth-layout{grid-template-columns:420px 1fr}.auth-visual{padding:32px}.auth-pitch h1{font-size:3.7rem}.integration-fields{grid-template-columns:1fr 1fr}}
@media(max-width:780px){
  .app-sidebar{z-index:100;width:270px;transform:translateX(-105%);transition:transform .35s cubic-bezier(.7,0,.2,1)}.app-sidebar.open{transform:none}.sidebar-backdrop{position:fixed;z-index:90;inset:0;display:block;border:0;border-radius:0;background:rgba(2,18,27,.62);opacity:0;visibility:hidden;transition:.3s}.sidebar-backdrop.open{opacity:1;visibility:visible}.app-frame{margin-left:0}.mobile-topbar{position:sticky;z-index:40;top:0;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 17px;background:rgba(6,27,41,.94);backdrop-filter:blur(14px)}.mobile-menu{width:35px!important;padding:7px!important;border:0!important;background:transparent!important}.mobile-menu span{display:block;height:2px;margin:5px 0;background:#d8eaed}.app-brand.compact{font-size:.88rem}.app-brand.compact .brand-mark{width:27px;height:27px}.mobile-add{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--cyan);color:#062b35;font-weight:900}.content-shell{padding:25px 17px 55px}.page-head{display:block}.page-head>.button,.page-head>.primary,.page-head>.outline-button{margin-top:18px}.subscription-chip,.people-count{display:inline-flex;margin-top:15px}.split{grid-template-columns:1fr}.metrics{display:grid;grid-template-columns:1fr 1fr}.metrics article{min-width:0}.integration-head{align-items:flex-start;flex-wrap:wrap}.integration-state{margin-left:0}.integration-fields{grid-template-columns:1fr}.auth-layout,.register-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{min-height:100vh;padding:40px 22px}.register-form .auth-card{grid-template-columns:1fr}.register-form .auth-card .auth-submit{grid-column:auto}.tv-board{grid-template-columns:1fr}.tv-column{min-height:auto;padding:15px}.tv-heading{display:block}.tv-live{display:inline-block;margin-top:20px}.tv-footer{padding:18px;display:block}.tv-footer span{display:block;margin:4px 0}.tracking-hero{padding-top:55px}
}
@media(max-width:500px){.page-head h1{font-size:2.35rem}.card,.form-card.card{padding:20px}.metrics{grid-template-columns:1fr}.stage{align-items:flex-start;flex-direction:column}.stage>div:last-child{width:100%}.stage>div:last-child form{flex:1}.stage>div:last-child button{width:100%}.list-row{align-items:flex-start;flex-direction:column}.list-row form{width:100%}.list-row form button{width:100%}.search{flex-direction:column}.panel-head{align-items:flex-start}.panel-head>div{align-items:flex-start;flex-direction:column}.panel-tools{display:none}.board{margin:0 -1px;padding:10px;grid-template-columns:repeat(3,245px)}.dashboard-metrics span{display:none}.auth-form-wrap h2{font-size:2.3rem}.tracking-top>span{display:none}.tracking-card{padding:20px}.tracking-card>header{margin:-20px -20px 22px;padding:15px 20px}.tracking-steps em{display:none}.pair-code{font-size:3.7rem}.tv-main{padding:28px 16px}.tv-top{padding:17px}.tv-brand .brand-mark{width:27px;height:27px}.tv-heading h1{font-size:2.7rem}.tv-column{padding:12px}.tv-row{padding:13px}}
@media(max-width:1080px){.order-summary{grid-template-columns:1fr 1fr}.order-summary article:nth-child(2){border-right:0}.order-summary article:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-grid{grid-template-columns:1fr}.checkin-layout{grid-template-columns:1fr}.checkin-help{position:static}}
@media(max-width:500px){.order-head-actions{align-items:flex-start;flex-direction:column;margin-top:16px}.order-summary{grid-template-columns:1fr}.order-summary article{border-right:0;border-bottom:1px solid var(--line)!important}.order-summary article:last-child{border-bottom:0!important}.stage-list .stage{align-items:flex-start;flex-direction:row}.stage-list .stage-actions{width:auto}.stage-list .stage-actions form{width:auto}.stage-list .stage-actions button{width:auto}.field-services>div{grid-template-columns:1fr}.table-head{display:none}.customer-row,.report-row{grid-template-columns:1fr}.customer-row>span,.customer-row>em,.report-row span,.report-row strong{margin-left:47px;text-align:left}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}