:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--sidebar-bg:#1e253c;--sidebar-hover:#2b3553;--sidebar-text:#94a3b8;--sidebar-active-text:#fff;--bg-color:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--card-bg:#fff;--surface-bg:#f8fafc;--card-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a}.dark{--primary-color:#3b82f6;--primary-hover:#60a5fa;--bg-color:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--sidebar-bg:#020617;--border-color:#334155;--card-bg:#1e293b;--surface-bg:#0f172a;--input-bg:#020617;--card-shadow:0 4px 6px -1px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,Roboto,-apple-system,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);width:260px;color:var(--sidebar-text);z-index:10;flex-direction:column;transition:width .3s;display:flex}.sidebar-nav::-webkit-scrollbar{width:10px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff05}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(#3b82f6,#6366f1);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(#60a5fa,#818cf8)}.sidebar-header{color:#fff;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.nav-item{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:#ffffff1a}.nav-item.active,.nav-item:active{background-color:var(--primary-color);color:#fff}.bottom-nav{background-color:var(--card-bg);border-top:1px solid var(--border-color);z-index:50;justify-content:space-around;padding:.5rem 0;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;font-size:11px;font-weight:500;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--primary-color)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:5;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex}.content-area{flex:1;padding:2rem;overflow-y:auto}@media (max-width:768px){.sidebar{display:none}.sidebar.mobile-open{z-index:1000;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 10px #0003;display:flex!important}.mobile-menu-btn,.mobile-close-btn{display:flex!important}.desktop-search{display:none}.bottom-nav{display:flex}.content-area{padding:1rem 1rem 80px}.topbar{padding:0 1rem}}.mobile-menu-btn,.mobile-close-btn{display:none}.card{background-color:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600}.card-body{padding:1.5rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.search-bar{background-color:var(--surface-bg);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.search-bar input{color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-weight:500;display:block}input,select,textarea{border:1px solid var(--border-color);background-color:var(--input-bg,var(--card-bg));width:100%;color:var(--text-primary);border-radius:6px;padding:.6rem .75rem;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #2563eb1a}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-danger{background-color:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.btn-icon:hover{color:var(--primary-color)}.table-container{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th{background-color:var(--surface-bg);text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:1rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--surface-bg)}.actions-cell{gap:.5rem;display:flex}.error-text{color:var(--danger-color);font-size:.875rem}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);background-color:#f1f5f9}.login-container{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.orb{filter:blur(80px);z-index:1;opacity:.6;border-radius:50%;position:absolute}.orb-1{background:#3b82f6;width:400px;height:400px;animation:10s ease-in-out infinite float;top:-100px;left:-100px}.orb-2{background:#8b5cf6;width:500px;height:500px;animation:12s ease-in-out infinite reverse float;bottom:-150px;right:-150px}.orb-3{background:#ec4899;width:300px;height:300px;animation:14s ease-in-out 2s infinite float;top:40%;left:40%}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.glass-card{-webkit-backdrop-filter:blur(20px);z-index:10;color:#fff;background:#111827b3;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:3.5rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 25px 50px -12px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.glass-card .page-title{color:#fff;letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem}.glass-card .text-secondary{color:#94a3b8;margin-bottom:2.5rem;font-size:1rem}.glass-card .form-label{color:#e2e8f0;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.glass-input{width:100%;color:#fff!important;background:#0f172a99!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:1rem 1.25rem!important;font-size:1rem!important;transition:all .3s!important}.glass-input::placeholder{color:#64748b}.glass-input:focus{outline:none;background:#0f172acc!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f633!important}.glass-button{cursor:pointer;width:100%;margin-top:1rem;color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)!important;border:none!important;border-radius:12px!important;padding:1rem!important;font-size:1rem!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 14px #6366f163!important}.glass-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180!important}.glass-button:active{transform:translateY(0)}.invoice-preview{color:#333;background-color:#fff}.invoice-preview .preview-table th,.invoice-preview .preview-table td{padding:1.5rem 2rem}.invoice-preview .col-item{text-align:left}.invoice-preview .col-qty{text-align:center}.invoice-preview .col-rate,.invoice-preview .col-tax,.invoice-preview .col-amount{text-align:right}.invoice-preview.modern_wave:before{content:"";z-index:0;background-color:#d4e6f1;border-radius:50%;width:80px;height:240px;position:absolute;top:50px;left:-20px}.invoice-preview.modern_wave:after{content:"";z-index:0;background-color:#e1eedd;border-radius:50%;width:100px;height:200px;position:absolute;bottom:50px;left:-25px}.invoice-preview.modern_wave .preview-header,.invoice-preview.modern_wave .preview-body,.invoice-preview.modern_wave .preview-footer{z-index:1;position:relative}.invoice-preview.modern_wave .preview-title,.invoice-preview.modern_wave .preview-meta-label,.invoice-preview.modern_wave .preview-bill-to-title,.invoice-preview.modern_wave .preview-totals-label,.invoice-preview.modern_wave .preview-grand-total{color:#1f4e79}.invoice-preview.modern_wave .preview-table th{color:#1f4e79;background:0 0;border-top:1px solid #badbc7;border-bottom:1px solid #badbc7}.invoice-preview.modern_wave .preview-table tr:last-child td{border-bottom:1px solid #badbc7}.invoice-preview.corporate_curve .preview-header{color:#fff;background-color:#004d40;border-bottom-right-radius:40px;border-bottom-left-radius:40px;padding:3rem}.invoice-preview.corporate_curve .preview-title{color:#fff!important}.invoice-preview.corporate_curve .preview-company-name{color:#e0f2f1}.invoice-preview.corporate_curve .preview-meta-label{color:#b2dfdb}.invoice-preview.corporate_curve .preview-meta-value{color:#fff}.invoice-preview.corporate_curve .preview-table th{color:#fff;background-color:#212529;padding:1rem 1.5rem}.invoice-preview.corporate_curve .preview-table td{border:none;padding:1rem 1.5rem}.invoice-preview.corporate_curve .preview-table tbody tr:nth-child(2n){background-color:#f0f0f0}.invoice-preview.corporate_curve .preview-table td{border:none}.invoice-preview.corporate_curve .preview-grand-total{color:#fff;background-color:#212529;margin-top:1rem;padding:1rem!important}.invoice-preview.classic_block .preview-header{color:#fff;background-color:#1c5d88;padding:2rem 3rem}.invoice-preview.classic_block .preview-title{color:#fff!important}.invoice-preview.classic_block .preview-company-name{color:#e2e8f0}.invoice-preview.classic_block .preview-meta-label{color:#cbd5e1}.invoice-preview.classic_block .preview-meta-value{color:#fff}.invoice-preview.classic_block .preview-table th{color:#000;background-color:#e6e6e6;border:1px solid #ccc;padding:1rem 1.5rem}.invoice-preview.classic_block .preview-table td{border:1px solid #ccc;padding:1rem 1.5rem}.invoice-preview.classic_block .preview-table tbody tr:nth-child(2n){background-color:#f5f5f5}.invoice-preview.classic_block .preview-grand-total{color:#000;background-color:#d2e6f5;padding:.5rem 1rem!important}.invoice-preview.classic_block .preview-footer{color:#fff;background-color:#1c5d88;padding:1.5rem}