:root{--bg:#0e1117;--panel:#171c25;--panel2:#202734;--text:#f3f6fb;--muted:#9ca8ba;--line:#2b3443;--accent:#e7b84b;--accent2:#ffd978;--danger:#ff6b6b;--success:#4fd1a5;--blue:#5ba8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(14,17,23,.94);backdrop-filter:blur(12px)}.brand{font-size:22px;font-weight:900;color:var(--accent2)}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:8px 10px;border-radius:9px;color:#d9e0ea}.nav a:hover{background:var(--panel2)}.container{max-width:1250px;margin:auto;padding:28px 18px}.hero{min-height:62vh;display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center}.hero h1{font-size:clamp(42px,7vw,76px);margin:12px 0;line-height:1}.hero p{font-size:20px;color:var(--muted);line-height:1.8}.hero-card,.panel,.auth-card{background:linear-gradient(160deg,var(--panel),#121722);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 18px 60px #0004}.badge{display:inline-block;background:#e7b84b1c;color:var(--accent2);border:1px solid #e7b84b55;border-radius:999px;padding:6px 10px;font-size:13px}.feature-grid,.stats,.table-grid,.orders-grid,.customer-menu-grid,.menu-admin-grid{display:grid;gap:14px}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-grid article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;font-size:28px}.feature-grid b,.feature-grid span{display:block;margin-top:9px;font-size:16px}.feature-grid span{color:var(--muted);font-size:14px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.btn:hover{filter:brightness(1.1)}.btn.primary{background:var(--accent);color:#17120a;border-color:transparent}.btn.danger{background:#3d1f24;color:#ffc3c3}.btn.ghost{background:transparent}.btn.small{padding:7px 9px;font-size:12px}.btn.wide{width:100%}.auth-card{max-width:430px;margin:8vh auto}.auth-card h1{margin-top:0}label{display:grid;gap:7px;margin:12px 0;color:#cdd6e2;font-size:14px}input,textarea,select{width:100%;background:#0f141c;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit}textarea{min-height:82px;resize:vertical}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.alert.danger{background:#3d1f24;color:#ffc3c3}.alert.success{background:#16332d;color:#b6ffe8}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.page-head h1,.page-head h2{margin:0}.muted{color:var(--muted)}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.stats span,.stats b{display:block}.stats span{color:var(--muted);font-size:13px}.stats b{font-size:28px;margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin-bottom:16px}.panel h2{margin-top:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.call-row,.menu-admin-card,.cart-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:11px 0}.menu-admin-grid{grid-template-columns:repeat(2,1fr)}.menu-admin-card{border:1px solid var(--line);border-radius:12px;padding:14px}.menu-admin-card.disabled{opacity:.45}.menu-admin-card span,.menu-admin-card small{display:block;color:var(--muted);margin-top:4px}.inline-form{display:grid;grid-template-columns:150px 1fr auto;gap:8px}.table-grid{grid-template-columns:repeat(4,1fr)}.table-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:center}.table-card img{width:100%;max-width:220px;border-radius:10px;background:#fff}.table-card code{display:block;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;margin-bottom:10px}.orders-grid{grid-template-columns:repeat(3,1fr)}.order-card{background:var(--panel);border:1px solid var(--line);border-right:5px solid var(--blue);border-radius:16px;padding:16px}.order-card.status-new{border-right-color:var(--accent)}.order-card.status-ready{border-right-color:var(--success)}.order-head{display:flex;justify-content:space-between;align-items:flex-start}.order-head h2{margin:7px 0 2px}.order-head small{color:var(--muted)}.order-items{margin:14px 0}.order-items>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed var(--line)}.order-items small{display:block;color:var(--muted)}.order-note{background:#10151d;border-radius:9px;padding:10px;color:#ffd79a}.live-dot{color:var(--success)}.empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted)}
.customer-body{background:#f5f4ef;color:#191919}.customer-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#15191f;color:white;box-shadow:0 8px 30px #0002}.customer-header .brand{display:block}.customer-header small{display:block;color:#bfc7d2;margin-top:4px}.cart-btn{border:0;background:var(--accent);border-radius:14px;padding:10px 14px;font-size:18px}.customer-container{max-width:900px;margin:auto;padding:14px}.welcome{background:linear-gradient(135deg,#171b22,#2b313c);color:white;border-radius:20px;padding:22px;margin:8px 0 16px}.welcome h1{margin:0 0 5px}.welcome p{color:#c4ccd7}.service-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-actions button{border:1px solid #ffffff22;background:#ffffff0f;color:white;padding:10px;border-radius:11px}.category-tabs{display:flex;gap:8px;overflow:auto;position:sticky;top:70px;z-index:10;background:#f5f4ef;padding:8px 0}.category-tabs a{white-space:nowrap;background:white;border:1px solid #ddd7c8;border-radius:999px;padding:9px 13px}.menu-section{scroll-margin-top:130px}.menu-section h2{margin:24px 0 10px}.customer-menu-grid{grid-template-columns:repeat(2,1fr)}.food-card{background:white;border:1px solid #e2ded2;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:130px 1fr;min-height:130px}.food-card img,.food-placeholder{width:130px;height:100%;object-fit:cover;background:#ece8dc;display:grid;place-items:center;font-size:44px}.food-body{padding:12px}.food-body h3{margin:0 0 6px}.food-body p{color:#696969;font-size:13px;min-height:36px}.food-body>div{display:flex;align-items:center;justify-content:space-between}.add-btn{width:38px;height:38px;border:0;border-radius:50%;font-size:24px;background:#181c22;color:white}.sheet{position:fixed;inset:0;background:#0009;display:none;align-items:flex-end;z-index:50}.sheet.open{display:flex}.sheet-card{background:white;color:#191919;width:min(720px,100%);margin:auto;border-radius:22px 22px 0 0;padding:18px;max-height:88vh;overflow:auto}.sheet-card input,.sheet-card textarea{background:white;color:#191919;border-color:#d7d7d7}.cart-row small{display:block;color:#777}.qty{display:flex;align-items:center;gap:10px}.qty button{width:34px;height:34px;border:0;border-radius:50%;background:#ececec;font-size:20px}.cart-total{display:flex;justify-content:space-between;font-size:22px;border-top:1px solid #ddd;padding:16px 0}.sheet .btn.ghost{color:#222;border-color:#ddd}.sheet .btn.primary{background:#15191f;color:white}.sheet .muted{color:#777}
@media(max-width:900px){.hero,.two-col{grid-template-columns:1fr}.feature-grid,.stats,.table-grid{grid-template-columns:repeat(2,1fr)}.orders-grid{grid-template-columns:1fr 1fr}.menu-admin-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:10px 12px;align-items:flex-start}.nav{font-size:12px}.container{padding:18px 10px}.feature-grid,.stats,.table-grid,.orders-grid,.customer-menu-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero h1{font-size:42px}.inline-form{grid-template-columns:1fr}.food-card{grid-template-columns:100px 1fr}.food-card img,.food-placeholder{width:100px}.service-actions{grid-template-columns:1fr 1fr 1fr;font-size:12px}}
.restaurant-logo{width:42px;height:42px;object-fit:cover;border-radius:10px;float:right;margin-left:9px}
.cart-item-wrap{border-top:1px solid #ddd;padding:8px 0}.cart-item-wrap .cart-row{border-top:0}.item-note{margin-top:5px;font-size:13px}
.device-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#11161e;border:1px solid var(--line);border-radius:10px;padding:9px 10px;margin:12px 0}.device-box small{display:block;color:var(--muted);margin-top:3px}.risk{font-size:11px;font-weight:800;border-radius:999px;padding:5px 8px;white-space:nowrap}.risk-low{background:#17342c;color:#9ef2d4}.risk-mid{background:#3b3015;color:#ffe29a}.risk-high{background:#421e24;color:#ffb1b1}.risk-flags{grid-column:1/-1}.device-box .btn{justify-self:start}

/* TopOrder 0.3 Commercial Core */
:root{--panel3:#111720;--green:#36d399;--orange:#ffb454;--purple:#a78bfa}.eyebrow{display:block;color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.role-pill,.live-badge{margin-inline-start:auto;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:7px 11px;font-size:12px;white-space:nowrap}.commercial-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.commercial-stats div{position:relative;overflow:hidden}.commercial-stats div:after{content:"";position:absolute;inset-inline-end:-28px;top:-28px;width:80px;height:80px;border-radius:50%;background:#ffffff08}.commercial-stats small{display:block;color:var(--muted);margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2,.section-head p{margin:0}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{display:grid;gap:4px;background:var(--panel3);border:1px solid var(--line);border-radius:14px;padding:14px;transition:.15s}.quick-card:hover{transform:translateY(-2px);border-color:#ffffff33}.quick-card span{font-size:26px}.quick-card small{color:var(--muted)}.version-line{text-align:center;color:var(--muted);font-size:12px}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:right;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;font-weight:700}.status-chip{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;background:#ffffff10}.status-new{background:#e7b84b20;color:#ffe39a}.status-accepted{background:#5ba8ff20;color:#9dcaff}.status-preparing{background:#a78bfa20;color:#ccbfff}.status-ready{background:#36d39920;color:#8cf4ce}.status-served{background:#ffffff12;color:#d7dde5}.status-paid{background:#36d39920;color:#8cf4ce}.status-cancelled{background:#ff6b6b20;color:#ffb2b2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-panel.disabled-soft{border-style:dashed}.menu-card-main{display:flex;gap:12px;align-items:flex-start;min-width:0}.admin-item-thumb{width:72px;height:72px;border-radius:11px;object-fit:cover;flex:0 0 auto}.edit-box{margin-top:10px;border-top:1px dashed var(--line);padding-top:9px;width:100%}.edit-box>summary{cursor:pointer;color:var(--muted);font-size:12px}.edit-box[open]>summary{color:var(--accent2);margin-bottom:10px}.spaced{margin-top:9px}.commercial-table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.table-card{position:relative}.table-disabled{opacity:.5}.table-state{position:absolute;top:10px;inset-inline-start:10px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:bold;z-index:2;background:#252c37}.state-free{background:#26302d;color:#8cf4ce}.state-occupied{background:#3c3320;color:#ffe39a}.state-preparing{background:#282241;color:#ccbfff}.state-ready{background:#153c30;color:#8cf4ce}.state-bill{background:#48272a;color:#ffb8b8}.cashier-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.service-side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 110px);overflow:auto}.call-row span small{display:block;color:var(--muted);margin-top:3px}.device-box{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;background:#10151d;border:1px solid var(--line);border-radius:10px;padding:8px;margin:10px 0}.device-box small{color:var(--muted)}.risk{border-radius:999px;padding:4px 7px;font-size:11px}.risk-low{background:#153c30;color:#8cf4ce}.risk-mid{background:#463b20;color:#ffe39a}.risk-high{background:#48272a;color:#ffb8b8}.risk-flags{grid-column:1/-1}.kds-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;overflow:auto;align-items:start}.kds-column{background:#10151d;border:1px solid var(--line);border-radius:16px;min-height:65vh;padding:10px}.kds-column>header{display:flex;justify-content:space-between;align-items:center;padding:7px 6px 12px}.kds-column>header span{background:var(--panel2);border-radius:999px;padding:4px 8px}.kds-card{background:var(--panel);border:1px solid var(--line);border-right:5px solid var(--blue);border-radius:13px;padding:12px;margin-bottom:9px}.kds-card.status-new{border-right-color:var(--accent)}.kds-card.status-ready{border-right-color:var(--green)}.kds-card-head{display:flex;justify-content:space-between}.kds-card-head small{display:block;color:var(--muted);margin-top:4px}.kds-items{margin:10px 0}.kds-items>div{border-top:1px dashed var(--line);padding:8px 0}.kds-items small{display:block;color:var(--muted);margin-top:3px}.ready-mark{text-align:center;background:#153c30;color:#8cf4ce;border-radius:9px;padding:9px;font-weight:bold}.kds-empty{text-align:center;color:var(--muted);padding:30px 4px}.call-big,.ready-row{padding:14px 0}.ready-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line)}.ready-row small{display:block;color:var(--muted);margin-top:4px}.report-bars{display:grid;gap:11px}.report-bar-row{display:grid;grid-template-columns:90px minmax(100px,1fr) 120px 55px;gap:9px;align-items:center}.bar-track{height:9px;background:#0e131a;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--accent);border-radius:inherit}.report-bar-row small{color:var(--muted)}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel2);color:var(--accent2)}.audit-detail span{display:block;font-size:11px;color:var(--muted);max-width:360px;overflow-wrap:anywhere}.audit-detail b{color:#dce3ed}.mini-flow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px}.empty.compact{padding:18px}.customer-header{border-bottom:3px solid var(--accent)}
@media(max-width:1100px){.commercial-table-grid{grid-template-columns:repeat(3,1fr)}.cashier-layout{grid-template-columns:1fr}.service-side{position:static;max-height:none}.kds-board{grid-template-columns:repeat(2,minmax(250px,1fr))}}
@media(max-width:760px){.commercial-stats,.commercial-table-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.report-bar-row{grid-template-columns:80px 1fr 90px}.report-bar-row small{display:none}.role-pill{display:none}.kds-board{grid-template-columns:1fr}.service-side{order:-1}}
@media(max-width:500px){.commercial-stats,.commercial-table-grid,.quick-actions{grid-template-columns:1fr}.topbar{gap:8px}.nav{gap:3px}.nav a{padding:6px 7px}.page-head{align-items:flex-start}.report-bar-row{grid-template-columns:72px 1fr 82px}}
.customer-kicker{font-size:12px;color:#f6d87f;font-weight:bold}.customer-search{display:flex;align-items:center;gap:8px;background:white;border:1px solid #ddd7c8;border-radius:14px;padding:2px 12px;box-shadow:0 6px 20px #0000000b}.customer-search span{font-size:23px;color:#777}.customer-search input{border:0;background:transparent;color:#222;padding:12px 2px;outline:0}.customer-empty{color:#777}.customer-order-status{background:#f6fff9;border:1px solid #bfe8cf;border-radius:15px;padding:14px;margin-top:12px;display:grid;gap:7px}.customer-order-status span{color:#666}.customer-order-status strong{font-size:20px}.status-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:8px 0}.status-track i{font-style:normal;text-align:center;font-size:10px;padding:6px 2px;border-radius:999px;background:#ececec;color:#777}.status-track i.active{background:var(--accent);color:#111;font-weight:bold}.no-scroll{overflow:hidden}

/* TopOrder 0.3.1 Owner + Media + Menu Experience */
.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-card{background:linear-gradient(160deg,#141a23,#10151c);border:1px solid var(--line);border-radius:16px;padding:15px}.staff-card.disabled{opacity:.55}.staff-card-head{display:flex;gap:12px;align-items:center}.staff-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#ffdd88);color:#17120a;font-size:20px;font-weight:900;flex:0 0 auto}.staff-card-head span,.staff-card-head small{display:block;color:var(--muted);margin-top:4px}.staff-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.staff-actions form{margin:0}.check-line{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.check-line input{width:auto}.image-source-box{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px;background:#0f141c}.logo-preview,.logo-placeholder{width:140px;height:140px;border-radius:18px;object-fit:cover;background:#fff}.logo-placeholder{display:grid;place-items:center;font-size:54px;background:var(--panel2)}.settings-panel{max-width:780px}.image-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:0 0 16px}.admin-category-strip a{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:11px 12px}.admin-category-strip a span{font-size:22px}.admin-category-strip a small{margin-inline-start:auto;color:var(--muted)}.category-edit-form{display:grid;grid-template-columns:80px 1fr 100px auto;gap:8px}.admin-item-placeholder{display:grid;place-items:center;width:72px;height:72px;border-radius:11px;background:var(--panel2);font-size:28px;flex:0 0 auto}
.customer-head-actions{display:flex;align-items:center;gap:8px}.follow-btn{border:1px solid #ffffff33;background:#ffffff12;color:#fff;border-radius:12px;padding:9px 11px;font-weight:800}.customer-kicker.dark{color:#7b6440}.menu-browser{margin:18px 0}.menu-browser-title,.category-page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.menu-browser-title h2,.category-page-head h2{margin:4px 0}.menu-browser-title small,.category-page-head p,.category-page-head>span{color:#777}.category-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:12px}.category-page-tab{border:1px solid #ded8ca;background:#fff;color:#202020;border-radius:18px;padding:14px 10px;min-height:108px;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer;box-shadow:0 8px 24px #0000000a;transition:.18s}.category-page-tab:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000012}.category-page-tab.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent),0 10px 28px #00000012;background:color-mix(in srgb,var(--accent) 10%,white)}.category-page-tab .category-icon{font-size:30px}.category-page-tab b{font-size:15px}.category-page-tab small{color:#777}.menu-category-page{display:none;animation:menuFade .22s ease-out}.menu-category-page.active{display:block}.category-page-head{margin:22px 0 12px}.category-page-head>div{display:flex;align-items:center;gap:10px}.category-title-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;border:1px solid #ded8ca;font-size:27px}.customer-menu-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.food-card{box-shadow:0 9px 26px #00000008;transition:.18s}.food-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000011}.food-card img{aspect-ratio:1/1;object-fit:cover}.send-order-btn{font-size:17px;padding:14px}.customer-order-status{padding:0;border:0;background:transparent}.status-hero{display:grid;place-items:center;text-align:center;gap:6px;border-radius:22px;padding:24px 16px;background:linear-gradient(145deg,#f5fff8,#edf9f1);border:1px solid #c5ead2;min-height:235px}.status-hero-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#fff;font-size:38px;box-shadow:0 10px 28px #0001}.status-hero span{font-size:12px;color:#6b7a70;font-weight:800}.status-hero h2{margin:2px 0;font-size:27px}.status-hero p{margin:0;max-width:470px;color:#5e6962;line-height:1.7}.status-hero.status-ready{background:linear-gradient(145deg,#fffbea,#fff5ca);border-color:#f0d77f}.status-hero.status-cancelled{background:linear-gradient(145deg,#fff5f5,#ffe7e7);border-color:#f0bcbc}.order-meta{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px solid #e7e7e7}.order-meta span{color:#666}.order-meta strong{font-size:19px}.status-track-modern{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0}.status-track-modern i{font-style:normal;display:grid;place-items:center;gap:5px;color:#9a9a9a;font-size:11px;position:relative}.status-track-modern i span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ececec;color:#777;font-weight:900}.status-track-modern i.active{color:#222;font-weight:800}.status-track-modern i.active span{background:var(--accent);color:#17120a}.status-live-line{text-align:center;background:#f6f6f6;border-radius:11px;padding:10px;color:#686868;margin-bottom:12px}.category-empty{padding:25px}.sheet-card:has(.customer-order-status){max-width:760px}.sheet-card:has(.customer-order-status) .page-head{margin-bottom:12px}@keyframes menuFade{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.staff-grid{grid-template-columns:1fr}.image-source-box{grid-template-columns:1fr}.logo-preview,.logo-placeholder{width:110px;height:110px}.image-input-grid{grid-template-columns:1fr}.category-edit-form{grid-template-columns:70px 1fr}.category-edit-form input[type=number],.category-edit-form button{grid-column:1/-1}.category-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-menu-grid{grid-template-columns:1fr}.menu-browser-title{align-items:flex-start}.menu-browser-title>small{display:none}}
@media(max-width:420px){.category-page-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-page-tab{min-height:95px;padding:10px 7px}.category-page-tab .category-icon{font-size:27px}.follow-btn{font-size:11px;padding:8px}.customer-header .brand{font-size:18px}.status-track-modern{gap:2px}.status-track-modern i{font-size:9px}.status-track-modern i span{width:26px;height:26px}.status-hero h2{font-size:23px}}

/* TopOrder 0.3.2 Smart Service + Modifiers + Stations + Floor */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-head,.modifier-admin-head,.modifier-admin-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.menu-admin-card-pro{display:block}.menu-card-main{display:flex;gap:12px;align-items:flex-start}.admin-item-thumb{width:72px;height:72px;object-fit:cover;border-radius:11px}.station-list{display:grid;gap:8px;margin-top:14px}.station-row{border:1px solid var(--line);border-radius:12px;padding:10px;background:#10151d}.station-row summary{cursor:pointer;font-weight:800}.modifier-admin{margin-top:14px;border-top:1px solid var(--line);padding-top:13px}.modifier-admin-title h3{font-size:15px;margin:0}.modifier-admin-title span{color:var(--muted);font-size:12px}.modifier-admin-group{border:1px solid var(--line);background:#10151c;border-radius:13px;padding:11px;margin-top:10px}.modifier-admin-head small{display:block;color:var(--muted);margin-top:3px}.modifier-group-edit{display:grid;grid-template-columns:2fr 70px 70px 70px auto;gap:7px;margin-top:9px}.modifier-options-admin{display:grid;gap:6px;margin-top:10px}.modifier-option-edit{display:grid;grid-template-columns:2fr 95px 100px 70px auto auto auto;gap:6px;align-items:center;border-top:1px dashed var(--line);padding-top:7px}.modifier-option-edit label{margin:0}.modifier-option-add{display:grid;grid-template-columns:2fr 100px 100px 70px auto;gap:7px;margin-top:10px}.add-modifier-box{margin-top:10px;background:#0d1219;border:1px dashed #394354;border-radius:12px;padding:10px}.add-modifier-box summary{cursor:pointer;font-weight:800;color:var(--accent2)}.disabled-soft{opacity:.55}.food-title-line{display:flex;align-items:center;gap:7px;justify-content:space-between}.mini-badge{font-size:10px;background:#fff3c2;color:#674b00;border-radius:999px;padding:4px 7px;white-space:nowrap}.featured-food{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}.food-tags{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0}.food-tags span{font-size:10px;background:#f1eee6;color:#5c564c;padding:3px 6px;border-radius:999px}.customizable-note{display:block;margin-top:7px;color:#7b6440;font-weight:700}.center-sheet{align-items:center}.center-sheet .sheet-card{border-radius:22px;max-height:90vh}.modifier-card{max-width:650px}.modifier-group{border:1px solid #e4dfd4;border-radius:16px;padding:12px;margin:10px 0;background:#fbfaf7}.modifier-group-head{display:flex;justify-content:space-between;align-items:center}.modifier-group-head h3{margin:0}.required-chip,.optional-chip{font-size:10px;border-radius:999px;padding:4px 8px}.required-chip{background:#fff0db;color:#844a00}.optional-chip{background:#eee;color:#666}.modifier-option{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px;border-top:1px solid #ece7dc;padding:10px 2px;margin:0}.modifier-option input{width:auto}.modifier-option b{color:#7a5b0a;margin-inline-start:5px}.modifier-error{outline:2px solid #ff7777;animation:shake .25s linear 2}.cart-mods{display:grid;gap:2px;margin:4px 0}.cart-mods span{display:block;color:#6f6658;font-size:11px}.visit-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f7f3e9;border:1px solid #e4dac2;padding:10px;border-radius:13px;margin:10px 0}.visit-summary div span,.visit-summary div b{display:block}.visit-summary div span{font-size:11px;color:#777}.visit-summary>small{grid-column:1/-1;color:#777}.stage-flash{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;background:#15191f;color:#fff;width:min(460px,88vw);padding:26px;border-radius:24px;text-align:center;box-shadow:0 28px 90px #0008;pointer-events:none}.stage-flash div{font-size:52px}.stage-flash b{display:block;font-size:25px;margin:8px}.stage-flash span{color:#d8dee8;line-height:1.7}.station-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.station-tab{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 14px;border-radius:12px;white-space:nowrap;cursor:pointer}.station-tab.active{background:var(--accent);color:#17120a;border-color:transparent;font-weight:900}.kds-modifiers{display:grid;margin:4px 0 2px;padding-inline-start:10px;border-inline-start:2px solid var(--accent)}.kds-modifiers small{color:#d3c59d}.order-note-inline{display:block;color:#ffd79a}.cashier-mods{display:grid;margin-top:3px}.cashier-mods small{color:#cfc4a1}.station-mini{color:#7aaee8!important}.floor-legend{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.floor-legend span{padding:6px 9px;border-radius:999px;background:var(--panel2);font-size:12px}.floor-canvas{height:620px;border:2px dashed #394354;border-radius:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 1px 1px,#303848 1px,transparent 1px);background-size:24px 24px}.floor-table{position:absolute;width:120px;min-height:80px;transform:translate(0,0);border:2px solid #777;border-radius:18px;background:#1c2430;color:#fff;display:grid;place-items:center;align-content:center;gap:3px;touch-action:none;cursor:grab;box-shadow:0 10px 30px #0004}.floor-table.dragging{cursor:grabbing;z-index:4;transform:scale(1.05)}.floor-table small,.floor-table em{font-size:10px;font-style:normal}.floor-table.state-free{border-color:#6b7480}.floor-table.state-visit{border-color:#5ba8ff}.floor-table.state-occupied{border-color:#e7b84b}.floor-table.state-preparing{border-color:#ff9d55}.floor-table.state-ready{border-color:#4fd1a5}.floor-table.state-bill{border-color:#d36dff}.state-visit{color:#8cc4ff}@keyframes shake{25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}
@media(max-width:900px){.modifier-group-edit,.modifier-option-edit,.modifier-option-add{grid-template-columns:1fr 1fr}.floor-canvas{height:520px}.floor-table{width:105px;min-height:70px}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.modifier-group-edit,.modifier-option-edit,.modifier-option-add{grid-template-columns:1fr}.visit-summary{grid-template-columns:1fr}.floor-canvas{height:480px}.floor-table{width:90px;min-height:65px;font-size:11px}}

/* TopOrder 1.0 Commercial SaaS Platform */
.platform-body{background:#07111d;color:#edf5ff;min-height:100vh}.platform-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;padding:12px 22px;background:rgba(6,15,27,.94);border-bottom:1px solid #21324a;backdrop-filter:blur(16px)}.platform-brand{font-size:19px;font-weight:950;letter-spacing:.04em;white-space:nowrap}.platform-brand span{color:#53d6a7}.platform-brand small{display:block;font-size:9px;letter-spacing:.22em;color:#7f94af;text-align:left}.platform-nav{display:flex;gap:6px;flex-wrap:wrap}.platform-nav a{padding:9px 11px;border-radius:10px;color:#d5e1ef;font-size:13px}.platform-nav a:hover{background:#122136;color:#fff}.platform-account{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.platform-account>div{display:grid;text-align:left}.platform-account small{color:#7f94af;font-size:10px}.platform-account form{margin:0}.platform-container{max-width:1460px;margin:auto;padding:26px 18px 60px}.platform-page-head{padding:8px 0}.platform-page-head h1{font-size:34px}.platform-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:18px}.platform-stat-grid article{position:relative;overflow:hidden;background:linear-gradient(150deg,#102038,#0d1828);border:1px solid #213653;border-radius:17px;padding:17px}.platform-stat-grid article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#ffffff08;inset-inline-end:-35px;top:-35px}.platform-stat-grid article span,.platform-stat-grid article b,.platform-stat-grid article small{display:block;position:relative;z-index:1}.platform-stat-grid article span{font-size:12px;color:#93a8c3}.platform-stat-grid article b{font-size:30px;margin:8px 0 4px}.platform-stat-grid article small{color:#6f87a4;font-size:10px}.platform-stat-grid article.ok{border-color:#1f654f}.platform-stat-grid article.warn{border-color:#745c27}.platform-stat-grid article.danger{border-color:#70353d}.platform-stat-grid .stat-text{font-size:19px!important}.platform-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-panel{background:linear-gradient(155deg,#0d1a2c,#0a1422);border:1px solid #20334c;border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 18px 50px #0002}.platform-panel h2{margin:0 0 4px}.platform-list{display:grid}.platform-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-top:1px solid #1b2d45}.platform-list-row:first-child{border-top:0}.platform-list-row b,.platform-list-row small{display:block}.platform-list-row small{margin-top:4px;color:#7890ad;font-size:11px}.status-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;background:#1b2a3d;color:#b9c8da;white-space:nowrap}.status-chip.active{background:#12372d;color:#82eac7}.status-chip.expired,.status-chip.warn{background:#3b3016;color:#ffd878}.status-chip.suspended{background:#422328;color:#ff9ca7}.status-chip.archived{background:#252b34;color:#8d98a7}.mini-chip{display:inline-block;border:1px solid #29405f;background:#102038;border-radius:999px;padding:4px 7px;font-size:10px;margin:2px}.platform-inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.platform-filter{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:8px;margin-bottom:14px}.platform-table-wrap{overflow:auto;border:1px solid #20334c;border-radius:16px;background:#0b1727}.platform-table{width:100%;border-collapse:collapse;min-width:780px}.platform-table th,.platform-table td{padding:12px 13px;text-align:right;border-bottom:1px solid #1b2c43;vertical-align:top}.platform-table th{background:#102038;color:#8fa6c1;font-size:11px;position:sticky;top:0}.platform-table td small{display:block;color:#7890ad;margin-top:4px}.platform-table tr:hover td{background:#0d1c2f}.platform-table details summary{cursor:pointer;color:#7ed7b8}.platform-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.platform-form-grid label{margin:0}.platform-form-actions,.full-span{grid-column:1/-1}.form-note{grid-column:1/-1;border:1px dashed #304a6b;background:#0a1625;border-radius:12px;padding:11px;display:grid;gap:3px}.form-note span{color:#8298b3;font-size:12px}.password-with-action{display:grid;grid-template-columns:1fr auto;gap:7px}.details-title{cursor:pointer;font-weight:850;color:#78d5b5}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:13px}.plan-card{background:linear-gradient(155deg,#0e1d31,#0a1422);border:1px solid #203650;border-radius:18px;padding:17px}.plan-head{display:flex;justify-content:space-between;align-items:start}.plan-head h2{margin:0}.plan-head>b{font-size:24px;color:#76dbb7}.plan-limits{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.plan-limits span{background:#0a1625;border:1px solid #1b2e46;padding:8px;border-radius:10px;font-size:11px}.plan-card details{border-top:1px solid #1b2d45;margin-top:12px;padding-top:10px}.plan-card details summary{cursor:pointer;color:#83d6b8}.owner-admin-row{display:grid;grid-template-columns:minmax(120px,.7fr) 1.3fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #1c2e47}.owner-admin-row:first-of-type{border-top:0}.owner-admin-row small{display:block;color:#7890ad}.reset-password-form{display:grid;grid-template-columns:1fr auto;gap:7px}.tenant-url{display:grid;gap:5px;margin-top:14px;background:#081523;border:1px solid #1b2d45;border-radius:10px;padding:10px}.tenant-url span{font-size:10px;color:#7e94ad}.tenant-url code{direction:ltr;text-align:left;white-space:normal;word-break:break-all;color:#b9e2d3}.empty-mini{text-align:center;padding:24px;color:#738aa5}.audit-json{max-width:480px;white-space:pre-wrap;word-break:break-word;color:#b9c9dd;font-size:10px}.platform-login-body{display:grid;place-items:center;padding:20px}.platform-login-card{width:min(440px,100%);background:linear-gradient(155deg,#102038,#091523);border:1px solid #28415e;border-radius:24px;padding:28px;box-shadow:0 35px 100px #0008}.platform-login-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#56d9aa,#2f9c78);color:#06120e;font-size:29px;font-weight:950;margin-bottom:18px}.platform-login-card h1{font-size:30px;margin:4px 0}.platform-login-card p{line-height:1.7}.platform-back{display:block;text-align:center;margin-top:17px;color:#7890ad;font-size:12px}.tenant-stats{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.platform-topbar{align-items:flex-start;flex-wrap:wrap}.platform-account{margin-inline-start:0}.platform-grid-2{grid-template-columns:1fr}.tenant-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.platform-container{padding:16px 9px 45px}.platform-nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.platform-nav a{white-space:nowrap}.platform-account>div{display:none}.platform-page-head{align-items:flex-start;flex-direction:column}.platform-form-grid,.platform-inline-form,.platform-filter,.owner-admin-row,.reset-password-form{grid-template-columns:1fr}.platform-stat-grid,.tenant-stats{grid-template-columns:repeat(2,1fr)}.platform-form-actions,.full-span,.form-note{grid-column:1}.plan-limits{grid-template-columns:1fr}.platform-table{min-width:700px}}
.danger-zone{border-color:#69313a!important;background:linear-gradient(155deg,#251319,#11131a)!important}.danger-text{color:#ff9ca7!important}.subscription-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subscription-hero>div{background:#101720;border:1px solid var(--line);border-radius:14px;padding:16px}.subscription-hero span,.subscription-hero small,.subscription-hero b{display:block}.subscription-hero span,.subscription-hero small{color:var(--muted)}.subscription-hero h2{margin:7px 0}.subscription-hero b{margin-top:8px}@media(max-width:650px){.subscription-hero{grid-template-columns:1fr}}
.owner-admin-row-pro{grid-template-columns:minmax(120px,.5fr) 1.5fr}.owner-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.owner-actions form{margin:0}.owner-actions .reset-password-form{flex:1;min-width:280px}.add-owner-box{border-top:1px dashed #29405f;margin-top:10px;padding-top:10px}.add-owner-box .reset-password-form{grid-template-columns:1fr 1fr auto;margin-top:9px}@media(max-width:680px){.owner-admin-row-pro,.add-owner-box .reset-password-form{grid-template-columns:1fr}.owner-actions{display:grid}}
.platform-entry{display:flex;justify-content:center;gap:10px;align-items:center;margin:28px 0 5px;color:#6f7e91;font-size:11px}.platform-entry a{color:#9db2c9;text-decoration:underline;text-underline-offset:3px}

/* v1.0.1 repeat-order tracking polish */
.visit-orders-list{grid-column:1/-1;display:grid;gap:6px;margin-top:4px}.visit-order-row{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:8px;background:#fff;border:1px solid #eadfca;border-radius:10px;padding:7px 9px}.visit-order-row span,.visit-order-row b,.visit-order-row strong{display:block!important}.visit-order-row span{font-size:11px!important;color:#6a6257!important}.visit-order-row strong{font-size:11px;color:#40392f}.visit-order-status{font-size:10px;border-radius:999px;padding:4px 7px;background:#eee7d9;color:#655a49}.visit-order-status.status-ready{background:#d8f5e9;color:#166b4e}.visit-order-status.status-preparing{background:#fff0d2;color:#825100}.visit-order-status.status-cancelled{background:#ffe0e0;color:#8a2727}.visit-order-status.status-paid{background:#d8f5e9;color:#166b4e}.order-follow-actions{display:grid;gap:8px;margin-top:12px}@media(max-width:600px){.visit-order-row{grid-template-columns:1fr auto}.visit-order-row strong{grid-column:1/-1}}

/* TopOrder 1.1 Reporting Intelligence + Smart Table Lifecycle */
.report-head{align-items:flex-start}.report-filter-panel{padding:14px 16px}.report-filter-form{display:grid;gap:12px}.preset-buttons,.report-tabs{display:flex;gap:7px;flex-wrap:wrap}.custom-date-row{display:grid;grid-template-columns:180px 180px auto;gap:9px;align-items:end}.custom-date-row label{margin:0}.report-tabs{position:sticky;top:64px;z-index:16;padding:9px 10px;margin:0 0 18px;background:#0e1117ee;border:1px solid var(--line);border-radius:13px;backdrop-filter:blur(10px)}.report-tabs a{padding:8px 11px;border-radius:999px;background:var(--panel2);font-size:12px}.report-tabs a:hover,.report-tabs a.active{background:var(--accent);color:#17120a}.report-section{scroll-margin-top:130px;margin-top:24px}.report-section>.section-head{margin-bottom:13px}.report-kpis{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.mini-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0 20px}.insight-card{display:grid;gap:5px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.insight-card span{color:var(--muted);font-size:12px;line-height:1.65}.insight-card.good{border-color:#24684f}.insight-card.warn{border-color:#765d24}.insight-card.danger{border-color:#77323b}.hour-grid{height:230px;display:grid;grid-template-columns:repeat(24,minmax(20px,1fr));gap:3px;align-items:end;padding-top:15px;overflow:auto}.hour-grid>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:22px}.hour-grid i{width:70%;min-height:2px;background:linear-gradient(var(--accent2),var(--accent));border-radius:5px 5px 1px 1px}.hour-grid span,.hour-grid small{font-size:9px;color:var(--muted)}.heatmap-wrap{overflow:auto}.heatmap{min-width:760px}.heatmap td{text-align:center;border:3px solid var(--panel);border-radius:7px}.heat-0{background:#121820;color:#667180}.heat-1{background:#16362d}.heat-2{background:#4c4420}.heat-3{background:#633824}.heat-4{background:#6a242c;color:#ffd6d6}.legacy-data-note{border:1px dashed #715d2a;background:#2c2717;color:#efd894;border-radius:12px;padding:11px 13px;font-size:12px}.rank-row small{grid-column:2/-1}.table-card small{display:block;margin:5px 0}.table-archived{border-style:dashed;opacity:.9}.archived-table-mark{height:180px;display:grid;place-items:center;font-size:54px;background:#10151d;border-radius:11px;margin-bottom:10px}.archive-note{color:#e0bd70}.table-create-one{grid-template-columns:1fr 1fr auto;align-items:end}.bulk-preview{margin:10px 0;padding:12px;background:#10151d;border:1px dashed #3a4658;border-radius:11px;display:grid;gap:4px}.bulk-preview small{display:block;color:var(--muted);margin-top:4px}.table-admin-actions form{margin:0}.table-admin-actions input{min-width:160px}.table-scope-tabs{position:static;background:transparent;border:0;padding:0}.toporder-dialog{width:min(560px,calc(100% - 24px));border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:18px;box-shadow:0 30px 100px #0009}.toporder-dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-head h2{margin:2px 0 10px}.form-error{min-height:20px;color:#ffabab;font-size:12px;margin:7px 0}.finance-breakdown{display:grid;gap:5px;background:#10151d;border-radius:11px;padding:11px;margin:10px 0}.finance-breakdown>div{display:flex;justify-content:space-between}.finance-breakdown .grand{font-size:18px;color:var(--accent2);border-top:1px dashed var(--line);padding-top:7px}.split-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric-up{color:var(--success)}.metric-down{color:var(--danger)}
@media(max-width:800px){.custom-date-row,.table-create-one,.report-grid-3{grid-template-columns:1fr}.report-tabs{top:58px;overflow:auto;flex-wrap:nowrap}.report-tabs a{white-space:nowrap}.hour-grid{min-width:680px}.two-col.table-create-grid{grid-template-columns:1fr}.split-payment-grid{grid-template-columns:1fr}}

/* v1.2 customer-session safety + table readiness */
.state-reset,.table-state.state-reset{background:#7b5a13!important;color:#fff}.floor-table.state-reset{border-color:#c89422;background:#fff6da}.session-closing-note,.closed-info{margin-top:12px;padding:12px;border-radius:14px;background:#fff4d6;border:1px solid #ead08a;font-weight:700}.closed-session-page{min-height:100vh;display:grid;place-items:center;padding:24px}.closed-session-card{max-width:620px;width:100%;text-align:center;background:#fff;border-radius:24px;padding:32px;box-shadow:0 22px 70px #0002}.closed-session-card .closed-lock{font-size:56px}.closed-session-card .restaurant-logo.large{max-width:110px;max-height:90px;margin:auto auto 12px}.reset-panel{margin-top:18px}.service-side hr{border:0;border-top:1px solid #e4e6e8;margin:18px 0}

/* v1.2 operational notification center */
.ops-notify-wrap{position:relative;margin-inline-start:auto}.ops-notify-button{position:relative;width:42px;height:42px;border-radius:13px;border:1px solid #2a3547;background:#151d29;color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}.ops-notify-button:hover{background:#1c2736}.ops-notify-badge{position:absolute;top:-7px;inset-inline-start:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e84f5f;color:#fff;font:800 11px/20px system-ui;box-shadow:0 0 0 3px #0d1118}.ops-notify-panel{position:absolute;z-index:100;top:50px;inset-inline-end:0;width:min(430px,calc(100vw - 24px));max-height:min(72vh,650px);overflow:auto;background:#101722;border:1px solid #2b3a50;border-radius:18px;box-shadow:0 24px 80px #0009;padding:12px}.ops-notify-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 10px}.ops-notify-head b,.ops-notify-head small{display:block}.ops-notify-head small{color:#8998ad;font-size:11px;margin-top:3px}.ops-notify-enable{width:100%;border:1px solid #274d43;background:#112a25;color:#9fe9d2;border-radius:11px;padding:9px 10px;font-weight:800;cursor:pointer;margin-bottom:9px}.ops-notify-list{display:grid;gap:7px}.ops-notification-row{width:100%;display:flex;gap:10px;text-align:right;border:1px solid #233043;background:#131d2a;color:#eef5ff;border-radius:13px;padding:10px;cursor:pointer}.ops-notification-row:hover{background:#182536}.ops-notification-row.unread{border-color:#4b8b79;background:#142922}.ops-notification-icon{width:34px;height:34px;border-radius:10px;background:#0c131d;display:grid;place-items:center;flex:0 0 auto;font-size:18px}.ops-notification-copy{min-width:0;display:grid;gap:3px}.ops-notification-copy b{font-size:13px}.ops-notification-copy small{font-size:11px;color:#b8c4d4;line-height:1.55;white-space:normal}.ops-notification-copy em{font-style:normal;color:#71839a;font-size:9px}.ops-notify-empty{text-align:center;color:#71839a;padding:22px 8px;margin:0}.ops-toast-stack{position:fixed;z-index:160;inset-inline-end:18px;top:78px;width:min(390px,calc(100vw - 36px));display:grid;gap:9px;pointer-events:none}.ops-toast{pointer-events:auto;display:flex;gap:11px;align-items:flex-start;width:100%;border:1px solid #478a78;background:#11251f;color:#f2fff9;border-radius:15px;padding:12px 13px;box-shadow:0 20px 65px #0009;text-align:right;cursor:pointer;opacity:0;transform:translateY(-12px) scale(.98);transition:.22s ease}.ops-toast.show{opacity:1;transform:none}.ops-toast-icon{font-size:22px}.ops-toast-text{display:grid;gap:3px}.ops-toast-text b{font-size:14px}.ops-toast-text small{font-size:11px;color:#bfe0d4;line-height:1.55}@media(max-width:760px){.ops-notify-panel{position:fixed;top:62px;inset-inline:8px;width:auto;max-height:72vh}.ops-toast-stack{top:68px;inset-inline:10px;width:auto}.topbar .ops-notify-wrap{margin-inline-start:0}}