:root{--bg-main:#0a0d14;--bg-surface:#111726;--bg-surface-elevated:#182238;--bg-surface-hover:#202d4a;--bg-glass:rgba(17,23,38,.85);--bg-glass-card:rgba(24,34,56,.7);--bg-input:rgba(11,15,25,.85);--border-subtle:hsla(0,0%,100%,.08);--border-focus:#6366f1;--border-hover:rgba(99,102,241,.4);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#4f46e5;--primary-light:#6366f1;--primary-glow:rgba(99,102,241,.35);--emerald:#10b981;--emerald-light:#34d399;--emerald-glow:rgba(16,185,129,.3);--emerald-bg:rgba(16,185,129,.12);--cyan:#06b6d4;--cyan-glow:rgba(6,182,212,.3);--cyan-bg:rgba(6,182,212,.12);--amber:#f59e0b;--amber-bg:rgba(245,158,11,.12);--purple:#a855f7;--purple-bg:rgba(168,85,247,.12);--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 8px 24px rgba(0,0,0,.35);--shadow-lg:0 16px 40px rgba(0,0,0,.5);--shadow-glow:0 0 30px var(--primary-glow);--transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}[data-theme=light]{--bg-main:#f4f6fb;--bg-surface:#fff;--bg-surface-elevated:#f8fafc;--bg-surface-hover:#eef2ff;--bg-glass:hsla(0,0%,100%,.9);--bg-glass-card:hsla(0,0%,100%,.92);--bg-input:#fff;--border-subtle:rgba(0,0,0,.08);--border-focus:#4f46e5;--border-hover:rgba(79,70,229,.4);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 2px 8px rgba(0,0,0,.04);--shadow-md:0 8px 20px rgba(0,0,0,.08);--shadow-lg:0 16px 36px rgba(0,0,0,.12);--shadow-glow:0 0 25px rgba(99,102,241,.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;min-height:100vh;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;-webkit-tap-highlight-color:transparent}body:before{top:-150px;left:15%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.12) 0,rgba(6,182,212,.05) 50%,transparent 70%)}body:after,body:before{content:"";position:fixed;z-index:-1;pointer-events:none}body:after{bottom:-150px;right:10%;width:700px;height:700px;background:radial-gradient(circle,rgba(16,185,129,.1) 0,rgba(99,102,241,.04) 50%,transparent 70%)}.container{max-width:1440px;margin:0 auto;padding:0 2rem 3rem}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:.85rem 0;margin-bottom:2rem}.nav-container{max-width:1440px;margin:0 auto;padding:0 2rem;justify-content:space-between;gap:1rem}.logo-group,.nav-container{display:flex;align-items:center}.logo-group{gap:.75rem;text-decoration:none;min-width:0}.logo-icon{width:42px;height:42px;border-radius:var(--radius-md);background:linear-gradient(135deg,#4f46e5,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px var(--primary-glow);flex-shrink:0}.logo-text{min-width:0}.logo-text h1{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text h1,.logo-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-text span{font-size:.75rem;font-weight:500;color:var(--text-muted);display:block}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.78rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#64748b;transition:var(--transition);flex-shrink:0}.status-dot.active{background-color:var(--emerald);box-shadow:0 0 8px var(--emerald)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.88rem;font-weight:600;font-family:inherit;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;touch-action:manipulation}.btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 6px 22px rgba(99,102,241,.45);transform:translateY(-1px)}.btn-emerald{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px var(--emerald-glow)}.btn-emerald:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 22px rgba(16,185,129,.45);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);padding:.5rem .65rem}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.hero-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.75rem;gap:1.75rem;align-items:stretch;margin-bottom:2.25rem}.hero-info{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-md)}.hero-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;background:var(--cyan-bg);color:var(--cyan);border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.85rem}.hero-info h2{font-size:1.75rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin-bottom:.75rem}.hero-info h2 span{background:linear-gradient(135deg,#6366f1,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-info p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin-bottom:1.25rem}.hero-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1.25rem}.feature-pill{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);background:var(--bg-surface);padding:.45rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.feature-pill svg{color:var(--emerald-light);width:15px;height:15px;flex-shrink:0}.dropzone{position:relative;background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);min-height:260px}.dropzone.drag-active,.dropzone:hover{border-color:var(--primary-light);background:var(--bg-surface-hover);box-shadow:0 0 25px var(--primary-glow)}.dropzone-icon-wrap{width:58px;height:58px;border-radius:var(--radius-lg);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--primary-light);margin-bottom:1rem;transition:var(--transition)}.dropzone:hover .dropzone-icon-wrap{transform:translateY(-3px) scale(1.05);background:var(--primary);color:#fff;box-shadow:0 8px 20px var(--primary-glow)}.dropzone-title{font-size:1.1rem;font-weight:700;margin-bottom:.35rem}.dropzone-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:1.15rem}.dropzone-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.15rem;gap:1.15rem;margin-bottom:2.25rem}.kpi-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.35rem;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent,var(--primary)),transparent);opacity:0;transition:opacity .3s ease}.kpi-card:hover:before{opacity:1}.kpi-card.emerald-accent{--card-accent:var(--emerald)}.kpi-card.cyan-accent{--card-accent:var(--cyan)}.kpi-card.purple-accent{--card-accent:var(--purple)}.kpi-card.amber-accent{--card-accent:var(--amber)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.kpi-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.kpi-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.kpi-card.emerald-accent .kpi-icon{background:var(--emerald-bg);color:var(--emerald-light)}.kpi-card.cyan-accent .kpi-icon{background:var(--cyan-bg);color:var(--cyan)}.kpi-card.purple-accent .kpi-icon{background:var(--purple-bg);color:var(--purple)}.kpi-card.amber-accent .kpi-icon{background:var(--amber-bg);color:var(--amber)}.kpi-value{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem;word-break:break-all}.kpi-card.emerald-accent .kpi-value{background:linear-gradient(135deg,#10b981,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kpi-subtext{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.25rem}.analytics-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--shadow-sm)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header h3{font-size:1rem;font-weight:700}.chart-container{position:relative;height:250px;width:100%}.table-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);margin-bottom:2.5rem}.table-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.table-title-group h3{font-size:1.15rem;font-weight:700;margin-bottom:.15rem}.table-title-group p{font-size:.8rem;color:var(--text-muted)}.table-filters{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.search-input-wrap{position:relative;min-width:240px}.search-input-wrap i,.search-input-wrap svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:15px;height:15px;pointer-events:none}.input-field,.select-field{width:100%;padding:.55rem .85rem .55rem 2.25rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:var(--transition)}.select-field{padding-left:.85rem;min-width:170px;cursor:pointer}.input-field:focus,.select-field:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.filter-pills{display:flex;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px;gap:2px}.filter-pill-btn{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-pill-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;font-size:.85rem}thead th{background:var(--bg-surface-elevated);padding:.8rem .95rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:var(--transition)}thead th:hover{color:var(--text-primary);background:var(--bg-surface-hover)}tbody tr{border-bottom:1px solid var(--border-subtle);transition:var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-surface-hover)}tbody td{padding:.85rem .95rem;vertical-align:middle}.mono-cell{font-family:var(--font-mono);font-weight:500}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;white-space:nowrap}.badge-nitrogen{background:var(--cyan-bg);color:var(--cyan);border:1px solid rgba(6,182,212,.3)}.badge-oxygen{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(245,158,11,.3)}.badge-rental{background:var(--purple-bg);color:var(--purple);border:1px solid rgba(168,85,247,.3)}.tax-highlight{font-family:var(--font-mono);font-weight:700;color:var(--emerald-light)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.15rem;flex-wrap:wrap;gap:.85rem}.pagination-info{font-size:.82rem;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:780px;max-height:88vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.25rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface-elevated)}.modal-title{font-size:1.15rem;font-weight:700}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.modal-body{padding:1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.invoice-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.85rem;gap:.85rem;margin-bottom:1.25rem;background:var(--bg-surface-elevated);padding:.85rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.meta-item span{display:block;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.meta-item strong{font-size:.9rem;color:var(--text-primary);word-break:break-word}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:2000;display:flex;flex-direction:column;gap:.75rem}.toast{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);padding:.8rem 1.15rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:500;animation:slideInRight .3s ease}.toast-success{border-color:rgba(16,185,129,.4)}.toast-success i,.toast-success svg{color:var(--emerald-light)}.toast-error{border-color:rgba(239,68,68,.4)}.toast-error i,.toast-error svg{color:#ef4444}.toast-info{border-color:rgba(6,182,212,.4)}.toast-info i,.toast-info svg{color:var(--cyan)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.hero-section{gap:1.5rem}.analytics-grid,.hero-section{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 1rem 2rem}.navbar{padding:.65rem 0;margin-bottom:1.25rem}.nav-container{padding:0 1rem;gap:.5rem}.logo-text h1{font-size:1rem}.logo-text span{display:none}.status-badge{padding:.3rem .6rem;font-size:.72rem}.btn{padding:.5rem .85rem;font-size:.82rem}.hero-info{padding:1.35rem}.hero-info h2{font-size:1.45rem}.dropzone{padding:1.5rem 1rem;min-height:220px}.table-card{padding:1rem;border-radius:var(--radius-lg)}.table-toolbar{gap:.85rem}.table-filters,.table-toolbar{flex-direction:column;align-items:stretch}.filter-pills,.search-input-wrap,.select-field,.table-filters,.table-filters .btn{width:100%}.filter-pill-btn{flex:1 1;text-align:center}.table-footer{flex-direction:column;align-items:center}.invoice-meta-grid{grid-template-columns:1fr 1fr}.toast-container{bottom:1rem;left:1rem;right:1rem}.toast{width:100%;justify-content:center}}@media (max-width:480px){.logo-icon{width:36px;height:36px}.nav-actions{gap:.35rem}.kpi-grid{gap:.85rem}.hero-features,.invoice-meta-grid,.kpi-grid{grid-template-columns:1fr}.chart-container{height:210px}.modal-box{border-radius:var(--radius-lg)}}