:root{--navy:#10263d;--navy-2:#183650;--ink:#17283a;--muted:#6f7f8f;--paper:#f3f6f8;--white:#fff;--orange:#ef8b2c;--orange-2:#ffad5c;--blue:#2d7cc4;--green:#27a56b;--red:#db5653;--line:#dce4ea;--shadow:0 18px 45px rgba(17,38,61,.09)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}.brand strong,.brand span{display:block}.brand strong{font-size:1.05rem;letter-spacing:-.02em}.brand span{font-size:.8rem;color:#8fa2b4;margin-top:2px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;color:var(--orange);margin:0 0 7px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,620px) 1fr;background:#f7f9fb}.login-card{padding:clamp(36px,7vw,92px);display:flex;flex-direction:column;justify-content:center;background:white;position:relative;z-index:1}.brand-login{position:absolute;top:38px;left:clamp(36px,7vw,92px)}.login-copy{margin:55px 0 30px}.login-copy h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.94;letter-spacing:-.055em;margin:0 0 24px;max-width:520px}.login-copy>p:last-child{font-size:1rem;line-height:1.7;color:var(--muted);max-width:480px}.login-card form{display:grid;gap:18px;max-width:430px}.login-card label{font-size:.88rem;font-weight:750;display:grid;gap:8px}.login-card input,.search,select{min-height:52px;border:1px solid var(--line);border-radius:13px;padding:0 16px;color:var(--ink);background:#fff;outline:none}.login-card input:focus,.search:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(45,124,196,.12)}.password-field{display:flex;position:relative}.password-field input{width:100%;padding-right:48px}.password-field button{position:absolute;right:5px;top:5px;width:42px;height:42px;border:0;background:transparent}.primary,.secondary{min-height:48px;border:0;border-radius:12px;padding:0 19px;font-weight:780}.primary{background:linear-gradient(135deg,var(--orange),#e7771c);color:white;box-shadow:0 10px 22px rgba(239,139,44,.25)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.wide{width:100%}.demo-note{font-size:.78rem;color:#92a0ad;margin-top:20px}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#183b5a,#091b2c);min-height:100vh}.login-visual:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:15%;top:12%}.login-visual:after{content:"";position:absolute;inset:8%;background:radial-gradient(circle at 40% 50%,rgba(45,124,196,.38),transparent 56%)}.orb{position:absolute;border-radius:50%}.orb-one{width:460px;height:460px;background:linear-gradient(145deg,rgba(239,139,44,.92),rgba(219,86,83,.08));top:-120px;right:-90px;filter:blur(2px)}.orb-two{width:540px;height:540px;border:1px solid rgba(255,255,255,.12);bottom:-180px;left:-80px}.device-card{position:absolute;z-index:2;top:31%;left:17%;width:250px;padding:30px;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(255,255,255,.1);backdrop-filter:blur(18px);color:white;box-shadow:0 28px 70px rgba(0,0,0,.28);transform:rotate(-4deg)}.device-card.second{top:55%;left:44%;transform:rotate(5deg)}.device-card span{display:block;font-size:2.5rem;font-weight:850;letter-spacing:-.04em}.device-card small{color:#c5d1dd;font-size:.9rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#132d46,#0d2135);color:#fff;padding:28px 19px;display:flex;flex-direction:column;z-index:20;box-shadow:10px 0 35px rgba(12,33,53,.08)}.sidebar .brand{padding:0 11px 28px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar nav{display:grid;gap:7px;margin-top:28px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:11px 13px;border:0;border-radius:13px;background:transparent;color:#b8c6d2;font-weight:680;text-align:left;min-height:51px}.nav-icon{display:grid!important;place-items:center;width:30px!important;height:30px;border-radius:9px;background:rgba(255,255,255,.06);font-size:1rem!important}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.085);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.nav-item.active .nav-icon{background:var(--orange);color:white}.sidebar-foot{margin-top:auto;padding:20px 11px 0;border-top:1px solid rgba(255,255,255,.09);font-size:.8rem;color:#b6c4d1}.sidebar-foot small{display:block;margin:8px 0 0 16px;color:#71879a}.status-dot,.live-dot{display:inline-block;width:8px;height:8px;background:#38c986;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(56,201,134,.12)}main{grid-column:2;padding:0 clamp(22px,3vw,44px) 44px;min-width:0}.topbar{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.topbar h1{margin:0;font-size:1.72rem;letter-spacing:-.035em}.top-actions{display:flex;align-items:center;gap:14px}.top-actions time{font-size:.86rem;color:var(--muted);font-weight:620}.avatar{width:46px;height:46px;border-radius:14px;border:0;background:var(--navy);color:white;font-size:.78rem;font-weight:800;box-shadow:0 8px 18px rgba(16,38,61,.18)}.icon-button{border:0;background:transparent;color:inherit;font-size:1.3rem;width:44px;height:44px;border-radius:11px}.topbar>.icon-button{display:none}.view{display:none}.active-view{display:block}.welcome-strip{min-height:68px;background:linear-gradient(105deg,var(--navy),var(--navy-2));color:white;border-radius:17px;padding:14px 18px 14px 22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;box-shadow:0 12px 30px rgba(16,38,61,.14);position:relative;overflow:hidden}.welcome-strip:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:30px solid rgba(255,255,255,.035);right:15%;top:-75px}.welcome-strip>div{display:flex;align-items:center;gap:6px;position:relative;z-index:1}.welcome-strip small{color:#aebdca;margin-left:10px}.new-order{position:relative;z-index:1;border:0;background:var(--orange);color:white;min-height:40px;padding:0 16px;border-radius:10px;font-weight:780}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metrics article{background:white;border:1px solid #e3e9ee;border-radius:17px;padding:19px 20px;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(17,38,61,.045)}.metrics article:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;bottom:-34px;background:#f4f7f9}.metrics article span{display:block;color:var(--muted);font-size:.8rem;font-weight:680}.metrics article strong{display:block;font-size:1.62rem;margin-top:8px;letter-spacing:-.035em}.metrics article strong small{font-size:.9rem;color:#9ca9b4}.metrics article i{position:absolute;width:5px;height:42%;right:0;top:29%;border-radius:5px 0 0 5px}.orange{background:var(--orange)}.blue{background:var(--blue)}.red{background:var(--red)}.green{background:var(--green)}.toolbar,.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.zone-label{font-size:.82rem;font-weight:800;margin:0 0 9px;color:#405569}.segmented{display:inline-flex;background:#e6ebef;border-radius:11px;padding:4px}.segmented button{border:0;background:transparent;padding:9px 18px;border-radius:8px;color:var(--muted);font-size:.82rem;font-weight:720}.segmented button.active{background:white;color:var(--ink);box-shadow:0 3px 9px rgba(17,38,61,.1)}.tables-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.table-card{border:1px solid var(--line);border-radius:18px;background:white;padding:17px;text-align:left;min-height:178px;display:flex;flex-direction:column;transition:.2s ease;color:var(--ink);box-shadow:0 7px 20px rgba(17,38,61,.04);position:relative;overflow:hidden}.table-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-52px;top:-48px;background:#f1f5f7}.table-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b9c8d3}.table-card.busy{border-top:4px solid var(--orange)}.table-card.free{border-top:4px solid #b8c6d0}.table-card header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.table-number{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#f4f7f9;color:#405569;font-size:1.12rem;font-weight:850}.busy .table-number{background:#fff0e1;color:#c56813}.pill{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:.68rem;font-style:normal;font-weight:760;background:#edf2f5;color:#738392}.pill b{width:6px;height:6px;border-radius:50%;background:#9eacb7}.busy .pill{background:#fff2e4;color:#c66b12}.busy .pill b{background:var(--orange)}.table-meta h3{margin:16px 0 2px;font-size:1rem}.table-meta p{color:var(--muted);font-size:.78rem;margin:0}.table-card footer{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:14px;border-top:1px solid #edf1f3}.table-card footer span{font-size:.7rem;color:var(--muted);max-width:90px;line-height:1.25}.table-card footer strong{font-size:1.05rem;letter-spacing:-.02em}.section-head h2{font-size:1.65rem;margin:0}.search{width:min(380px,50vw)}.data-card,.chart-card{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 9px 28px rgba(17,38,61,.045)}table{width:100%;border-collapse:collapse}th,td{padding:17px 20px;text-align:left;border-bottom:1px solid #edf1f4;font-size:.86rem}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#7c8b99;background:#f9fbfc}tbody tr:hover{background:#fbfcfd}tbody tr:last-child td{border-bottom:0}.ok,.warn,.danger{font-size:.72rem;padding:5px 8px;border-radius:12px}.ok{background:#e6f6ef;color:#138456}.warn{background:#fff2dc;color:#b56b0e}.danger{background:#fee9e8;color:#b43c37}.chart-card{padding:25px}.chart-title{display:flex;justify-content:space-between}.chart-title span{color:var(--muted);font-size:.85rem}.bars{height:290px;display:flex;align-items:end;justify-content:space-around;gap:16px;padding:30px 20px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff,#fff 71px,#eef2f5 72px)}.bars i{height:var(--h);width:7%;max-width:48px;min-width:20px;border-radius:8px 8px 2px 2px;background:linear-gradient(to top,var(--orange),var(--orange-2))}.axis{display:flex;justify-content:space-around;color:var(--muted);font-size:.74rem;padding:12px 20px 0}.scrim{position:fixed;inset:0;background:rgba(4,16,28,.48);backdrop-filter:blur(5px);z-index:50}.order-panel{position:absolute;right:0;top:0;bottom:0;width:min(470px,94vw);background:white;padding:30px;display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.18);animation:slide .22s ease}.order-panel header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.order-panel h2{margin:0}.order-lines{display:grid;margin-top:12px}.order-lines div{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #edf1f4;font-size:.88rem}.add-line{margin-top:18px;border:1px dashed #b8c7d3;border-radius:12px;background:#f8fafb;padding:14px;color:var(--blue);font-weight:730}.order-panel footer{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.order-panel footer div{display:flex;justify-content:space-between;margin-bottom:18px}.order-panel footer strong{font-size:1.5rem}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:13px 19px;border-radius:11px;font-size:.84rem;opacity:0;pointer-events:none;transition:.2s;z-index:100;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes slide{from{transform:translateX(100%)}to{transform:none}}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.tables-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.login-shell{display:block}.login-visual{display:none}.login-card{min-height:100vh;padding:100px 24px 32px}.brand-login{top:25px;left:24px}.login-copy{margin:20px 0 26px}.login-copy h1{font-size:2.65rem}.app-shell{display:block}.sidebar{inset:auto 10px 10px;width:auto;height:72px;padding:8px;border-radius:19px;transform:none;display:block;box-shadow:0 12px 35px rgba(7,24,39,.32)}.sidebar .brand,.sidebar-foot{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:100%}.nav-item{min-height:56px;padding:5px 3px;display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center;border-radius:13px;font-size:.68rem}.nav-item.active{box-shadow:none;background:rgba(255,255,255,.1)}.nav-icon{height:25px!important;width:25px!important;background:transparent!important;font-size:.9rem!important}.nav-item.active .nav-icon{color:var(--orange)}main{padding:0 14px 100px}.topbar{min-height:78px;margin-bottom:16px}.topbar>.icon-button{display:none}.topbar>div:nth-child(2){margin-right:auto}.topbar .eyebrow{display:none}.topbar h1{font-size:1.25rem}.top-actions time{display:none}.top-actions .secondary{position:fixed;right:18px;bottom:94px;z-index:25;box-shadow:var(--shadow)}.avatar{width:42px;height:42px;border-radius:12px}.welcome-strip{min-height:76px;padding:13px 14px;margin-bottom:12px}.welcome-strip>div{display:block}.welcome-strip .live-dot{float:left;margin-top:7px}.welcome-strip small{display:block;margin:4px 0 0 16px;font-size:.7rem}.new-order{font-size:.74rem;padding:0 10px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px}.metrics article{padding:14px 13px;border-radius:14px}.metrics article strong{font-size:1.25rem}.metrics article span{font-size:.7rem}.toolbar{align-items:flex-end}.zone-label{font-size:.75rem}.segmented{overflow-x:auto}.segmented button{padding:8px 11px}.refresh-button{width:44px;padding:0}.refresh-button span{display:none}.tables-grid{grid-template-columns:repeat(2,1fr);gap:9px}.table-card{min-height:160px;padding:13px;border-radius:15px}.table-number{width:38px;height:38px;font-size:1rem}.pill{font-size:.6rem;padding:4px 6px}.table-meta h3{margin-top:12px}.table-card footer{display:block}.table-card footer strong{display:block;margin-top:4px}.section-head{align-items:flex-end}.search{width:54vw}.data-card{overflow-x:auto}table{min-width:650px}.chart-card{padding:18px}.bars{height:250px;padding-inline:2px;gap:6px}.order-panel{padding:22px}}@media(max-width:380px){.login-copy h1{font-size:2.35rem}.welcome-strip small{display:none}.new-order{max-width:105px}.metrics article span{min-height:29px}.table-card footer span{display:none}}