:root{--bg: #0a0906;--surface: #120f0a;--card: #1a1510;--card2: #201a12;--gold: #c9a84c;--gold2: #e8c97a;--gold-dim: #6b5a2e;--text: #f5f0e8;--muted: #8a7d6a;--border: #2e2518;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--radius: 10px;--sidebar-w: 230px;--titlebar-h: 36px;--tabbar-h: 32px;--toolbar-h: 36px;--statusbar-h:24px;--mobile-header-h: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.layout{display:flex;min-height:100vh;padding-top:calc(var(--titlebar-h) + var(--tabbar-h))}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);position:fixed;top:calc(var(--titlebar-h) + var(--tabbar-h));bottom:var(--statusbar-h);left:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto;transition:transform .3s ease}.main{margin-left:var(--sidebar-w);flex:1;padding:1.75rem;padding-top:calc(var(--toolbar-h) + 1.75rem);padding-bottom:calc(var(--statusbar-h) + 1rem);min-height:100vh}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:90;align-items:center;justify-content:space-between;padding:0 1rem}.mobile-logo{font-family:Syne,sans-serif;font-size:1rem;font-weight:800;color:var(--text)}.mobile-logo span{color:var(--gold)}.hamburger{background:none;border:1px solid var(--border);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sb-logo{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.sb-logo-text{font-family:Syne,sans-serif;font-size:1rem;font-weight:800;color:var(--text)}.sb-logo-text span{color:var(--gold)}.sb-logo-sub{font-size:.63rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:3px}.sb-rate{margin:.75rem 1rem;background:#c9a84c14;border:1px solid var(--gold-dim);border-radius:8px;padding:.6rem .75rem}.sb-rate-lbl{font-size:.63rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.sb-rate-val{font-family:Syne,sans-serif;font-size:1rem;font-weight:800;color:var(--gold)}.sb-nav{flex:1;padding:.5rem 0}.sb-section{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted);padding:.75rem 1.25rem .25rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.6rem 1.25rem;color:var(--muted);font-size:.875rem;font-weight:500;transition:all .15s;border-left:2.5px solid transparent}.nav-item:hover{color:var(--text);background:#ffffff08}.nav-item.active{color:var(--gold);background:#c9a84c12;border-left-color:var(--gold)}.nav-icon{font-size:1rem;width:18px;text-align:center;flex-shrink:0}.sb-footer{padding:1rem;border-top:1px solid var(--border)}.sb-shop{font-size:.78rem;color:var(--muted);margin-bottom:.5rem;overflow:hidden}.sb-shop strong{color:var(--text);display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{width:100%;background:none;border:1px solid var(--border);color:var(--muted);padding:.4rem;border-radius:6px;font-size:.78rem;transition:all .15s}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-title{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card-gold{background:linear-gradient(135deg,#1a1510,#201a12);border:1px solid var(--gold-dim);border-radius:var(--radius);padding:1.25rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.875rem;margin-bottom:1.5rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.stat-lbl{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.35rem}.stat-val{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text);line-height:1}.stat-val.gold{color:var(--gold)}.stat-val.green{color:var(--success)}.stat-val.red{color:var(--danger)}.stat-sub{font-size:.7rem;color:var(--muted);margin-top:.3rem}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-head{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.table-title{font-weight:700;font-size:.9rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:500px}th{text-align:left;padding:.6rem 1rem;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.7rem 1rem;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.04)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:.15rem .55rem;border-radius:100px;font-size:.68rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.badge-green{background:#22c55e26;color:var(--success)}.badge-red{background:#ef444426;color:var(--danger)}.badge-yellow{background:#f59e0b26;color:var(--warning)}.badge-blue{background:#3b82f626;color:var(--info)}.badge-gold{background:#c9a84c26;color:var(--gold)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;transition:all .2s;white-space:nowrap}.btn-gold{background:var(--gold);color:#0a0906}.btn-gold:hover{background:var(--gold2)}.btn-outline{background:none;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--gold-dim);color:var(--gold)}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.btn-whatsapp{background:#25d366;color:#fff;border:none}.btn-sm{padding:.3rem .7rem;font-size:.78rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-full{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.6rem .875rem;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold)}.form-group textarea{resize:vertical;min-height:80px}.form-group small{font-size:.7rem;color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;width:100%;max-width:600px;max-height:92vh;overflow-y:auto}.modal-title{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.rate-strip{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.rate-box{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.5rem .875rem}.rate-box-lbl{font-size:.63rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.rate-box-val{font-family:Syne,sans-serif;font-weight:800;color:var(--gold);font-size:.9rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state span{font-size:2.5rem;display:block;margin-bottom:.75rem;opacity:.4}.metal-gold{color:var(--gold)}.metal-silver{color:silver}.alert{padding:.65rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--warning)}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success)}.alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}@media (max-width: 900px){.titlebar,.tabbar,.toolbar,.statusbar{display:none!important}.mobile-header{display:flex;top:0}.layout{padding-top:0}.sidebar{top:var(--mobile-header-h)!important;bottom:0!important;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 40px #00000080}.sidebar-overlay.show{display:block}.main{margin-left:0!important;padding:1rem!important;padding-top:calc(var(--mobile-header-h) + 1rem)!important;padding-bottom:1.5rem!important}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:480px}th,td{padding:.55rem .75rem;font-size:.8rem}.rate-strip{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.rate-box{flex-shrink:0}.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.25rem}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;padding:1.25rem}.dash-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.stat-grid{grid-template-columns:repeat(2,1fr)}.btn{padding:.45rem .875rem;font-size:.82rem}.page-header>div{flex-wrap:wrap}.page-title{font-size:1.1rem}.card{padding:1rem}.stat-card{padding:.75rem}.stat-val{font-size:1.25rem}th,td{font-size:.75rem;padding:.45rem .6rem}.modal{padding:1rem}.modal-title{font-size:1rem}.btn-sm{padding:.25rem .6rem;font-size:.72rem}}@media (max-width: 360px){:root{--mobile-header-h: 50px}.mobile-logo{font-size:.875rem}.page-title{font-size:1rem}.stat-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-val{font-size:1.1rem}.card{padding:.75rem}.main{padding:.75rem!important;padding-top:calc(50px + .75rem)!important}}@media (min-width: 1400px){:root{--sidebar-w: 250px}.main{padding:2rem 2.5rem;padding-top:calc(var(--toolbar-h) + 2rem);padding-bottom:calc(var(--statusbar-h) + 1rem)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.page-title{font-size:1.75rem}}@media print{.titlebar,.tabbar,.toolbar,.statusbar,.sidebar,.mobile-header,.sidebar-overlay,.btn-logout,.hamburger{display:none!important}.layout{padding-top:0}.main{margin-left:0!important;padding:0!important}.card{border:1px solid #ccc;break-inside:avoid}body{background:#fff;color:#000}.stat-val,.page-title{color:#000!important}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-yellow{background:#fef3c7;color:#92400e}}.statusbar{height:var(--statusbar-h, 24px);background:#080705;border-top:1px solid #1a1208;display:flex;align-items:center;padding:0 10px;gap:0;position:fixed;bottom:0;left:0;right:0;z-index:150;overflow:hidden}.statusbar-left{display:flex;align-items:center;gap:0;flex:1;overflow:hidden}.statusbar-right{display:flex;align-items:center;gap:0;flex-shrink:0}.sb-divider{width:1px;height:14px;background:#2e2518;margin:0 8px;flex-shrink:0}.sb-text{font-size:10px;color:#6b5a2e;white-space:nowrap;flex-shrink:0}.sb-muted{color:#4a3f32}.sb-gold{color:#c9a84c;font-weight:600}.sb-clock{font-family:monospace;color:#6b5a2e;letter-spacing:.5px}.sb-page{color:#4a3f32;text-overflow:ellipsis;overflow:hidden;max-width:220px;text-transform:capitalize}.sb-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:1px 6px;border-radius:3px;white-space:nowrap;flex-shrink:0}.sb-chip-green{background:#22c55e1a;color:#22c55e}.sb-chip-red{background:#ef44441a;color:#ef4444}.sb-chip-amber{background:#f59e0b1a;color:#f59e0b}.sb-chip-trial{background:#f59e0b14;color:#f59e0b}.sb-chip-basic{background:#3b82f614;color:#3b82f6}.sb-chip-pro{background:#c9a84c14;color:#c9a84c}.sb-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.sb-dot-green{background:#22c55e}.sb-dot-red{background:#ef4444;animation:blink 1.5s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sb-kbd{display:inline-block;padding:0 3px;background:#1a1510;border:1px solid #2e2518;border-radius:2px;font-family:monospace;font-size:9px;color:#c9a84c}.toolbar{height:var(--toolbar-h, 36px);background:#0f0c08;border-bottom:1px solid #1a1208;display:flex;align-items:center;padding:0 10px;gap:4px;position:fixed;top:calc(var(--titlebar-h, 36px) + var(--tabbar-h, 32px));left:var(--sidebar-w, 230px);right:0;z-index:140}.toolbar-left{display:flex;align-items:center;gap:3px;flex:1}.toolbar-right{display:flex;align-items:center;gap:3px}.toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;height:24px;font-size:11px;font-family:inherit;background:#1a1510;border:1px solid #2e2518;color:#8a7d6a;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .1s}.toolbar-btn:hover{background:#201a12;color:#f5f0e8;border-color:#3d3020}.toolbar-btn-primary{background:#c9a84c;color:#0a0906;border-color:#c9a84c;font-weight:600}.toolbar-btn-primary:hover{background:#e8c97a;border-color:#e8c97a;color:#0a0906}.toolbar-btn-icon,.toolbar-btn-label{font-size:11px}.toolbar-btn-icon-only{padding:3px 7px;font-size:12px}.toolbar-sep{width:1px;height:18px;background:#2e2518;margin:0 4px;flex-shrink:0}.toolbar-filters{display:flex;align-items:center;gap:2px}.toolbar-filter{padding:2px 8px;height:22px;font-size:10px;font-family:inherit;background:none;border:1px solid transparent;color:#6b5a2e;border-radius:3px;cursor:pointer;transition:all .1s;white-space:nowrap}.toolbar-filter:hover{color:#c8b89a;background:#ffffff0a}.toolbar-filter.active{color:#c9a84c;background:#c9a84c14;border-color:#3d3020}.toolbar-search{display:flex;align-items:center;gap:6px;background:#120f0a;border:1px solid #2e2518;border-radius:4px;padding:2px 8px;height:24px;min-width:180px;transition:border-color .15s}.toolbar-search:focus-within{border-color:#6b5a2e}.toolbar-search-icon{font-size:11px;color:#4a3f32}.toolbar-search-input{background:none;border:none;outline:none;font-size:11px;color:#f5f0e8;font-family:inherit;flex:1;min-width:0}.toolbar-search-input::placeholder{color:#4a3f32}.toolbar-search-clear{background:none;border:none;color:#4a3f32;font-size:13px;cursor:pointer;padding:0;line-height:1}.toolbar-search-clear:hover{color:#ef4444}.shortcut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.shortcut-modal{background:#1a1510;border:1px solid #2e2518;border-radius:14px;width:100%;max-width:640px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #000000b3}.shortcut-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2e2518;flex-shrink:0}.shortcut-title{font-size:14px;font-weight:700;color:#f5f0e8}.shortcut-close{background:none;border:none;color:#6b5a2e;font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.shortcut-close:hover{color:#ef4444}.shortcut-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;overflow-y:auto;padding:12px;gap:12px}.shortcut-group-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#6b5a2e;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #2e2518}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;gap:8px}.shortcut-label{font-size:11px;color:#c8b89a;flex:1}.shortcut-keys{display:flex;align-items:center;gap:2px;flex-shrink:0}.shortcut-plus{font-size:10px;color:#4a3f32}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;background:#0d0a07;border:1px solid #3d3020;border-bottom:2px solid #3d3020;border-radius:4px;font-size:10px;font-family:monospace;color:#c9a84c;white-space:nowrap}.shortcut-footer{padding:10px 18px;border-top:1px solid #2e2518;font-size:11px;color:#4a3f32;text-align:center;flex-shrink:0}@media (max-width: 600px){.shortcut-body{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.shortcut-body{grid-template-columns:1fr}}.tabbar{height:var(--tabbar-h, 32px);background:#0d0a07;border-bottom:1px solid #1a1208;display:flex;align-items:flex-end;padding:0 8px;gap:2px;position:fixed;top:var(--titlebar-h, 36px);left:0;right:0;z-index:150;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:5px;padding:5px 10px 4px;font-size:11px;color:#6b5a2e;border-radius:5px 5px 0 0;cursor:pointer;border:1px solid transparent;border-bottom:none;white-space:nowrap;flex-shrink:0;position:relative;top:1px;max-width:160px;transition:all .1s;-webkit-user-select:none;user-select:none}.tab:hover{color:#c8b89a;background:#ffffff08}.tab.active{color:#c9a84c;background:#0a0906;border-color:#2e2518;border-bottom-color:#0a0906}.tab-icon{font-size:10px;flex-shrink:0}.tab-label{font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:100px}.tab-close{background:none;border:none;color:#4a3f32;font-size:13px;line-height:1;padding:0 1px;cursor:pointer;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:14px;height:14px;transition:all .1s}.tab-close:hover{color:#ef4444;background:#ef44441a}.titlebar{height:var(--titlebar-h, 36px);background:#080705;border-bottom:1px solid #1a1208;display:flex;align-items:center;padding:0 10px;gap:6px;position:fixed;top:0;left:0;right:0;z-index:200;-webkit-user-select:none;user-select:none}.titlebar-logo{display:flex;align-items:center;gap:5px}.titlebar-gem{font-size:13px}.titlebar-name{font-size:12px;font-weight:700;color:#c9a84c;letter-spacing:.5px}.titlebar-divider{width:1px;height:16px;background:#2e2518;margin:0 4px;flex-shrink:0}.titlebar-menus{display:flex;align-items:center;gap:1px}.tmenu-wrap{position:relative}.tmenu-btn{padding:3px 9px;font-size:12px;font-family:inherit;background:none;border:none;color:#8a7d6a;border-radius:4px;cursor:pointer;transition:all .1s}.tmenu-btn:hover,.tmenu-btn.active{background:#ffffff12;color:#f5f0e8}.tmenu-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:#1a1510;border:1px solid #2e2518;border-radius:8px;padding:4px;box-shadow:0 8px 32px #0009;z-index:300}.tmenu-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:12px;color:#c8b89a;border-radius:5px;cursor:pointer;transition:all .1s}.tmenu-item:hover{background:#c9a84c14;color:#f5f0e8}.tmenu-label{flex:1}.tmenu-shortcut{font-size:10px;color:#4a3f32;font-family:monospace;margin-left:16px}.tmenu-sep{height:1px;background:#2e2518;margin:3px 6px}.titlebar-right{margin-left:auto;display:flex;align-items:center;gap:6px}.titlebar-rate{display:flex;align-items:center;gap:4px}.titlebar-rate-label{font-size:10px;color:#6b5a2e}.titlebar-rate-val{font-size:11px;font-weight:700;color:#c9a84c;font-family:monospace}.titlebar-status{display:flex;align-items:center;gap:4px}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#22c55e}.status-dot.offline{background:#ef4444}.status-label{font-size:10px;color:#6b5a2e}.titlebar-plan{padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px}.titlebar-shop{font-size:11px;color:#8a7d6a;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar-clock{font-size:11px;color:#6b5a2e;font-family:monospace;letter-spacing:.5px;min-width:64px}