@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-primary:#f3f8fb;--bg-secondary:#fff;--bg-tertiary:#ebf1f6;--accent-gold:#d97706;--accent-gold-hover:#b45309;--accent-gold-light:rgba(217,119,6,.08);--accent-bronze:#854d0e;--accent-cream:#854d0e;--text-primary:#252a36;--text-secondary:#64748b;--text-muted:#94a3b8;--title-color:#252a36;--title-gradient:linear-gradient(135deg,#1e293b,#475569);--brand-gradient:linear-gradient(90deg,#1e293b,#475569);--color-budget:#d97706;--color-approved:#2563eb;--color-planning:#7c3aed;--color-cutting:#ca8a04;--color-assembly:#db2777;--color-finishing:#0891b2;--color-delivered:#059669;--color-cancelled:#dc2626;--glass-bg:hsla(0,0%,100%,.85);--glass-border:rgba(15,23,42,.06);--glass-shadow:0 8px 32px 0 rgba(15,23,42,.06);--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:24px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--badge-bg:rgba(0,0,0,.03);--input-bg:rgba(0,0,0,.02);--kanban-col-bg:rgba(0,0,0,.02);--btn-secondary-bg:rgba(0,0,0,.04);--btn-secondary-text:#252a36;--btn-secondary-hover-bg:rgba(0,0,0,.08);--calc-box-bg:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(243,248,251,.95))}[data-theme=dark]{--bg-primary:#121316;--bg-secondary:#1a1c20;--bg-tertiary:#24272d;--accent-gold:#d97706;--accent-gold-hover:#b45309;--accent-gold-light:rgba(217,119,6,.1);--accent-bronze:#854d0e;--accent-cream:#fef08a;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--title-color:#fff;--title-gradient:linear-gradient(135deg,#fff,#a1a1aa);--brand-gradient:linear-gradient(90deg,#fff,#e4e4e7);--color-budget:#f59e0b;--color-approved:#3b82f6;--color-planning:#8b5cf6;--color-cutting:#eab308;--color-assembly:#ec4899;--color-finishing:#06b6d4;--color-delivered:#10b981;--color-cancelled:#ef4444;--glass-bg:rgba(26,28,32,.7);--glass-border:hsla(0,0%,100%,.05);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.37);--badge-bg:hsla(0,0%,100%,.02);--input-bg:hsla(0,0%,100%,.03);--kanban-col-bg:rgba(20,21,24,.6);--btn-secondary-bg:hsla(0,0%,100%,.05);--btn-secondary-text:#fff;--btn-secondary-hover-bg:hsla(0,0%,100%,.1);--calc-box-bg:linear-gradient(135deg,rgba(26,28,32,.9),rgba(36,39,45,.9))}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--title-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.layout-container{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:space-between;position:fixed;height:100vh;z-index:100;transition:var(--transition-smooth);overflow-y:auto}.sidebar-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:1.2rem 0 .6rem .6rem}.brand-section{gap:.75rem;margin-bottom:1.5rem}.brand-logo,.brand-section{display:flex;align-items:center}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-bronze));border-radius:10px;justify-content:center;font-weight:800;font-size:1.2rem;color:#fff;box-shadow:0 4px 15px rgba(217,119,6,.3)}.brand-logo,.brand-name{font-family:var(--font-display)}.brand-name{font-size:1rem;font-weight:700;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.3rem}.sidebar-upgrade-banner{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding:.7rem .8rem;border-radius:var(--border-radius-sm);background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.2);color:var(--text-primary);font-size:.75rem}.sidebar-upgrade-banner strong{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:var(--border-radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.85rem;transition:var(--transition-smooth);width:100%;border:none;background:transparent;text-align:left;font-family:var(--font-body);cursor:pointer;white-space:nowrap}.nav-item span:nth-child(2){flex:1 1;text-overflow:ellipsis;overflow:hidden}.nav-item.active,.nav-item:hover{color:var(--title-color);background:var(--accent-gold-light);border-left:3px solid var(--accent-gold)}.nav-icon{font-size:1rem}.nav-item-locked{cursor:not-allowed;opacity:.72}.nav-item-locked:hover{color:var(--text-secondary);background:rgba(148,163,184,.08);border-left:3px solid rgba(148,163,184,.3)}.nav-lock-badge{margin-left:auto;padding:.15rem .5rem;border-radius:8px;background:rgba(245,158,11,.1);color:#d97706;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.user-profile-badge{display:flex;align-items:center;gap:.6rem;padding:.8rem;background:var(--badge-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:.8rem;font-weight:600;color:var(--title-color)}.user-role{font-size:.7rem;color:var(--text-secondary)}.main-wrapper{margin-left:240px;flex:1 1;padding:2rem;min-height:100vh}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.header-title{font-size:2.2rem;margin-bottom:.35rem;background:var(--title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{color:var(--text-secondary);font-size:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:1.75rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--glass-shadow);transition:var(--transition-smooth)}.metric-card:hover{transform:translateY(-5px);border-color:rgba(217,119,6,.3)}.metric-info{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.metric-value{font-size:1.8rem;font-weight:700;font-family:var(--font-display);color:var(--title-color)}.metric-icon-box{width:50px;height:50px;border-radius:var(--border-radius-sm);background:var(--input-bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.metric-icon-box.gold{color:var(--accent-gold);background:var(--accent-gold-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius-sm);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-bronze));color:#fff;box-shadow:0 4px 15px rgba(217,119,6,.2)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-gold-hover),#653e0c);transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg)}.kanban-board{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start;overflow-x:auto;padding-bottom:1.5rem}.kanban-column{background:var(--kanban-col-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:500px}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.kanban-column-title{font-size:.95rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.kanban-badge{font-size:.75rem;padding:.2rem .6rem;border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);font-weight:700}.kanban-card-list{display:flex;flex-direction:column;gap:.75rem}.kanban-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,.15);cursor:-webkit-grab;cursor:grab;transition:var(--transition-smooth)}.kanban-card:hover{transform:translateY(-3px);border-color:rgba(217,119,6,.2)}.kanban-card-title{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:var(--title-color)}.kanban-card-client{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem;display:flex;align-items:center;gap:.35rem}.kanban-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:.75rem;margin-top:.5rem}.kanban-card-price{font-size:.85rem;font-weight:700;color:var(--accent-gold)}.kanban-column.col-budget{border-top:3px solid var(--color-budget)}.kanban-column.col-approved{border-top:3px solid var(--color-approved)}.kanban-column.col-planning{border-top:3px solid var(--color-planning)}.kanban-column.col-cutting{border-top:3px solid var(--color-cutting)}.kanban-column.col-assembly{border-top:3px solid var(--color-assembly)}.kanban-column.col-finishing{border-top:3px solid var(--color-finishing)}.kanban-column.col-delivered{border-top:3px solid var(--color-delivered)}.table-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:1.5rem;box-shadow:var(--glass-shadow);overflow-x:auto;margin-bottom:2rem}.premium-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th{padding:1rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.05em}.premium-table td{padding:1.25rem 1rem;font-size:.9rem;border-bottom:1px solid hsla(0,0%,100%,.02);color:var(--text-primary)}.premium-table tr:hover td{background:hsla(0,0%,100%,.01)}.stock-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.stock-badge.ok{background:rgba(16,185,129,.1);color:#10b981}.stock-badge.low{background:rgba(239,68,68,.1);color:#ef4444}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 10px rgba(217,119,6,.15)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);width:100%;max-width:900px;padding:2.5rem;box-shadow:var(--glass-shadow);position:relative;max-height:90vh;overflow-y:auto}.pdf-modal-overlay{align-items:flex-start!important;padding:1rem!important;overflow-y:auto!important}.pdf-modal-content{max-width:none!important;max-height:none!important;overflow:visible!important;border-radius:0!important;padding:0!important;border:none!important}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.row-cols-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.calculator-container{display:grid;grid-template-columns:3fr 2fr;grid-gap:2rem;gap:2rem;align-items:start}.calculator-summary-box{background:var(--calc-box-bg);border:1px solid rgba(217,119,6,.2);border-radius:var(--border-radius-md);padding:2rem;box-shadow:var(--glass-shadow);position:-webkit-sticky;position:sticky;top:2rem}.calc-line{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.calc-line.total{border-bottom:none;padding-top:1.5rem;margin-top:1rem;border-top:2px dashed rgba(217,119,6,.3)}.calc-line.total .val{font-size:1.6rem;font-weight:800;color:var(--accent-gold);font-family:var(--font-display)}.interactive-list{display:flex;flex-direction:column;gap:.75rem}.interactive-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:var(--border-radius-sm);border:1px solid var(--glass-border)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:radial-gradient(circle at center,#1c1d22 0,#121316 100%)}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:3rem;width:100%;max-width:440px;box-shadow:var(--glass-shadow);text-align:center}@media print{body,html{margin:0!important;padding:0!important;width:210mm!important;height:297mm!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}.pdf-modal-content,.pdf-modal-content *,.pdf-modal-overlay,.pdf-modal-overlay *{visibility:visible!important}.pdf-modal-overlay{position:fixed!important;height:297mm!important;z-index:99999!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pdf-modal-content,.pdf-modal-overlay{left:0!important;top:0!important;width:210mm!important;background:#fff!important;margin:0!important;padding:0!important}.pdf-modal-content{display:block!important;position:absolute!important;min-height:297mm!important;max-width:210mm!important;max-height:none!important;overflow:visible!important;color:#000!important;position:relative!important;font-family:Arial,sans-serif!important;box-sizing:border-box!important;border:none!important;border-radius:0!important;box-shadow:none!important}.pdf-modal-content>div:first-child{display:none!important}.pdf-modal-content div[style*="padding: 15mm 20mm"]{padding:15mm 20mm!important;position:relative!important;z-index:1!important;min-height:297mm!important;box-sizing:border-box!important;width:210mm!important}@page{size:A4 portrait;margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}div,table,td,th,tr{page-break-inside:avoid!important}}