:root{--brand-navy-950: #050d1f;--brand-navy-900: #0a1530;--brand-navy-850: #0d1b3d;--brand-navy-800: #112450;--brand-navy-700: #1a3068;--brand-navy-600: #254080;--brand-navy-500: #3556a3;--accent-orange-600: #e85a1f;--accent-orange-500: #ff6b35;--accent-orange-400: #ff8657;--accent-orange-300: #ffa57e;--accent-orange-100: #ffe5d6;--accent-purple-500: #7c5cff;--accent-teal-500: #14b8a6;--accent-pink-500: #ec4899;--accent-green-500: #10b981;--status-success: #10b981;--status-warning: #f59e0b;--status-danger: #ef4444;--status-info: #3b82f6;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;--row-height: 44px;--card-padding: 20px;--gap: 16px;--sidebar-width: 248px;--sidebar-width-compact: 72px;--topbar-height: 60px}[data-theme=dark]{--bg-app: #060f24;--bg-sidebar: #050d1f;--bg-topbar: #0a1530;--bg-card: #0d1b3d;--bg-card-hover: #112450;--bg-input: #0a1530;--bg-elevated: #112450;--bg-overlay: rgba(5, 13, 31, .85);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-focus: var(--accent-orange-500);--text-primary: #f3f6fc;--text-secondary: #a8b3cf;--text-muted: #6b7795;--text-disabled: #3f4a68;--text-inverse: #0a1530;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--kbd-bg: #112450;--scrollbar-thumb: #1a3068}[data-theme=light]{--bg-app: #f5f7fb;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f9fafd;--bg-input: #ffffff;--bg-elevated: #ffffff;--bg-overlay: rgba(10, 21, 48, .6);--border-default: #e5e9f2;--border-strong: #cdd4e3;--border-focus: var(--accent-orange-500);--text-primary: #0a1530;--text-secondary: #4a5578;--text-muted: #7c87a3;--text-disabled: #b5bccd;--text-inverse: #ffffff;--shadow-sm: 0 1px 2px rgba(10, 21, 48, .06);--shadow-md: 0 4px 12px rgba(10, 21, 48, .08);--shadow-lg: 0 12px 32px rgba(10, 21, 48, .12);--kbd-bg: #f0f3f9;--scrollbar-thumb: #cdd4e3}[data-accent=orange]{--accent: var(--accent-orange-500);--accent-hover: var(--accent-orange-600);--accent-soft: rgba(255, 107, 53, .15)}[data-accent=purple]{--accent: var(--accent-purple-500);--accent-hover: #6a46f0;--accent-soft: rgba(124, 92, 255, .14)}[data-accent=teal]{--accent: var(--accent-teal-500);--accent-hover: #0e9488;--accent-soft: rgba(20, 184, 166, .14)}[data-accent=pink]{--accent: var(--accent-pink-500);--accent-hover: #db2777;--accent-soft: rgba(236, 72, 153, .14)}[data-density=compact]{--row-height: 36px;--card-padding: 14px;--gap: 12px}[data-density=comfortable]{--row-height: 44px;--card-padding: 20px;--gap: 16px}[data-density=cozy]{--row-height: 52px;--card-padding: 24px;--gap: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .22s cubic-bezier(.2,.7,.2,1)}.app-shell[data-sidebar=compact]{grid-template-columns:var(--sidebar-width-compact) 1fr}.app-shell[data-sidebar=hidden]{grid-template-columns:0 1fr}.main-area{display:flex;flex-direction:column;min-width:0;background:var(--bg-app)}.page{flex:1;padding:24px 32px 48px;max-width:1600px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:24px;font-weight:600;margin:0;letter-spacing:-.01em}.page-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:var(--card-padding);transition:border-color .16s,background .16s,transform .16s}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:var(--border-strong);background:var(--bg-card-hover);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;height:36px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:500;white-space:nowrap;transition:all .14s;background:transparent;color:var(--text-primary)}.btn:hover{background:var(--bg-card-hover)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-card);border-color:var(--border-default)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.btn-ghost{background:transparent;border:1px solid var(--border-default)}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-danger{color:var(--status-danger)}.btn-danger:hover{background:#ef44441a}.btn-sm{height:30px;padding:0 10px;font-size:12px}.btn-lg{height:42px;padding:0 18px;font-size:14px}.btn-icon{width:36px;padding:0}.btn-ghost.btn-icon{border-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;height:36px;padding:0 12px;background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);border-radius:8px;font-size:13px;transition:border-color .14s,box-shadow .14s;outline:none}.textarea{height:auto;padding:10px 12px;resize:vertical;min-height:80px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.error,.select.error,.textarea.error{border-color:var(--status-danger)}.input::placeholder{color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;color:var(--text-secondary);font-weight:500}.field-error{font-size:11px;color:var(--status-danger)}.field-hint{font-size:11px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500;background:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--border-default)}.badge-success{background:#10b9811f;color:#10b981;border-color:#10b9814d}.badge-warning{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b4d}.badge-danger{background:#ef44441f;color:#ef4444;border-color:#ef44444d}.badge-info{background:#3b82f61f;color:#3b82f6;border-color:#3b82f64d}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge-neutral{background:var(--bg-card-hover);color:var(--text-secondary)}.table-wrap{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:12px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-card);position:sticky;top:0;z-index:1}.table tbody td{padding:0 16px;height:var(--row-height);border-bottom:1px solid var(--border-default);font-size:13px;color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--bg-card-hover)}.table .num{font-variant-numeric:tabular-nums}.kpi{display:flex;flex-direction:column;gap:10px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:var(--card-padding);position:relative;overflow:hidden;transition:all .16s}.kpi:hover{border-color:var(--border-strong);transform:translateY(-2px)}.kpi-head{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.kpi-label{font-size:12px;color:var(--text-secondary);font-weight:500}.kpi-value{font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-trend{font-size:12px;display:flex;align-items:center;gap:4px}.kpi-trend.up{color:var(--status-success)}.kpi-trend.down{color:var(--status-danger)}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}@media (max-width: 768px){.toast-stack{left:14px;right:14px;bottom:14px}.toast{min-width:auto;max-width:100%}}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;padding:12px 14px;min-width:280px;max-width:380px;box-shadow:var(--shadow-lg);animation:toast-in .22s cubic-bezier(.2,.7,.2,1)}.toast.success{border-left:3px solid var(--status-success)}.toast.error{border-left:3px solid var(--status-danger)}.toast.info{border-left:3px solid var(--status-info)}.toast.warning{border-left:3px solid var(--status-warning)}.toast-title{font-weight:600;font-size:13px;margin:0}.toast-body{font-size:12px;color:var(--text-secondary);margin:2px 0 0}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;animation:backdrop-in .16s ease;padding:24px}@media (max-width: 768px){.modal-backdrop{padding:10px}.modal{max-width:100%;max-height:94vh;border-radius:12px}.modal-header{padding:14px 16px 10px}.modal-body{padding:14px 16px}.modal-footer{padding:10px 16px}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modal-in .18s cubic-bezier(.2,.7,.2,1);overflow:hidden}@keyframes modal-in{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{flex-shrink:0;padding:20px 24px 12px;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:flex-start}.modal-title{margin:0;font-size:16px;font-weight:600}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px}.modal-footer{flex-shrink:0;padding:14px 24px;border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;z-index:100;animation:modal-in .14s ease}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:6px;text-align:left;font-size:13px;color:var(--text-primary);cursor:pointer}.dropdown-item:hover{background:var(--bg-card-hover)}.dropdown-item.danger{color:var(--status-danger)}.skeleton{background:linear-gradient(90deg,var(--bg-card-hover) 0%,var(--bg-elevated) 50%,var(--bg-card-hover) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.row{display:flex;align-items:center;gap:8px}.row.gap-12{gap:12px}.row.gap-16{gap:16px}.col{display:flex;flex-direction:column;gap:8px}.muted{color:var(--text-muted)}.subtle{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.tag-strip{display:flex;flex-wrap:wrap;gap:6px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.avatar.sm{width:24px;height:24px;font-size:10px}.avatar.lg{width:40px;height:40px;font-size:14px}.search-wrap{position:relative;flex:1;max-width:360px}@media (max-width: 768px){.search-wrap{max-width:100%}}.search-wrap .input{padding-left:36px}.search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.thumb{width:36px;height:36px;border-radius:6px;background:var(--bg-card-hover);border:1px solid var(--border-default);display:grid;place-items:center;flex-shrink:0;overflow:hidden;position:relative}.thumb svg{color:var(--text-muted)}.empty{padding:48px 24px;text-align:center;color:var(--text-muted)}.empty-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-card-hover);display:grid;place-items:center;margin:0 auto 12px;color:var(--text-secondary)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-default);margin-bottom:16px}.tab{padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s,border-color .14s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.seg{display:inline-flex;background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:8px;padding:3px}.seg button{border:none;background:transparent;padding:5px 12px;font-size:12px;border-radius:6px;color:var(--text-secondary)}.seg button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.page-fade{opacity:1;animation:page-fade-in .24s cubic-bezier(.2,.7,.2,1)}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);z-index:100;white-space:nowrap;animation:bulk-bar-in .18s cubic-bezier(.2,.7,.2,1)}@keyframes bulk-bar-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bulk-bar-count{font-size:13px;font-weight:500}.bulk-bar-actions{display:flex;gap:8px;align-items:center}@media (max-width: 768px){.bulk-bar{left:14px;right:14px;transform:none}@keyframes bulk-bar-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.row-selected{background:#ff6b351f!important}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--bg-input);cursor:pointer;transition:background .14s,border-color .14s;flex-shrink:0;position:relative;display:inline-grid;place-items:center;vertical-align:middle}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";width:4px;height:7px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:-40px;width:340px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 32px #0000002e;z-index:200;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-default)}.notif-body{max-height:380px;overflow-y:auto}@media (max-width: 768px){.notif-dropdown{position:fixed;top:52px;left:8px;right:8px;width:auto}}.notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .12s;text-align:left}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-card-hover)}.notif-item.lida{opacity:.6}.notif-icon{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.notif-dot{flex-shrink:0;align-self:center;width:7px;height:7px;border-radius:50%;background:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px;flex-wrap:wrap}.pagination-info{font-size:12px;color:var(--text-muted)}.pagination-buttons{display:flex;align-items:center;gap:2px}.pagination-dots{padding:0 6px;color:var(--text-muted);font-size:12px}[data-perf=leve] .constellation-star,[data-perf=leve] .constellation-node-alert,[data-perf=leve] .sidebar:before{animation:none;will-change:auto}[data-perf=leve] .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;z-index:10}[data-theme=light] .sidebar{--border-default: #e5e9f2;--bg-card-hover: #f0f3f9;--text-primary: #0a1530;--text-secondary: #4a5578;--text-muted: #7c87a3;--accent-soft: rgba(255, 107, 53, .1)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border-default);min-height:60px}.brand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #ff6b3540}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-name{font-weight:600;font-size:13px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tag{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.sidebar[data-compact=true] .sidebar-brand{padding:18px 16px;justify-content:center}.sidebar-nav{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:2px}.sidebar-foot{border-top:1px solid var(--border-default);padding:12px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;position:relative;transition:background .14s,color .14s;text-align:left}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item span{flex:1}.nav-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px;background:var(--accent);color:#fff;min-width:18px;text-align:center}.nav-badge-dot{position:absolute;top:8px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.sidebar[data-compact=true] .nav-item{justify-content:center;padding:9px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;height:var(--topbar-height);padding:0 24px;background:var(--bg-topbar);border-bottom:1px solid var(--border-default)}.topbar-title{display:flex;flex-direction:column;line-height:1.15}.topbar-h{font-size:14px;font-weight:600}.topbar-s{font-size:11px;color:var(--text-muted)}.topbar-spacer{flex:1}@media (max-width: 768px){.topbar{padding:0 12px;gap:8px;height:52px}.topbar .search-wrap,.topbar-s,.topbar-user-text{display:none}.topbar-user{padding:4px}.topbar-user .muted{display:none}}.topbar-dot{position:absolute;top:7px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-topbar)}.topbar-user{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--bg-card-hover);cursor:pointer}.topbar-user-text{display:flex;flex-direction:column;line-height:1.1}.topbar-user-name{font-size:12px;font-weight:600}.topbar-user-role{font-size:10px;color:var(--text-muted)}.alerts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:24px}@media (max-width: 768px){.alerts-row{grid-template-columns:1fr;gap:8px;margin-bottom:16px}}.alert-tile{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(90deg,#ff6b351f,#ff6b350a);border:1px solid rgba(255,107,53,.25);border-radius:10px;cursor:pointer;transition:all .16s}.alert-tile:hover{background:linear-gradient(90deg,#ff6b352e,#ff6b350f)}.alert-tile-icon{width:32px;height:32px;border-radius:8px;background:#ff6b352e;color:var(--accent-orange-500);display:grid;place-items:center;flex-shrink:0}.alert-tile-text{flex:1}.alert-tile-title{font-size:13px;font-weight:500;color:var(--text-primary)}.alert-tile-count{background:var(--accent-orange-500);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;min-width:22px;text-align:center}.section-h{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:24px 0 12px;display:flex;align-items:center;gap:8px}.section-h:after{content:"";flex:1;height:1px;background:var(--border-default)}.grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.grid-shortcut{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}@media (max-width: 768px){.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.grid-shortcut{grid-template-columns:1fr;gap:10px}}.shortcut{display:flex;align-items:center;gap:14px;padding:var(--card-padding);background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;transition:all .16s;text-align:left;color:inherit;font-size:inherit}.shortcut:hover{border-color:var(--border-strong);transform:translateY(-2px);background:var(--bg-card-hover)}.shortcut-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.shortcut-text{flex:1;min-width:0}.shortcut-title{font-size:12px;font-weight:500;color:var(--text-secondary)}.shortcut-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 768px){.filter-bar{gap:8px}.filter-bar .search-wrap{flex-basis:100%;max-width:100%}.filter-bar .select{width:100%!important;flex:1}}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;min-height:calc(100vh - 220px)}@media (max-width: 768px){.kanban{min-height:auto;gap:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}.kanban-col{flex:0 0 304px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 200px);transition:opacity .16s,border-color .16s}@media (max-width: 768px){.kanban-col{flex:0 0 85vw;scroll-snap-align:start;max-height:70vh}}.kanban-col.col-dragging{opacity:.4}.kanban-col.col-drag-over{border-color:var(--accent);border-style:dashed}.kanban-col-h{padding:14px 14px 10px;border-bottom:1px solid var(--border-default);display:flex;align-items:center;gap:8px;position:sticky;top:0;background:var(--bg-card);border-radius:12px 12px 0 0}.kanban-col-dot{width:8px;height:8px;border-radius:50%}.kanban-col-title{font-size:12px;font-weight:600;flex:1;text-transform:uppercase;letter-spacing:.04em}.kanban-col-count{font-size:11px;font-weight:600;background:var(--bg-card-hover);padding:2px 8px;border-radius:999px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.kanban-cards{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.kanban-cards.drag-over{background:var(--accent-soft)}.kanban-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:9px;padding:12px;cursor:grab;transition:all .14s}.kanban-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.kanban-card.dragging{opacity:.4;cursor:grabbing}.kanban-card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.kanban-card-id{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.kanban-card-title{font-size:13px;font-weight:500;line-height:1.3;margin:4px 0}.kanban-card-issue{font-size:12px;color:var(--text-secondary);line-height:1.4}.kanban-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-default)}.kanban-card.minimal{padding:10px}.kanban-card.minimal .kanban-card-issue{display:none}.kanban-card.minimal .kanban-card-foot{border-top:none;padding-top:0;margin-top:6px}.priority-pill{font-size:10px;padding:1px 6px;border-radius:999px;font-weight:600}.priority-pill.high{background:#ef444426;color:#ef4444}.priority-pill.med{background:#f59e0b26;color:#f59e0b}.priority-pill.low{background:#6b728026;color:var(--text-muted)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid currentColor;background:transparent;font-weight:500}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.stock-bar{width:80px;height:4px;background:var(--bg-card-hover);border-radius:99px;overflow:hidden;position:relative}.stock-bar-fill{height:100%;border-radius:99px;transition:width .24s}.drag-target{transition:outline .12s}.drag-target.drop-active{outline:2px dashed var(--accent);outline-offset:-4px}.pdv-grid{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:stretch;min-height:calc(100vh - 200px)}@media (max-width: 1100px){.pdv-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pdv-grid{gap:10px;min-height:auto}.pdv-grid-items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}.pdv-products{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.pdv-grid-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;overflow-y:auto}.pdv-product{background:var(--bg-card-hover);border:1px solid var(--border-default);border-radius:10px;padding:12px;cursor:pointer;transition:all .14s;text-align:left;display:flex;flex-direction:column;gap:6px;min-height:110px;color:var(--text-primary)}.pdv-product:hover{border-color:var(--accent);transform:translateY(-1px)}.pdv-product .emoji{font-size:22px}.pdv-product .name{font-size:12px;font-weight:500;line-height:1.3;flex:1}.pdv-product .price{font-size:13px;font-weight:600;color:var(--accent)}.pdv-cart{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column}.pdv-cart-h{padding:16px;border-bottom:1px solid var(--border-default)}.pdv-cart-items{flex:1;overflow-y:auto;padding:8px}.pdv-cart-item{padding:10px;border-radius:8px;display:flex;gap:10px;align-items:center}.pdv-cart-item:hover{background:var(--bg-card-hover)}.pdv-cart-item .name{font-size:12px;flex:1}.pdv-cart-item .qty{display:flex;align-items:center;gap:4px;background:var(--bg-card-hover);border-radius:6px;padding:2px}.pdv-cart-item .qty button{width:22px;height:22px;border:none;background:transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer}.pdv-cart-item .qty button:hover{background:var(--bg-elevated);color:var(--text-primary)}.pdv-cart-item .qty span{font-size:11px;min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.pdv-cart-foot{padding:14px 16px;border-top:1px solid var(--border-default)}.totals-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;color:var(--text-secondary)}.totals-row.big{font-size:16px;font-weight:600;color:var(--text-primary);padding-top:10px;border-top:1px dashed var(--border-default);margin-top:6px}.ring{position:relative;width:90px;height:90px}.ring svg{transform:rotate(-90deg)}.ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:600;font-size:18px}.two-col{display:grid;grid-template-columns:1fr 320px;gap:16px}@media (max-width: 1100px){.two-col{grid-template-columns:1fr}}@media (max-width: 768px){.two-col{gap:10px}}.detail-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px dashed var(--border-default)}.detail-row:last-child{border-bottom:none}.detail-row .k{color:var(--text-muted)}.detail-row .v{font-weight:500}.page-stripe{height:4px;width:28px;border-radius:99px;background:var(--accent);margin-bottom:10px}.sidebar{background:radial-gradient(ellipse at 50% 30%,var(--brand-navy-800, #112450) 0%,var(--bg-sidebar) 70%)}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 15% 12%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(1px 1px at 72% 8%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 45% 25%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 88% 35%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 22% 42%,rgba(255,107,53,.3) 0%,transparent 100%),radial-gradient(1px 1px at 65% 55%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 30% 68%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 80% 72%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 50% 85%,rgba(255,107,53,.25) 0%,transparent 100%),radial-gradient(1px 1px at 10% 92%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 15%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 38% 48%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 85% 58%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 20% 78%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 68% 88%,rgba(255,255,255,.2) 0%,transparent 100%);animation:sidebar-twinkle 8s ease-in-out infinite alternate}@keyframes sidebar-twinkle{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}.sidebar>*{position:relative;z-index:1}.sidebar-brand{border-bottom-color:#ffffff0d}.brand-mark{box-shadow:0 4px 12px #ff6b3540,0 0 20px #ff6b3514;transition:box-shadow .3s}.sidebar:hover .brand-mark{box-shadow:0 4px 16px #ff6b3559,0 0 30px #ff6b351f}.nav-item{border-radius:10px;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.nav-item:hover{background:#ffffff0a;transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 10%,transparent)}.nav-item.active:before{width:4px;height:4px;border-radius:50%;top:50%;left:-8px;bottom:auto;transform:translateY(-50%);box-shadow:0 0 8px var(--accent),0 0 16px color-mix(in srgb,var(--accent) 40%,transparent)}.nav-item.active svg{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 50%,transparent))}.sidebar-nav .nav-item:nth-child(8):after{content:"";position:absolute;bottom:-5px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}.sidebar-foot{border-top-color:#ffffff0a}.sidebar-foot .nav-item:hover{background:#ef444414;color:var(--status-danger)}.sidebar-nav{background-image:linear-gradient(to bottom,transparent 0px,transparent 44px,rgba(255,255,255,.02) 44px,rgba(255,255,255,.02) 45px,transparent 45px);background-size:100% 46px;background-position:0 4px}.sidebar[data-compact=true] .nav-item.active:before{right:-8px;left:-8px}.sidebar[data-compact=true]:before{opacity:.4}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ff6b3526;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ff6b354d}[data-theme=light] .sidebar{background:radial-gradient(ellipse at 50% 30%,#eef2fa 0%,var(--bg-sidebar) 70%)}[data-theme=light] .sidebar:before{background-image:radial-gradient(1px 1px at 15% 12%,rgba(0,0,0,.06) 0%,transparent 100%),radial-gradient(1px 1px at 72% 8%,rgba(0,0,0,.04) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 45% 25%,rgba(255,107,53,.08) 0%,transparent 100%),radial-gradient(1px 1px at 88% 35%,rgba(0,0,0,.03) 0%,transparent 100%),radial-gradient(1px 1px at 22% 42%,rgba(255,107,53,.06) 0%,transparent 100%),radial-gradient(1px 1px at 65% 55%,rgba(0,0,0,.04) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 30% 68%,rgba(0,0,0,.03) 0%,transparent 100%),radial-gradient(1px 1px at 80% 72%,rgba(0,0,0,.05) 0%,transparent 100%),radial-gradient(1px 1px at 50% 85%,rgba(255,107,53,.05) 0%,transparent 100%),radial-gradient(1px 1px at 10% 92%,rgba(0,0,0,.03) 0%,transparent 100%);animation:none;opacity:.6}[data-theme=light] .sidebar .nav-item:hover{background:#00000008}[data-theme=light] .sidebar .nav-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 6%,transparent)}[data-theme=light] .sidebar-nav{background-image:linear-gradient(to bottom,transparent 0px,transparent 44px,rgba(0,0,0,.03) 44px,rgba(0,0,0,.03) 45px,transparent 45px)}[data-theme=light] .sidebar-foot .nav-item:hover{background:#ef44440f}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:fixed;top:0;left:0;width:100%;background:#fff!important;color:#000!important;margin:0;padding:0;z-index:9999}.modal-header,.modal-footer{display:none!important}}@page{margin:0}.page-receipt{width:80mm;background:#fff;color:#0a1530;font-family:Geist Mono,Courier New,monospace;font-size:10.5px;line-height:1.45;padding:8mm 6mm;margin:0 auto}@media print{.page-receipt{box-shadow:none!important;border-radius:0!important;padding:4mm}@page{size:80mm auto;margin:0}}.r-center{text-align:center}.r-brand-name{font-family:Geist,sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;margin-top:4px}.r-brand-meta{font-size:9px;line-height:1.4;color:#4a5578;margin-top:4px}.r-doc-title{font-family:Geist,sans-serif;font-weight:700;font-size:11px;text-align:center;letter-spacing:.06em;margin:10px 0 6px;text-transform:uppercase}.r-info{font-size:9.5px;line-height:1.5}.r-row{display:flex;justify-content:space-between;gap:4px}.r-divider{border:none;border-top:1px dashed #999;margin:6px 0}.r-divider.solid{border-top-style:solid;border-top-color:#0a1530}.r-items{margin:4px 0}.r-item{margin-bottom:6px}.r-item .name{font-weight:600;font-size:10px;text-transform:uppercase;line-height:1.3}.r-item .calc{display:flex;justify-content:space-between;font-size:9px;color:#4a5578}.r-item .calc b{color:#0a1530}.r-pay{font-size:9.5px}.r-pay .row{display:flex;justify-content:space-between;padding:1px 0}.r-tot{display:flex;justify-content:space-between;font-family:Geist,sans-serif;font-weight:700;font-size:14px;margin:8px 0 4px;padding:6px 0;border-top:2px solid #0a1530;border-bottom:2px solid #0a1530}.qr-box{display:flex;align-items:center;gap:8px;margin:8px 0;padding:6px;border:1px dashed #999;border-radius:4px}.qr-box svg{width:60px;height:60px;flex-shrink:0}.qr-box .text{font-size:8.5px;line-height:1.4;color:#4a5578}.r-thanks{text-align:center;font-family:Geist,sans-serif;font-weight:600;font-size:10.5px;margin-top:6px;color:#ff6b35}.r-foot{text-align:center;font-size:8px;color:#7c87a3;line-height:1.4;margin-top:6px}.page-a4{width:210mm;min-height:297mm;background:#fff;color:#0a1530;font-family:Geist,sans-serif;font-size:10.5px;line-height:1.5;padding:16mm 14mm;margin:0 auto;position:relative}@media print{.page-a4{box-shadow:none!important;border-radius:0!important;margin:0;width:210mm;min-height:297mm}@page{size:A4;margin:0}}.page-a4 .wm{position:absolute;top:8mm;right:14mm;font-family:Geist Mono,monospace;font-size:9px;color:#b5bccd;letter-spacing:.06em}.page-a4 .brand{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding-bottom:12px;border-bottom:2px solid #0a1530;margin-bottom:18px}.page-a4 .brand-mark{width:44px;height:44px;border-radius:10px;background:#0a1530;color:#fff;display:grid;place-items:center}.page-a4 .brand-name{font-weight:700;font-size:16px;letter-spacing:-.01em;color:#0a1530}.page-a4 .brand-tag{font-size:10px;color:#4a5578;margin-top:2px}.page-a4 .brand-meta{text-align:right;font-size:9.5px;color:#4a5578;line-height:1.5}.page-a4 .brand-meta b{color:#0a1530;font-size:11px}.page-a4 .os-qr{position:absolute;top:22mm;right:14mm;display:flex;flex-direction:column;align-items:center;gap:4px}.page-a4 .os-qr svg{width:64px;height:64px;border:1px solid #e5e9f2;padding:4px;border-radius:4px}.page-a4 .os-qr .lbl{font-size:8px;color:#7c87a3;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.05em}.doc-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4px}.doc-title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#0a1530;margin:0}.doc-id{font-family:Geist Mono,monospace;font-size:14px;font-weight:600;color:#ff6b35;letter-spacing:.04em}.doc-sub{font-size:10px;color:#7c87a3;margin-bottom:16px}.device-box{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f5f7fb;border-radius:8px;margin-bottom:16px;border-left:4px solid #FF6B35}.device-box .icon{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #e5e9f2;display:grid;place-items:center;color:#0a1530;flex-shrink:0}.device-box .name{font-weight:600;font-size:14px;color:#0a1530}.device-box .imei{font-family:Geist Mono,monospace;font-size:9.5px;color:#4a5578;margin-top:2px}.device-box .device-pills{display:flex;gap:6px;margin-top:6px}.device-box .pill{font-size:9px;font-weight:600;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}.device-box .pill.status{background:#fff3e8;color:#e85a1f;border:1px solid #ffd9b8}.device-box .pill.priority-high{background:#fee;color:#b91c1c;border:1px solid #fbb}.device-box .pill.priority-med{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.device-box .pill.priority-low{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.card-mini{border:1px solid #e5e9f2;border-radius:6px;padding:10px 12px}.card-mini .head{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4a5578;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #e5e9f2}.card-mini .row{display:flex;justify-content:space-between;font-size:10px;padding:2px 0;gap:6px}.card-mini .row .k{color:#7c87a3}.card-mini .row .v{font-weight:500;color:#0a1530}.sec{margin-bottom:14px}.sec-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4a5578;margin-bottom:6px;padding-bottom:2px;border-bottom:1px solid #e5e9f2}.text-block{font-size:10.5px;line-height:1.55;color:#0a1530;padding:4px 2px}.tbl{width:100%;border-collapse:collapse;font-size:10px}.tbl thead th{text-align:left;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4a5578;padding:8px 6px;border-bottom:2px solid #0a1530}.tbl thead th.center{text-align:center}.tbl thead th.num{text-align:right}.tbl tbody td{padding:8px 6px;border-bottom:1px solid #e5e9f2;vertical-align:top}.tbl tbody td.center{text-align:center}.tbl tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.tbl .sku{font-family:Geist Mono,monospace;font-size:8.5px;color:#7c87a3;margin-top:1px}.totals{margin-top:8px;margin-left:auto;width:50%;border:1px solid #e5e9f2;border-radius:4px;padding:8px 12px}.totals .row{display:flex;justify-content:space-between;font-size:10px;padding:2px 0}.totals .row .num{font-variant-numeric:tabular-nums;font-weight:500}.totals .row.total{font-size:13px;font-weight:700;color:#ff6b35;margin-top:4px;padding-top:6px;border-top:1px solid #e5e9f2}.terms{margin:14px 0;padding:10px 12px;background:#f9fafd;border-radius:4px;font-size:9px;line-height:1.5;color:#4a5578}.terms ol{margin:4px 0 0 16px;padding:0}.terms li{margin-bottom:2px}.signatures{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.signatures .sign{text-align:center;font-size:10px;border-top:1px solid #0a1530;padding-top:6px;color:#4a5578}.signatures .sign b{display:block;font-size:11px;color:#0a1530;margin-bottom:2px}.foot{margin-top:18px;padding-top:8px;border-top:1px solid #e5e9f2;text-align:center;font-size:8.5px;color:#7c87a3}.cupom{display:none}.modal-body .cupom-preview-wrap{background:#1a1a1a;padding:14px;border-radius:8px;display:flex;justify-content:center}.ponto-impressao{display:none}@media print{.ponto-impressao{display:block;padding:14mm;font-family:Geist,Arial,sans-serif;font-size:11px;color:#000}.ponto-impressao h2{font-size:16px;margin:0 0 4px}.ponto-impressao p{margin:0 0 12px;color:#333}.ponto-impressao table{width:100%;border-collapse:collapse}.ponto-impressao th,.ponto-impressao td{border:1px solid #999;padding:5px 6px;text-align:left;color:#000;background:#fff}.ponto-impressao th{background:#eee}}.app-shell,.main-area{min-width:0}.page,.page-header,.page-header>div,.row,.col,.card,.kpi{min-width:0}img{max-width:100%;height:auto}.input,.select,.textarea{min-width:0;max-width:100%}.table-wrap{overflow-x:auto}@media (max-width: 768px){html{overflow-x:hidden}body,.main-area{overflow-x:clip}}@media (max-width: 1024px){.page{padding:20px 18px 40px}.topbar{padding:0 16px;gap:10px}.topbar .search-wrap{max-width:220px}.grid-shortcut{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.page{padding:16px 14px 32px}.page-title{font-size:22px}.topbar>.search-wrap{display:none}.topbar-title .topbar-s{display:none}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header>div{min-width:0}.page-header .row,.page-header>.row{flex-wrap:wrap}.filter-bar{gap:8px}.filter-bar .search-wrap{flex:1 1 100%;max-width:none}.two-col{grid-template-columns:1fr}.pdv-grid{grid-template-columns:1fr!important;grid-template-rows:1fr auto;min-height:auto!important}.pdv-cart{max-height:70vh}.modal-backdrop{padding:12px}.modal-header{padding:16px 20px 10px}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr!important}.main-area{grid-column:1 / -1!important}.sidebar{position:fixed;left:0;top:0;width:248px;max-width:80vw;height:100vh;transform:translate(-100%);transition:transform .22s cubic-bezier(.2,.7,.2,1);z-index:200;box-shadow:var(--shadow-lg)}.app-shell[data-mobile-open=true] .sidebar{transform:translate(0)}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:199;animation:backdrop-in .16s ease}.topbar{gap:6px;padding:0 12px}.topbar-user-text{display:none}.topbar-user{padding:4px}.topbar .dropdown-menu{right:-4px;min-width:220px!important}.page{padding:14px 12px 28px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.page-header>.row,.page-header>div.row{width:100%;flex-wrap:wrap;gap:8px}.page-header .seg{width:auto}.page-header>.btn,.page-header>.row>.btn-primary,.page-header>.row>.btn-lg{flex:1 1 auto;justify-content:center}.modal-backdrop{padding:6px}.modal{max-width:100%!important;max-height:96vh;border-radius:12px}.modal-header{padding:14px 16px 10px}.modal-body{padding:14px 16px}.modal-footer{padding:10px 14px;gap:8px;flex-wrap:wrap}.modal-footer .btn{flex:1 1 calc(50% - 4px);min-width:0}.modal-footer>div[style*="flex: 1"]{display:none!important}.modal-body .row.gap-12{flex-direction:column!important;align-items:stretch!important}.modal-body .row.gap-12>.field,.modal-body .row.gap-12>*{width:100%!important;flex:1 1 auto!important;min-width:0!important}.filter-bar{gap:6px}.filter-bar>.select,.filter-bar>.seg,.filter-bar>.btn{flex:1 1 calc(50% - 3px);min-width:0;width:auto!important}.filter-bar>div[style*="flex: 1"]{display:none!important}.filter-bar>.row{flex-wrap:wrap;flex:1 1 100%}.filter-bar>.row>.input{flex:1 1 calc(50% - 12px);width:auto!important}.grid-kpi{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi-value{font-size:18px}.kpi-label{font-size:11px}.grid-shortcut{grid-template-columns:1fr}.shortcut{padding:12px 14px}.table-wrap{overflow-x:auto}.table{min-width:540px}.table thead th,.table tbody td{padding-left:12px;padding-right:12px}.kanban{gap:10px;min-height:calc(100vh - 320px)}.kanban-col{flex:0 0 270px}.kanban-card{padding:10px}.pdv-grid{gap:10px;grid-template-columns:1fr!important;grid-template-rows:minmax(280px,1fr) auto}.pdv-products{padding:10px;gap:8px}.pdv-grid-items{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.pdv-product{min-height:92px;padding:8px}.pdv-product .emoji{font-size:18px}.pdv-product .name{font-size:11px}.pdv-product .price{font-size:12px}.pdv-cart{max-height:50vh}.pdv-cart-h{padding:12px}.alerts-row{grid-template-columns:1fr;gap:10px}.alert-tile{padding:12px 14px}.alert-tile-title{font-size:12px}.tabs{gap:0}.tab{padding:8px 10px;font-size:12px}}@media (max-width: 480px){.page{padding:12px 10px 24px}.page-title{font-size:18px}.grid-kpi{gap:8px}.kpi{padding:12px;gap:6px}.kpi-icon{width:28px;height:28px}.topbar{height:54px;padding:0 10px}.topbar .avatar{width:28px;height:28px;font-size:11px}.modal-backdrop{padding:4px}.modal{max-height:98vh;border-radius:10px}.filter-bar>.select,.filter-bar>.seg,.filter-bar>.btn{flex:1 1 100%}.filter-bar>.row>.input{flex:1 1 100%}.page-header .btn-primary,.page-header .btn-lg{width:100%;justify-content:center}.page-header .row .btn-primary,.page-header .row .btn-secondary{flex:1 1 auto}.pdv-grid-items{grid-template-columns:1fr 1fr}.pdv-product{min-height:100px}.cupom{padding:12px 10px;font-size:11px;max-width:100%}.table thead th,.table tbody td{padding-left:10px;padding-right:10px;font-size:12px}.modal-footer .btn{flex:1 1 100%}.kanban-col{flex:0 0 250px}}@media (max-width: 380px){.page{padding:10px 8px 20px}.page-title{font-size:17px}.page-subtitle{font-size:11px}.grid-kpi{grid-template-columns:1fr}.kpi-value{font-size:18px}.topbar{padding:0 8px;gap:4px}.modal-backdrop{padding:0}.modal{max-height:100vh;border-radius:0;height:100vh}.modal-body{padding:12px 14px}.pdv-product{min-height:90px;padding:6px}.pdv-product .name{font-size:10px;line-height:1.2}.kanban-col{flex:0 0 240px}.filter-bar .btn{font-size:11px}}@media (min-width: 1400px){.page{padding:28px 40px 56px}}@supports (height: 100dvh){@media (max-width: 768px){.pdv-cart{max-height:70dvh}}@media (max-width: 640px){.modal{max-height:96dvh}.pdv-cart{max-height:50dvh}.sidebar{height:100dvh}}@media (max-width: 480px){.modal{max-height:98dvh}}@media (max-width: 380px){.modal{max-height:100dvh;height:100dvh}}}@media (max-width: 640px){.pagination{justify-content:center;gap:8px}.pagination-info{width:100%;text-align:center}}@media (max-width: 640px){.topbar-ponto-rotulo{display:none}}@media (max-width: 768px){.filter-bar .faixa-preco{flex:1 1 100%}.filter-bar .faixa-preco .select{width:auto!important;flex:0 0 auto}.filter-bar .faixa-preco .input{flex:1;width:auto!important}}.constellation-wrap{position:relative;width:100%;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,var(--brand-navy-800, #112450) 0%,var(--brand-navy-900, #0a1530) 30%,var(--bg-app, #060f24) 100%);margin:-24px -32px -48px;width:calc(100% + 64px);height:calc(100vh - var(--topbar-height, 60px));max-width:none}[data-theme=light] .constellation-wrap{background:radial-gradient(ellipse at 45% 40%,#e8ecf4 0%,#f0f3f9 40%,var(--bg-app) 100%)}.constellation-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.constellation-star{position:absolute;border-radius:50%;background:#ffffffb3;opacity:var(--star-base, .3);animation:star-twinkle 4s ease-in-out infinite alternate}.constellation-star--accent{background:var(--accent, #ff6b35)}@keyframes star-twinkle{0%{opacity:calc(var(--star-base, .3) - .1)}to{opacity:calc(var(--star-base, .3) + .15)}}[data-theme=light] .constellation-star{background:var(--text-muted)!important;opacity:.15!important}.constellation-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.constellation-core{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,var(--bg-card, #0d1b3d),var(--bg-sidebar, #050d1f));border:1px solid color-mix(in srgb,var(--accent, #ff6b35) 30%,transparent);box-shadow:0 0 80px color-mix(in srgb,var(--accent, #ff6b35) 18%,transparent),0 0 30px color-mix(in srgb,var(--accent, #ff6b35) 8%,transparent),inset 0 1px #ffffff0f;display:grid;place-items:center;z-index:3;min-width:180px;min-height:180px}[data-theme=light] .constellation-core{background:linear-gradient(145deg,#fff,#f5f7fb);border-color:color-mix(in srgb,var(--accent, #ff6b35) 25%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--accent, #ff6b35) 10%,transparent),0 4px 20px #0000000f}.constellation-core-ring,.constellation-core-ring-outer{position:absolute;border-radius:50%;pointer-events:none}.constellation-core-ring{top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid color-mix(in srgb,var(--accent, #ff6b35) 12%,transparent)}.constellation-core-ring-outer{top:-16px;right:-16px;bottom:-16px;left:-16px;border:1px solid color-mix(in srgb,var(--accent, #ff6b35) 6%,transparent)}.constellation-core-inner{text-align:center;z-index:1;padding:12px}.constellation-core-greeting{font-size:9px;color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase}.constellation-core-value{font-size:32px;font-weight:700;letter-spacing:-1.5px;margin-top:4px;color:var(--text-primary)}.constellation-core-delta{font-size:11px;color:var(--accent, #ff6b35);font-weight:500;margin-top:2px}.constellation-core-divider{width:40px;height:1px;background:var(--border-default);margin:10px auto}.constellation-core-stats{display:flex;gap:14px;font-size:10px;color:var(--text-secondary)}.constellation-core-stats b{color:var(--text-primary);font-size:13px}.constellation-core-refresh{position:absolute;bottom:12px;right:12px;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-muted);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .2s,background .15s}.constellation-core:hover .constellation-core-refresh{opacity:1}.constellation-core-refresh:hover{background:var(--bg-card-hover);color:var(--text-primary)}.constellation-line{transition:stroke .3s,stroke-width .3s,opacity .3s}.constellation-node{position:absolute;width:135px;padding:14px 14px 12px;border-radius:14px;background:color-mix(in srgb,var(--bg-card, #0d1b3d) 95%,transparent);border:1px solid var(--border-default);will-change:translate;text-align:left;cursor:pointer;z-index:2;transition:border-color .3s,box-shadow .4s;box-shadow:var(--shadow-lg)}.constellation-node--hover{border-color:color-mix(in srgb,var(--accent, #ff6b35) 50%,transparent)!important;box-shadow:var(--shadow-lg),0 0 24px color-mix(in srgb,var(--accent, #ff6b35) 15%,transparent);z-index:10!important}.constellation-node-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-soft, rgba(255, 107, 53, .12));color:var(--accent, #ff6b35);display:grid;place-items:center;margin-bottom:8px;transition:background .2s}.constellation-node-icon--hover{background:color-mix(in srgb,var(--accent, #ff6b35) 25%,transparent)}.constellation-node-label{font-size:10px;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-weight:500}.constellation-node-value{font-size:22px;font-weight:700;letter-spacing:-.6px;margin-top:2px;color:var(--text-primary);transition:color .25s}.constellation-node-value--hover{color:var(--accent, #ff6b35)}.constellation-node-sub{font-size:10px;color:var(--text-muted);margin-top:1px}.constellation-node-alert{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--accent, #ff6b35);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 12px color-mix(in srgb,var(--accent, #ff6b35) 60%,transparent);animation:constellation-pulse 2s infinite}@keyframes constellation-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.constellation-dock{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;border-radius:14px;background:color-mix(in srgb,var(--bg-card, #0d1b3d) 92%,transparent);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);z-index:5}.constellation-dock-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;color:var(--text-primary);font-size:12px;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.constellation-dock-btn:hover{background:var(--accent-soft, rgba(255, 107, 53, .12))}.constellation-dock-btn svg{color:var(--text-muted);flex-shrink:0}.constellation-error{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:10px;background:color-mix(in srgb,var(--status-danger) 10%,var(--bg-card));border:1px solid color-mix(in srgb,var(--status-danger) 30%,transparent);color:var(--status-danger);font-size:12px;z-index:10}@media (max-width: 768px){.constellation-wrap{margin:-16px -14px -32px;width:calc(100% + 28px);height:calc(100vh - 52px);height:calc(100dvh - 52px)}.constellation-node{width:110px;padding:10px 10px 8px;border-radius:10px}.constellation-node-value{font-size:18px}.constellation-dock{bottom:12px;padding:4px;gap:2px}.constellation-dock-btn{padding:6px 10px;font-size:11px;gap:4px}.constellation-core-value{font-size:26px}}@media (max-width: 480px){.constellation-dock-btn span{display:none}}