:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:#eef4f8;--bg: #eef4f8;--panel: #ffffff;--border: #dbe4f0;--ink: #172033;--muted: #64748b;--primary: #0f766e;--primary-strong: #115e59;--accent: #c2410c;--danger: #dc2626;--shadow: 0 10px 28px rgba(15, 23, 42, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}#root{min-height:100vh}h1,h2,h3{margin-top:0}.dashboard-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;min-width:0}.sidebar{padding:24px;background:#0f172a;color:#f8fafc;display:flex;flex-direction:column;gap:12px;min-width:0}.sidebar h2{margin-bottom:0}.sidebar-meta{font-size:12px;color:#94a3b8}.nav-link{display:block;padding:10px 12px;border-radius:10px;color:#cbd5e1;text-decoration:none;margin-bottom:6px;white-space:nowrap}.nav-link.active,.nav-link:hover{background:#1e293b;color:#fff}.main-content{min-width:0;padding:24px}.main-content>section{margin:0 auto;max-width:1440px;min-width:0}.page-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;min-width:0}.page-header h1{color:var(--ink);line-height:1.1;margin-bottom:0}.page-header p{color:var(--muted);margin:4px 0 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:var(--shadow);min-width:0}.grid{display:grid;gap:16px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{color:inherit;display:grid;gap:8px;min-height:126px;text-decoration:none}.stat-card:hover{border-color:#0f766e;transform:translateY(-1px)}.stat-card h3{color:#64748b;font-size:13px;letter-spacing:0;margin:0;text-transform:uppercase}.stat-card p{color:#0f172a;font-size:34px;font-weight:800;line-height:1;margin:0}.stat-meter{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.stat-meter span{background:#0f766e;display:block;height:100%}.dashboard-charts{display:grid;gap:16px;grid-template-columns:1.2fr .8fr;margin-top:16px}.bar-chart{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));min-height:220px}.bar-item{display:grid;gap:8px}.bar{align-items:end;background:#e2e8f0;border-radius:8px;display:flex;height:150px;overflow:hidden}.bar span{background:linear-gradient(180deg,#14b8a6,#0f766e);display:block;width:100%}.bar-label{color:#475569;font-size:13px;text-align:center}.donut{align-items:center;aspect-ratio:1;background:conic-gradient(#0f766e var(--success, 50%),#ef4444 0);border-radius:50%;display:grid;margin:12px auto;max-width:180px;place-items:center;width:70%}.donut:after{background:#fff;border-radius:50%;content:"";display:block;height:58%;width:58%}.btn{border:none;background:var(--primary);color:#fff;border-radius:8px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1.2;text-decoration:none;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.btn:hover:not(:disabled){background:var(--primary-strong);transform:translateY(-1px)}.btn:disabled{background:#94a3b8;cursor:not-allowed}.btn-ghost{background:#e2e8f0;color:#0f172a}.btn-danger{background:var(--danger)}.icon-btn{border:1px solid #cbd5e1;border-radius:8px;background:#fff;cursor:pointer;padding:7px 10px;font-weight:700}.form-grid{display:grid;gap:10px}.field-label{color:#334155;display:grid;font-size:13px;font-weight:700;gap:6px}.field-sale-type{min-width:0}.field-sale-type select{max-width:100%;min-width:0;text-overflow:ellipsis}input,select,textarea{padding:10px;border-radius:8px;border:1px solid #cbd5e1;font-size:14px;max-width:100%;min-width:0;width:100%}input:focus,select:focus,textarea:focus,.btn:focus-visible,.icon-btn:focus-visible,.link-button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #14b8a62e;outline:none}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:8px;font-size:14px;vertical-align:top;word-break:break-word}.table-responsive{-webkit-overflow-scrolling:touch;margin:-2px;overflow-x:auto;padding:2px;width:100%}.table-responsive table{margin:0}.auth-page,.login-wrap{min-height:100vh}.auth-page{align-items:center;background:radial-gradient(circle at top left,rgba(20,184,166,.22),transparent 34%),linear-gradient(135deg,#0f172a,#164e63 46%,#0f766e);display:flex;justify-content:center;overflow:hidden;padding:32px;position:relative}.auth-page:after{background:linear-gradient(135deg,#ffffff1f,#fff0);border:1px solid rgba(255,255,255,.16);content:"";height:420px;position:absolute;right:-120px;top:-160px;transform:rotate(18deg);width:420px}.auth-shell{display:grid;gap:28px;grid-template-columns:minmax(0,1.05fr) minmax(360px,440px);max-width:1120px;position:relative;width:100%;z-index:1}.auth-hero{align-self:center;color:#f8fafc;display:grid;gap:18px;max-width:620px}.auth-hero h1{font-size:clamp(40px,6vw,68px);line-height:1;margin:0}.auth-hero p{color:#dbeafe;font-size:18px;line-height:1.7;margin:0}.auth-kicker,.login-brand{color:#99f6e4;font-size:12px;font-weight:900;letter-spacing:.08em;margin:0;text-transform:uppercase}.auth-feature-list{display:grid;gap:10px;margin-top:10px}.auth-feature-list span{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;display:flex;gap:10px;padding:12px 14px}.auth-feature-list span:before{background:#f59e0b;border-radius:999px;content:"";flex:0 0 8px;height:8px;width:8px}.auth-card{align-self:center;background:#fffffff5;border:1px solid rgba(255,255,255,.56);border-radius:8px;box-shadow:0 28px 80px #0f172a52;padding:28px}.auth-card form,.auth-card-header{display:grid;gap:16px}.auth-card-header{gap:6px;margin-bottom:4px}.auth-card h2{color:var(--ink);font-size:30px;line-height:1.15;margin:0}.auth-card .login-brand{color:var(--primary)}.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto}.password-field input{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.password-field button{background:#f8fafc;border:1px solid #cbd5e1;border-bottom-right-radius:8px;border-left:0;border-top-right-radius:8px;color:var(--primary-strong);cursor:pointer;font-weight:800;padding:0 12px}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 12px}.auth-submit{min-height:44px;width:100%}.login-wrap{align-items:center;background:linear-gradient(120deg,#0f766eeb,#0f172adb),url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1800&q=80);background-size:cover;display:flex;justify-content:center;padding:16px}.login-card{width:100%;max-width:440px}.login-card h1{color:#0f172a;font-size:32px}.login-brand{color:var(--primary)}.item-list{display:grid;gap:8px}.item-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.invoice-item-card{display:grid;gap:12px}.add-item-card{display:grid;gap:14px}.invoice-item-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.advanced-tax-grid{border-top:1px solid #e2e8f0;padding-top:12px}.item-table-summary{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:18px;justify-content:flex-end;margin-top:12px;padding-top:12px}.totals-box{display:grid;gap:6px}.totals-grid{align-items:center;display:grid;gap:8px 16px;grid-template-columns:repeat(2,minmax(140px,1fr));margin-left:auto;max-width:520px}.totals-grid span{font-variant-numeric:tabular-nums;text-align:right}.error-list{border-color:#fecaca;color:#991b1b}.error-list p{margin:4px 0}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.actions-row-end{justify-content:flex-end}.scenario-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.scenario-option{align-items:flex-start;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:10px}.scenario-option small{color:#64748b;display:block;margin-top:4px}.center-screen{min-height:100vh;display:grid;place-items:center}.modal-backdrop{align-items:center;background:#0f172a8c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:40}.modal{background:#fff;border-radius:8px;box-shadow:0 24px 70px #0f172a47;max-height:90vh;max-width:720px;overflow:auto;padding:18px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.toast{background:#0f172a;border-left:4px solid #14b8a6;border-radius:8px;bottom:22px;box-shadow:0 16px 40px #0f172a38;color:#fff;padding:13px 16px;position:fixed;right:22px;z-index:50}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.filters-row{display:grid;gap:10px;grid-template-columns:minmax(240px,1fr) 180px;margin-bottom:14px}.detail-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.detail-grid p{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:4px;margin:0;padding:10px}.detail-grid strong{color:var(--muted);font-size:12px;text-transform:uppercase}.detail-grid span{color:var(--ink);font-weight:800}.response-block{background:#0f172a;border-radius:8px;color:#e2e8f0;margin:0;max-height:420px;overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.link-button{background:none;border:0;color:#0f766e;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.logo-preview{align-items:center;border:1px solid #dbe4f0;border-radius:8px;display:flex;height:86px;justify-content:center;padding:8px}.logo-preview img{max-height:70px;max-width:180px;object-fit:contain}.muted{color:#64748b}.required-star{color:#dc2626}@media (max-width: 860px){.dashboard-shell,.dashboard-charts,.item-row,.filters-row{grid-template-columns:1fr}}.print-page{background:#e5e7eb;min-height:100vh;padding:20px}.print-sheet{background:#fff;color:#111827;margin:0 auto;min-height:277mm;padding:10mm;max-width:100%;overflow-x:auto;width:210mm}.print-header{align-items:flex-start;border-bottom:2px solid #111827;display:grid;gap:12px;grid-template-columns:90px 1fr 150px;padding-bottom:8px}.print-logo-box{align-items:center;border:1px solid #111827;display:flex;height:72px;justify-content:center}.print-logo-box img{max-height:70px;max-width:88px}.print-title{text-align:center}.print-title h1{font-family:Georgia,serif;font-size:25px;margin:2px 0}.print-title h2,.print-title p,.print-contact p{font-size:11px;margin:2px 0}.print-contact{text-align:right}.print-contact img{margin-top:8px;width:70px}.print-meta{display:flex;font-size:13px;justify-content:space-between;margin:16px 0}.print-table{border:1px solid #111827;border-collapse:collapse;min-width:0;width:100%}.print-table th,.print-table td{border:1px solid #111827;font-size:12px;padding:5px;vertical-align:top}.print-table tfoot td{font-weight:700}.print-footer{align-items:end;display:flex;font-size:12px;justify-content:space-between;margin-top:20px}@media print{@page{margin:8mm;size:A4}body{background:#fff}.dashboard-shell{display:block}.sidebar{display:none}.main-content{padding:0}.print-page{background:#fff;padding:0}.print-sheet{box-shadow:none;margin:0;min-height:auto;padding:0;width:100%}.print-header,.print-meta,.print-footer,.print-table tr{break-inside:avoid;page-break-inside:avoid}}.error{color:#dc2626}@media (max-width: 1100px){.dashboard-shell{grid-template-columns:220px 1fr}.dashboard-charts{grid-template-columns:1fr}}@media (max-width: 900px){.dashboard-shell{grid-template-columns:1fr}.sidebar{gap:10px;padding:16px;position:static}.sidebar nav{display:flex;gap:8px;margin:0 -4px;overflow-x:auto;padding:2px 4px 8px}.nav-link{flex:0 0 auto;margin-bottom:0}.main-content{padding:18px}.page-header,.modal-header{align-items:stretch;flex-direction:column}.page-header .btn,.modal-header .icon-btn{width:fit-content}.dashboard-charts,.item-row,.filters-row{grid-template-columns:1fr}.auth-page{padding:20px}.auth-shell{grid-template-columns:1fr}.auth-hero{max-width:none}.auth-hero h1{font-size:42px}.auth-hero p{font-size:16px}.scenario-grid{grid-template-columns:1fr}.print-page{overflow-x:auto;padding:12px}.print-header,.print-meta,.print-footer{grid-template-columns:1fr}.print-header,.print-meta,.print-footer{display:grid;gap:10px}.print-contact,.print-title{text-align:left}}@media (max-width: 640px){.card,.auth-card,.modal,.main-content{padding:14px}.page-header h1{font-size:28px}.actions-row,.table-actions,.item-table-summary{align-items:stretch;flex-direction:column}.actions-row .btn,.actions-row .icon-btn,.table-actions .icon-btn,.table-actions .link-button,.table-actions a{justify-content:center;text-align:center;width:100%}.invoice-item-grid,.totals-grid,.detail-grid{grid-template-columns:1fr}.totals-grid{margin-left:0;max-width:none}.toast{bottom:12px;left:12px;right:12px}table{min-width:680px}.print-table{min-width:0}.page-header .btn{width:100%}.auth-page{align-items:stretch;padding:14px}.auth-hero{gap:12px}.auth-hero h1{font-size:34px}.auth-feature-list span{padding:10px}.password-field{grid-template-columns:1fr}.password-field input{border-bottom-right-radius:0;border-right:1px solid #cbd5e1;border-top-right-radius:8px}.password-field button{border-left:1px solid #cbd5e1;border-radius:0 0 8px 8px;border-top:0;min-height:40px}.modal-backdrop{align-items:stretch;padding:10px}}