:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #0B0F17;--bg-card: #131A26;--bg-card-hover: #1A2332;--bg-surface: #1E293B;--bg-input: #0F1622;--border: #243042;--border-light: #2D3D54;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--primary: #3B82F6;--primary-hover: #2563EB;--primary-glow: rgba(59, 130, 246, .25);--accent-gold: #F59E0B;--accent-gold-glow: rgba(245, 158, 11, .2);--success: #10B981;--success-glow: rgba(16, 185, 129, .2);--danger: #EF4444;--danger-glow: rgba(239, 68, 68, .2);--warning: #F59E0B;--purple: #8B5CF6;--cyan: #06B6D4;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--navbar-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--shadow-lg: 0 16px 36px rgba(0,0,0,.5);--shadow-glow: 0 0 25px rgba(59, 130, 246, .2)}body.light-theme{--bg-main: #F1F5F9;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-surface: #E2E8F0;--bg-input: #F8FAFC;--border: #CBD5E1;--border-light: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 20px rgba(0,0,0,.08);--shadow-lg: 0 16px 32px rgba(0,0,0,.12);--shadow-glow: 0 0 25px rgba(59, 130, 246, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--text-primary)}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.app-container{display:flex;min-height:100vh;background:var(--bg-main)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-wrapper{flex:1;padding:24px;max-width:1600px;margin:0 auto;width:100%}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:40;transition:width .3s ease}.sidebar-header{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.brand-badge{background:linear-gradient(135deg,#ef4444,#f59e0b);color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;padding:2px 8px;border-radius:20px;text-transform:uppercase}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:12px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow);font-weight:600}.nav-item .plan-lock-badge{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:4px;background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);font-weight:700}.sidebar-footer{padding:16px;border-top:1px solid var(--border);background:var(--bg-input)}.navbar{height:var(--navbar-height);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.navbar-search{display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius-md);width:320px;transition:border-color .2s ease}.navbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.navbar-search input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 16px var(--primary-glow)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 10px var(--success-glow)}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 2px 10px var(--danger-glow)}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--warning);color:#0f172a;font-weight:700}.btn-outline{background:transparent;border-color:var(--border);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-surface);border-color:var(--border-light)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:15px;border-radius:var(--radius-md)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-light)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:16px;font-weight:700;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-family:inherit;outline:none;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{resize:vertical;min-height:80px}.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.table th{background:var(--bg-surface);color:var(--text-secondary);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-card-hover)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-info{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-purple{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-lg);animation:scaleUp .2s ease;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-wrapper{padding:14px}.sidebar{position:fixed;left:-100%}.sidebar.open{left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{position:absolute;left:0;top:0;width:100%;background:#fff!important;color:#000!important}.no-print{display:none!important}}.thermal-receipt{background:#fff;color:#000;font-family:JetBrains Mono,monospace,sans-serif;font-size:12px;line-height:1.35;padding:16px;margin:0 auto}.thermal-58mm{width:58mm;max-width:58mm;padding:8px;font-size:11px}.thermal-80mm{width:80mm;max-width:80mm;padding:14px;font-size:12px}.thermal-divider{border-top:1px dashed #000;margin:8px 0}.a4-invoice{background:#fff;color:#1e293b;font-family:var(--font-sans);padding:40px;max-width:800px;margin:0 auto;border-radius:8px;box-shadow:0 4px 20px #00000026}