@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#0b1020;--bg-2:#0f152b;--surface:#141b33;--surface-2:#1a2240;--border:#25304f;--text:#eef2ff;--muted:#94a3c4;--primary:#6366f1;--primary-2:#8b5cf6;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--cyan:#06b6d4;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.35);color-scheme:dark}[data-theme=light]{--bg:#eef1f8;--bg-2:#fff;--surface:#fff;--surface-2:#f2f5fb;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--shadow:0 10px 30px rgba(2,8,40,.08);color-scheme:light}[data-theme=light] body{background:radial-gradient(1200px 600px at 100% -10%,rgba(139,92,246,.06),transparent),radial-gradient(1000px 500px at -10% 110%,rgba(99,102,241,.06),transparent),var(--bg)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Inter,system-ui,Arial,sans-serif;background:radial-gradient(1200px 600px at 100% -10%,rgba(139,92,246,.12),transparent),radial-gradient(1000px 500px at -10% 110%,rgba(99,102,241,.12),transparent),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,ul{margin:0}ul{padding-left:18px}input{font-family:inherit}.app-shell{display:grid;grid-template-columns:268px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--bg-2),var(--bg));border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 14px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 8px 20px rgba(99,102,241,.4)}.brand-name{font-weight:700;font-size:15px}.brand-sub{font-size:12px;color:var(--muted);margin-top:6px}.brand-logo-badge{display:inline-flex;align-items:center;background:#14161c;border-radius:10px;padding:7px 12px}.brand-logo-badge img{display:block;height:22px;width:auto}.side-nav{display:flex;flex-direction:column;gap:4px;flex:1 1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:transparent}.side-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.side-nav::-webkit-scrollbar-thumb:hover{background:var(--muted)}.nav-group{display:flex;flex-direction:column}.nav-group-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:transparent;border:none;cursor:pointer;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;padding:4px 10px;transition:color .15s ease}.nav-group-label:hover{color:var(--text)}.nav-group-caret{font-size:10px;transition:transform .18s ease}.nav-group.collapsed .nav-group-caret{transform:rotate(-90deg)}.nav-group-items{display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:max-height .2s ease,opacity .2s ease;max-height:640px;opacity:1}.nav-group.collapsed .nav-group-items{max-height:0;opacity:0;pointer-events:none}.side-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:var(--muted);font-size:14px;font-weight:500;transition:all .15s ease;position:relative}.side-link:hover{background:var(--surface);color:var(--text)}.side-link.active{background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(139,92,246,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(99,102,241,.4)}.side-icon{width:20px;text-align:center;font-size:15px}.mp-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.mp-nav-item{display:flex;flex-direction:column}.mp-nav-toggle{width:100%;background:transparent;border:none;cursor:pointer;text-align:left}.mp-nav-caret{margin-left:auto}[dir=rtl] .mp-nav-caret{margin-left:0;margin-right:auto}.mp-sub-links{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 14px;padding-left:12px;border-left:1px solid var(--border)}[dir=rtl] .mp-sub-links{margin:2px 14px 4px 0;padding-left:0;padding-right:12px;border-left:none;border-right:1px solid var(--border)}.mp-sub-link{padding:8px 12px;font-size:13px}.mp-branch-links{display:flex;flex-direction:column;gap:1px;margin:0 0 4px 14px;padding-left:10px;border-left:1px dashed var(--border)}[dir=rtl] .mp-branch-links{margin:0 14px 4px 0;padding-left:0;padding-right:10px;border-left:none;border-right:1px dashed var(--border)}.mp-branch-link{padding:6px 12px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.mp-branch-id{font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:10px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;flex-shrink:0}.live-dot{margin-left:auto;font-size:10px;font-weight:700;color:var(--green);background:rgba(34,197,94,.15);padding:2px 8px;border-radius:999px}.side-footer{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--primary))}.side-user{font-size:13px;font-weight:600}.side-role{font-size:11px;color:var(--muted)}.main{padding:24px 30px 40px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-title{font-size:24px;font-weight:700;letter-spacing:-.02em}.page-subtitle{font-size:13px;color:var(--muted);margin-top:4px}.topbar-actions{gap:12px}.search-box,.topbar-actions{display:flex;align-items:center}.search-box{gap:8px;background:var(--surface);border:1px solid var(--border);padding:9px 14px;border-radius:11px;color:var(--muted);min-width:280px}.search-box input{background:transparent;border:none;outline:none;color:var(--text);width:100%;font-size:13px}.icon-btn{position:relative;width:42px;height:42px;border-radius:11px;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:16px}.notif-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:999px;display:grid;place-items:center;padding:0 4px}.notif-wrap{position:relative}.notif-toast{position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:320px;display:flex;align-items:flex-start;gap:10px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow);cursor:pointer;animation:notif-toast-in .2s ease}@keyframes notif-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-toast-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0}.notif-toast-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.notif-toast-title{font-size:13px;font-weight:700;color:var(--text)}.notif-toast-detail{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-toast-close{font-size:12px;color:var(--muted);cursor:pointer;flex-shrink:0}.notif-toast-close:hover{color:var(--text)}[dir=rtl] .notif-toast{right:auto;left:0;text-align:right}.region-pill{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.16));border:1px solid rgba(99,102,241,.4);color:#fff;padding:10px 14px;border-radius:11px;font-size:13px;font-weight:600}.sync-menu{position:relative;display:inline-flex;align-items:stretch}.sync-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-2));border:none;color:#fff;cursor:pointer;padding:10px 16px;border-radius:11px 0 0 11px;font-size:13px;font-weight:600;box-shadow:0 6px 16px rgba(99,102,241,.35);transition:opacity .15s ease}.sync-btn:hover{opacity:.92}.sync-btn:disabled{opacity:.7;cursor:default}.sync-btn .spin{display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.sync-caret{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));border:none;border-left:1px solid hsla(0,0%,100%,.25);color:#fff;cursor:pointer;padding:10px;border-radius:0 11px 11px 0;font-size:11px;box-shadow:0 6px 16px rgba(99,102,241,.35);transition:opacity .15s ease}.sync-caret:hover{opacity:.92}.sync-caret:disabled{opacity:.7;cursor:default}.sync-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px}.sync-pop-item{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:9px 10px;border-radius:8px;font-size:13px;cursor:pointer}.sync-pop-item:hover{background:rgba(99,102,241,.12)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:22px}.stat-card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .15s ease,border .15s ease}.stat-card:hover{transform:translateY(-3px);border-color:rgba(99,102,241,.5)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:18px}.stat-change{font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px}.stat-change.pos{color:var(--green);background:rgba(34,197,94,.12)}.stat-change.neg{color:var(--red);background:rgba(239,68,68,.12)}.stat-value{font-size:27px;font-weight:800;letter-spacing:-.02em}.stat-label{font-size:13px;color:var(--muted);margin-top:2px}.content-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.panel{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title{font-size:16px;font-weight:700}.panel-action{font-size:12px;color:var(--primary);cursor:pointer}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}.table td{padding:13px 12px;border-bottom:1px solid rgba(37,48,79,.6);font-size:14px}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:rgba(99,102,241,.06)}.table tbody tr:last-child td{border-bottom:none}.cell-strong{font-weight:600}.cell-muted{color:var(--muted);font-size:13px}.status-badge{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;display:inline-block}.badge-new{color:var(--primary);background:rgba(99,102,241,.15)}.badge-prep{color:var(--amber);background:rgba(245,158,11,.15)}.badge-ofd{color:var(--cyan);background:rgba(6,182,212,.15)}.badge-done{color:var(--green);background:rgba(34,197,94,.15)}.badge-cancel{color:var(--red);background:rgba(239,68,68,.15)}.mp-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid}.mini-bars{display:flex;align-items:flex-end;gap:6px;height:90px}.mini-bars span{flex:1 1;border-radius:6px 6px 0 0;min-height:6px;opacity:.9;transition:opacity .15s ease}.mini-bars span:hover{opacity:1}.feed-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid rgba(37,48,79,.6)}.feed-item:last-child{border-bottom:none}.feed-item-unread{background:rgba(99,102,241,.06);border-radius:10px;padding:13px 10px;margin:0 -10px}.feed-item-unread .feed-title{font-weight:700}.feed-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex-shrink:0}.feed-title{font-size:14px;font-weight:600}.feed-detail{font-size:13px;color:var(--muted);margin-top:2px}.feed-time{font-size:11px;color:var(--muted);margin-top:4px}.mp-quicklinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.mp-quicklink{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);transition:border-color .15s ease,transform .15s ease}.mp-quicklink:hover{border-color:var(--primary);transform:translateY(-2px)}.mp-quicklink-icon{font-size:18px}.mp-quicklink-label{font-weight:600;font-size:14px;flex:1 1}.mp-quicklink-count{font-size:12px;font-weight:700;color:var(--primary);background:rgba(99,102,241,.12);padding:3px 9px;border-radius:999px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.collection-card{display:flex;gap:12px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;color:var(--text);transition:border-color .15s ease,transform .15s ease}.collection-card:hover{border-color:var(--primary);transform:translateY(-2px)}.collection-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.collection-thumb-empty{display:inline-grid;place-items:center;color:var(--muted);font-weight:700;font-size:18px}.collection-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.collection-name{font-weight:600;font-size:14px}.collection-count{font-size:12px;color:var(--muted)}.mp-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.mp-summary{border-radius:var(--radius);padding:20px;border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.mp-summary .mp-name{font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}.mp-summary .mp-rev{font-size:24px;font-weight:800;margin:12px 0 4px}.mp-summary .mp-meta{display:flex;gap:18px;margin-top:14px}.mp-meta-label{font-size:11px;color:var(--muted);display:block}.mp-meta-val{font-size:15px;font-weight:600}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:all .15s ease}.chip.active,.chip:hover{color:#fff;border-color:var(--primary);background:rgba(99,102,241,.15)}.export-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.export-hint{font-size:13px;color:var(--muted);margin-right:2px}.btn-export{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;border:1px solid var(--primary);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease}.btn-export:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-export.ghost{background:transparent;color:var(--primary)}.btn-export.ghost:hover{background:rgba(99,102,241,.12)}.line-chart{width:100%;height:auto;display:block}.chart-grid{stroke:rgba(37,48,79,.7);stroke-width:1}.chart-axis{fill:var(--muted);font-size:11px}.chart-line{stroke:var(--primary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:#fff;stroke:var(--primary);stroke-width:2}.hbars{gap:14px}.hbar-row,.hbars{display:flex;flex-direction:column}.hbar-row{gap:6px}.hbar-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hbar-label{font-size:13px;font-weight:600}.hbar-value{font-size:12px;color:var(--muted)}.hbar-track{height:10px;border-radius:999px;background:rgba(37,48,79,.6);overflow:hidden}.hbar-fill{height:100%;border-radius:999px;min-width:4px;transition:width .3s ease}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(99,102,241,.18),transparent),var(--bg)}.auth-card{width:100%;max-width:400px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.auth-brand-logo{flex-direction:column;align-items:flex-start;gap:8px}.brand-logo-badge-lg{padding:10px 16px;border-radius:12px}.brand-logo-badge-lg img{height:30px}.auth-title{font-size:22px;font-weight:800}.auth-sub{font-size:13px;color:var(--muted);margin:4px 0 20px}.auth-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:14px 0 6px}.auth-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:11px 13px;border-radius:10px;font-size:14px;outline:none;transition:border .15s ease}.auth-input:focus{border-color:var(--primary)}.auth-btn{width:100%;margin-top:22px;background:var(--primary);color:#fff;border:none;padding:12px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease}.auth-btn:hover{filter:brightness(1.08)}.auth-btn:disabled{opacity:.7;cursor:default}.auth-error{background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.3);padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:6px}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);padding:6px 10px;border-radius:999px;cursor:pointer;transition:border .15s ease}.user-chip:hover{border-color:var(--primary)}.user-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:12px;font-weight:700}.user-name{font-size:13px;font-weight:600}.user-role{font-size:11px;color:var(--muted)}.user-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px}.user-pop-head{padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-pop-name{font-size:14px;font-weight:700}.user-pop-email{font-size:12px;color:var(--muted)}.user-pop-item{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:9px 10px;border-radius:8px;font-size:13px;cursor:pointer}.user-pop-item:hover{background:rgba(99,102,241,.12)}.role-pill{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;color:var(--primary);background:rgba(99,102,241,.15)}.user-form{display:grid;grid-template-columns:1.2fr 1.4fr 1.2fr .9fr auto;grid-gap:10px;gap:10px;align-items:center}.role-select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer;outline:none}.role-select:focus{border-color:var(--primary)}.role-select:disabled{opacity:.6;cursor:default}.row-actions{display:flex;gap:8px;justify-content:flex-end}.mini-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.mini-btn:hover{border-color:var(--primary)}.mini-btn.danger:hover{border-color:var(--red);color:var(--red)}.mini-btn:disabled{opacity:.5;cursor:default}.access-editor{grid-column:1/-1}.access-all-toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.access-groups{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.access-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:8px}.access-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:6px;gap:6px}.access-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}@media (max-width:640px){.access-groups{grid-template-columns:1fr}}.access-mp-list{display:flex;flex-direction:column;gap:4px}.access-branch-card{margin:8px 0 10px 22px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.access-branch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.access-branch-count{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.access-branch-quick{display:flex;align-items:center;gap:6px;font-size:12px}.access-branch-quick-btn{background:none;border:none;padding:0;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer}.access-branch-quick-btn:hover{text-decoration:underline}.access-branch-quick-btn:disabled{opacity:.5;cursor:default;text-decoration:none}.access-branch-quick-sep{color:var(--border)}.access-branch-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2px;gap:2px}.access-branch-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;font-size:12.5px;cursor:pointer;transition:background .12s ease}.access-branch-row:hover{background:var(--surface-2)}.access-branch-id{font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:11px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 5px;flex-shrink:0}.access-branch-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-id-tag{display:inline-block;font-family:SF Mono,Menlo,ui-monospace,monospace;font-size:10.5px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px}@media (max-width:640px){.access-branch-list{grid-template-columns:1fr}}.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:45;width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:20px;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow)}.nav-backdrop{display:none;position:fixed;inset:0;z-index:48;background:rgba(4,8,20,.6)}.sidebar-close{display:none;margin-left:auto;width:34px;height:34px;border-radius:9px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:15px;cursor:pointer}@media (max-width:1000px){.app-shell,.content-grid{grid-template-columns:1fr}.search-box{min-width:0}.mobile-menu-btn{display:flex}.nav-backdrop,.sidebar-close{display:block}.sidebar{position:fixed;top:0;left:0;z-index:50;width:280px;max-width:84vw;height:100vh;transform:translateX(-100%);transition:transform .25s ease}.sidebar.open{transform:translateX(0)}[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(100%)}[dir=rtl] .sidebar.open{transform:translateX(0)}.main{padding:68px 16px 32px}.topbar{gap:12px}.topbar,.topbar-actions{flex-wrap:wrap}.page-title{font-size:20px}.user-form{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}[dir=rtl] .mobile-menu-btn{left:auto;right:14px}}@media (max-width:560px){.stat-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:22px}.search-box,.topbar-actions{width:100%}.pos-receipt{width:88vw}}.lang-switch{display:inline-flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:3px}.lang-opt{min-width:38px;height:34px;padding:0 10px;background:transparent;border:none;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;border-radius:8px;transition:all .15s ease}.lang-opt:hover{color:var(--text)}.lang-opt.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}[dir=rtl] .sync-pop-item,[dir=rtl] .table th,[dir=rtl] .user-pop-item,[dir=rtl] body{text-align:right}[dir=rtl] ul{padding-left:0;padding-right:18px}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .live-dot{margin-left:0;margin-right:auto}[dir=rtl] .role-pill{margin-left:0!important;margin-right:6px!important}[dir=rtl] .row-actions{justify-content:flex-start}[dir=rtl] .export-hint{margin-right:0;margin-left:2px}[dir=rtl] .sync-pop,[dir=rtl] .user-pop{right:auto;left:0}[dir=rtl] .sync-btn{border-radius:0 11px 11px 0}[dir=rtl] .sync-caret{border-radius:11px 0 0 11px;border-left:none;border-right:1px solid hsla(0,0%,100%,.25)}[dir=rtl] .notif-count{right:auto;left:-6px}[dir=rtl] .live-dot,[dir=rtl] .stat-change{direction:ltr}.search-icon{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:0;line-height:1}.search-icon:hover{color:var(--text)}.search-summary{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;color:var(--muted)}.search-clear{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:12px;cursor:pointer}.search-clear:hover{color:var(--red);border-color:var(--red)}.settings-note{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.25);color:var(--muted);padding:12px 16px;border-radius:12px;font-size:13px;line-height:1.55;margin-bottom:18px}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));grid-gap:16px;gap:16px}.integration-card{margin:0}.integration-card .panel-title{display:inline-flex;align-items:center;gap:8px}.integration-docs{display:inline-block;font-size:12px;color:var(--primary);margin-bottom:14px;font-weight:600}.integration-docs:hover{text-decoration:underline}.webhook-box{display:flex;flex-direction:column;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:16px}.webhook-row{display:flex;gap:8px}.webhook-row .auth-input{flex:1 1;font-size:12px}.webhook-row .btn-export{flex-shrink:0}.integration-fields{display:flex;flex-direction:column;gap:14px}.integration-field{display:flex;flex-direction:column;gap:6px}.integration-field-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--muted)}.req-star{color:var(--red)}.field-set-tag{font-size:11px;font-weight:600;color:var(--green);background:rgba(34,197,94,.12);padding:2px 8px;border-radius:999px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-field-help{font-size:11px;color:var(--muted)}.integration-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-danger-outline{background:transparent;border:1px solid var(--red);color:var(--red);padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-danger-outline:hover:not(:disabled){background:rgba(239,68,68,.12)}.btn-danger-outline:disabled{opacity:.5;cursor:default}.business-card{margin-bottom:18px}.business-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.business-field-wide{grid-column:1/-1}.business-textarea{resize:vertical;min-height:72px;padding-top:10px}.business-preview{display:flex;gap:16px;margin-top:14px;flex-wrap:wrap}.business-preview-img{height:72px;width:auto;border-radius:10px;border:1px solid var(--border);background:#fff;padding:4px;object-fit:contain}@media (max-width:700px){.business-grid{grid-template-columns:1fr}}.theme-controls{gap:8px}.theme-control-group,.theme-controls{display:inline-flex;align-items:center}.theme-control-group{gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px}.theme-btn{min-width:30px;height:28px;border:none;background:transparent;color:var(--muted);border-radius:7px;cursor:pointer;font-size:14px;display:grid;place-items:center;transition:all .15s ease}.theme-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.theme-btn.active{background:var(--primary);color:#fff}.theme-btn:disabled{opacity:.4;cursor:default}.theme-zoom-value{font-size:12px;color:var(--muted);min-width:40px;text-align:center}.settings-ok{background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.3);padding:10px 12px;border-radius:10px;font-size:13px}@media (max-width:1000px){.integration-grid{grid-template-columns:1fr}}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.btn-ghost:hover{color:#fff;border-color:var(--primary)}.btn-danger-sm{background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.4);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.btn-danger-sm:hover{background:rgba(239,68,68,.12)}.btn-danger-sm:disabled{opacity:.5;cursor:default}.badge-refund{color:var(--amber);background:rgba(245,158,11,.15)}.order-link{color:var(--primary);text-decoration:none;font-weight:600}.order-link:hover{text-decoration:underline}.order-detail-back{margin-bottom:14px}.order-detail-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:16px;gap:16px;align-items:start}.order-detail-side{display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.order-detail-side::-webkit-scrollbar{width:6px}.order-detail-side::-webkit-scrollbar-track{background:transparent}.order-detail-side::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.order-totals{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.total-row{display:flex;justify-content:space-between;padding:6px 0;color:var(--muted);font-size:14px}.total-row.grand{color:var(--text);font-weight:700;font-size:16px;border-top:1px solid var(--border);margin-top:6px;padding-top:12px}.order-status-current{margin-bottom:14px}.status-changer{display:flex;flex-direction:column;gap:10px}.status-saved{color:var(--green);font-size:13px}.detail-list{gap:12px;margin:0}.detail-list,.detail-list>div{display:flex;flex-direction:column}.detail-list>div{gap:2px}.detail-list dt{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.detail-list dd{margin:0;font-size:14px;color:var(--text)}.session-you{margin-left:8px;font-size:11px;font-weight:600;color:var(--primary);background:rgba(99,102,241,.15);padding:1px 8px;border-radius:999px}.pos-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:16px;gap:16px;align-items:start}.pos-search{max-width:240px}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.pos-product{display:flex;flex-direction:column;gap:4px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;text-align:left;color:var(--text)}.pos-product:hover{border-color:var(--primary)}.pos-product:disabled{opacity:.5;cursor:default}.pos-product .menu-thumb{width:100%!important;height:120px!important;margin-bottom:4px}.pos-product-name{font-weight:600;font-size:14px}.pos-product-meta{font-size:11px;color:var(--muted)}.pos-product-price{font-weight:700;color:var(--primary);margin-top:4px}.pos-oos{font-size:11px;color:var(--red)}.pos-cart{position:-webkit-sticky;position:sticky;top:16px}.pos-cart-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.pos-cart-line{display:flex;align-items:center;gap:10px}.pos-line-info{flex:1 1}.pos-qty{display:flex;align-items:center;gap:8px}.pos-qty button{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:16px;line-height:1}.pos-qty button:hover{border-color:var(--primary)}.pos-line-total{font-weight:700;min-width:80px;text-align:right}.pos-customer{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.pos-payment{display:flex;gap:10px;margin-bottom:14px}.pos-pay-btn{flex:1 1;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-weight:600;cursor:pointer}.pos-pay-btn.active{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.18)}.pos-adjust{display:flex;flex-direction:column;gap:8px;margin:12px 0}.pos-adjust-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.pos-adjust-row input{max-width:130px;text-align:right}.pos-summary{display:flex;flex-direction:column;gap:6px;margin-top:10px}.pos-summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.pos-summary-discount{color:var(--red)}.pos-change-row{font-weight:700;color:var(--green)}.pos-total-row{display:flex;justify-content:space-between;font-size:18px;font-weight:700;padding:12px 0;border-top:1px solid var(--border);margin-top:6px}.pos-checkout{width:100%;margin-top:8px}.pos-receipt-overlay{position:fixed;inset:0;background:rgba(4,8,20,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:60}.pos-receipt{background:#fff;color:#111;width:320px;max-width:92vw;max-height:82vh;overflow-y:auto;padding:24px;border-radius:12px;font-family:Courier New,monospace}.receipt-head{text-align:center;margin-bottom:12px}.receipt-logo{max-height:60px;width:auto;margin:0 auto 8px;display:block}.receipt-brand{font-size:20px;font-weight:800;letter-spacing:.5px}.receipt-tagline{font-size:12px;color:#555;margin-bottom:4px}.receipt-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:6px}.receipt-sub{font-size:12px;color:#555}.receipt-customer{font-size:13px;margin-bottom:8px;border-bottom:1px dashed #999;padding-bottom:8px}.receipt-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.receipt-line{display:flex;justify-content:space-between;font-size:13px}.receipt-breakdown{flex-direction:column;gap:4px;margin-bottom:4px;color:#333}.receipt-breakdown,.receipt-total{display:flex;border-top:1px dashed #999;padding-top:8px}.receipt-total{justify-content:space-between;font-weight:700;font-size:15px}.receipt-payment{font-size:12px;color:#555;margin-top:8px;text-align:center}.receipt-footer{margin-top:12px;text-align:center;font-size:11px;color:#444;white-space:pre-line;border-top:1px dashed #999;padding-top:8px}.receipt-qr{display:flex;justify-content:center;margin-top:10px}.receipt-qr img{width:96px;height:96px}.pos-receipt-actions{display:flex;gap:12px}@media (max-width:1000px){.order-detail-grid,.pos-grid{grid-template-columns:1fr}.pos-catalogue{max-height:48vh;overflow-y:auto}.pos-catalogue .panel-head{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--surface);padding-bottom:10px;margin-bottom:4px}.pos-products{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pos-cart{position:static;top:auto}.pos-product .menu-thumb{height:96px!important}}@media print{body *{visibility:hidden}#pos-receipt,#pos-receipt *{visibility:visible}#pos-receipt{position:absolute;left:0;top:0;box-shadow:none;max-height:none;overflow:visible}}[dir=rtl] .pos-line-total{text-align:left}[dir=rtl] .session-you{margin-left:0;margin-right:8px}[dir=rtl] .detail-list dd{text-align:right}.menu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.menu-search{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 14px;border-radius:10px;font-size:13px;outline:none;min-width:240px}.menu-search:focus{border-color:var(--primary)}.customers-sort{min-width:160px;cursor:pointer}.customers-tag-filter{margin-top:-6px}.panel-count{font-size:12px;color:var(--muted)}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);white-space:nowrap}.tag-chip-sm{padding:2px 8px;font-size:11px}.tag-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.customer-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0}.customer-tags-editor{margin-top:16px;display:flex;flex-direction:column;gap:8px}.customer-tag-options{display:flex;flex-wrap:wrap;gap:8px}.tag-chip-btn{cursor:pointer;background:transparent}.tag-chip-btn .tag-check{margin-left:2px;font-weight:700}.customer-modal-actions{margin-top:18px}.customer-modal-actions,.tag-create{display:flex;gap:10px;flex-wrap:wrap}.tag-create{align-items:center;margin-top:6px}.tag-color-picker{display:inline-flex;gap:6px}.tag-color-swatch{width:24px;height:24px;border-radius:7px;border:2px solid transparent;cursor:pointer;padding:0}.tag-color-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}.tag-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.tag-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.tag-row-count{font-size:12px;color:var(--muted);margin-left:auto}[dir=rtl] .tag-row-count{margin-left:0;margin-right:auto}.menu-thumb{border-radius:10px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.menu-thumb-empty{display:inline-grid;place-items:center;color:var(--muted);font-weight:700;font-size:18px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.menu-card{display:flex;gap:12px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;color:var(--text);transition:border-color .15s ease,transform .15s ease}.menu-card:hover{border-color:var(--primary);transform:translateY(-2px)}.menu-card-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1}.menu-card-name{font-weight:600;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.menu-card-price{font-weight:700;color:var(--primary);font-size:14px}.menu-card-meta{display:flex;flex-wrap:wrap;gap:6px}.zoomable-thumb-btn{display:inline-flex;padding:0;border:none;background:none;cursor:pointer;line-height:0}.img-lightbox-backdrop{position:fixed;inset:0;z-index:70;background:rgba(4,8,20,.85);display:flex;align-items:center;justify-content:center;padding:32px}.img-lightbox-img{max-width:min(90vw,900px);max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:var(--shadow);cursor:default}.img-lightbox-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:16px;cursor:pointer;z-index:2}[dir=rtl] .img-lightbox-close{right:auto;left:24px}.product-modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(4,8,20,.7);display:flex;align-items:center;justify-content:center;padding:20px}.product-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(760px,100%);max-height:88vh;overflow:auto;display:grid;grid-template-columns:260px 1fr;grid-gap:0;gap:0;box-shadow:var(--shadow)}.product-modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:15px;cursor:pointer;z-index:2}.product-modal-media{display:grid;place-items:center;padding:24px;background:var(--surface-2);border-right:1px solid var(--border)}.product-modal-media .menu-thumb{width:220px;height:220px}.product-modal-info{padding:24px;display:flex;flex-direction:column;gap:14px}.product-modal-title{margin:0;font-size:20px;padding-right:40px}.product-modal-price{font-size:22px;font-weight:700;color:var(--primary)}.product-modal-badges{display:flex;flex-wrap:wrap;gap:8px}.product-modal-specs{display:flex;gap:28px;margin:0;flex-wrap:wrap}.product-modal-specs>div{display:flex;flex-direction:column;gap:3px}.product-modal-specs dt{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.product-modal-specs dd{margin:0;font-size:14px;color:var(--text)}.product-modal-desc-label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.product-modal-desc p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--text)}.product-modal-source{align-self:flex-start;margin-top:4px}[dir=rtl] .product-modal-close{right:auto;left:12px}[dir=rtl] .product-modal-media{border-right:none;border-left:1px solid var(--border)}[dir=rtl] .product-modal-title{padding-right:0;padding-left:40px}@media (max-width:640px){.product-modal{grid-template-columns:1fr}.product-modal-media{border-right:none;border-bottom:1px solid var(--border)}.product-modal-media .menu-thumb{width:160px;height:160px}}.wa-layout{display:grid;grid-template-columns:340px 1fr;grid-gap:16px;gap:16px;align-items:start}.wa-list{display:flex;flex-direction:column;gap:12px;max-height:74vh}.wa-search{width:100%;min-width:0}.wa-contacts{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.wa-contact{display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--text);transition:border-color .15s ease,background .15s ease}.wa-contact:hover{border-color:var(--primary)}.wa-contact.active{border-color:var(--green);background:rgba(34,197,94,.08)}.wa-avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-weight:700;color:var(--muted);flex-shrink:0}.wa-contact-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.wa-contact-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-contact-phone{font-size:12px;color:var(--muted)}.wa-compose{gap:16px}.wa-compose,.wa-field{display:flex;flex-direction:column}.wa-field{gap:6px}.wa-label{font-size:12px;font-weight:600;color:var(--muted)}.wa-input{width:100%;min-width:0}.wa-help{font-size:11px;color:var(--muted)}.wa-textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:12px;font-size:14px;font-family:inherit;line-height:1.5;outline:none;resize:vertical}.wa-textarea:focus{border-color:var(--primary)}.wa-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wa-send{background:var(--green)}.wa-to{font-size:13px}.wa-note,.wa-to{color:var(--muted)}.wa-note{font-size:12px;margin:0;line-height:1.5}.wa-modal-btn{align-self:flex-start;margin-top:4px;background:var(--green);text-decoration:none;display:inline-block}.wa-card-btn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35);text-decoration:none;font-size:13px;line-height:1;cursor:pointer}.wa-card-btn:hover{background:rgba(34,197,94,.26)}.menu-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width:900px){.wa-layout{grid-template-columns:1fr}.wa-list{max-height:none}}