@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap";:root{--bg-color:#0f172a;--surface-color:#1e293bb3;--surface-border:#ffffff1a;--primary-color:#3b82f6;--primary-hover:#2563eb;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--surface-border);z-index:100;background-color:#0f172ae6;flex-direction:column;height:100vh;transition:transform .3s;display:flex;position:fixed}.sidebar-header{letter-spacing:-.5px;align-items:center;gap:.75rem;padding:2rem 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-links{flex:1;padding:0 1rem;list-style:none}.nav-item{color:var(--text-muted);border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary-color);background-color:#3b82f61a}.main-content{margin-left:var(--sidebar-width);flex:1;min-width:0;max-width:1200px;padding:2rem 3rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-title{letter-spacing:-.5px;font-size:1.875rem;font-weight:600}.card{background:var(--surface-color);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;min-width:0;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px #0000004d}.gradient-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.form-group{margin-bottom:1.25rem}label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}input,select,textarea{border:1px solid var(--surface-border);width:100%;color:var(--text-main);background-color:#0003;border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}input:focus,select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #3b82f633}option{background-color:var(--bg-color);color:var(--text-main)}.btn{cursor:pointer;color:var(--text-main);white-space:nowrap;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background-color:#ffffff1a}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.action-bar-left,.action-bar-right{align-items:center;gap:1rem;display:flex}.table-container{-webkit-overflow-scrolling:touch;background:#0000001a;border:1px solid #ffffff0d;border-radius:.75rem;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ffffff0d;padding:1rem;font-size:.9rem}th{color:var(--text-main);text-transform:uppercase;letter-spacing:.1em;background:#ffffff08;font-size:.75rem;font-weight:600}tbody tr{transition:all .2s}tbody tr:hover{background:#ffffff05}tbody tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-danger{color:var(--danger);background:#ef44441a}.badge-info{color:var(--primary-color);background:#3b82f61a}.mobile-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;display:none}.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-content-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1200px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:1.5rem}.mobile-toggle{display:block}.dashboard-content-grid{grid-template-columns:1fr}}@media (width<=768px){.main-content{padding:1rem}.page-header{gap:1rem}.hide-mobile{display:none}.action-bar{flex-direction:column;align-items:stretch;gap:1rem}.action-bar-left{flex-direction:column;align-items:stretch;width:100%}.segmented-control{flex-wrap:wrap;justify-content:center;width:100%}.segmented-btn{flex:45%;justify-content:center}.action-bar-right{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.action-bar-right>div,.action-bar-right>button,.action-bar-right>select{width:100%!important;max-width:100%!important}.expenses-header{flex-direction:column;gap:1.5rem;display:flex;align-items:flex-start!important}.expenses-header-actions{flex-direction:column;gap:1rem;width:100%;display:flex;align-items:stretch!important}.expenses-header-actions>div,.expenses-header-actions>button{width:100%}.expenses-tabs{border-bottom:1px solid var(--surface-border);flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.expenses-tabs>button{width:100%}.table-container{background:0 0;border:none;border-radius:0}table.responsive-table{width:100%;display:block}table.responsive-table thead{display:none}table.responsive-table tbody,table.responsive-table tr,table.responsive-table td{width:100%;display:block}table.responsive-table tr{border:1px solid var(--surface-border);background:#ffffff08;border-radius:.75rem;margin-bottom:1rem;padding:.5rem}table.responsive-table td{text-align:right;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem;display:flex}table.responsive-table td:last-child{border-bottom:none}table.responsive-table td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-muted);text-align:left;margin-right:1rem;font-size:.75rem;font-weight:600}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-color);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;width:100%;max-width:600px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalEnter;box-shadow:0 25px 50px -12px #00000080}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.expenses-header{justify-content:space-between;align-items:flex-end;display:flex}.expenses-header-actions{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.expenses-tabs{border-bottom:1px solid var(--surface-border);gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.action-bar{background:#ffffff05;border:1px solid #ffffff0d;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.action-bar-left{flex:1;align-items:center;gap:1rem;display:flex}.action-bar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.segmented-control{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:.75rem;padding:.25rem;display:inline-flex}.segmented-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.segmented-btn:hover{color:var(--text-main)}.segmented-btn.active{color:var(--text-main);background:#ffffff1a;box-shadow:0 2px 4px #0000001a}.sleek-select{appearance:none;color:var(--text-main);cursor:pointer;background:#ffffff0d url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E) right .75rem center/1rem no-repeat;border:1px solid #ffffff0d;border-radius:.75rem;outline:none;width:auto;padding:.5rem 2.25rem .5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.sleek-select:focus{border-color:var(--primary-color);background-color:#ffffff14}.premium-form{background:linear-gradient(145deg,#1e293bb3 0%,#0f172ae6 100%);border:1px solid #ffffff1a;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;box-shadow:0 10px 25px -5px #0000004d}.premium-form-header{border-bottom:1px solid #ffffff0d;margin-bottom:1.5rem;padding-bottom:.75rem}.premium-form-title{color:var(--primary-color);margin:0;font-size:1.1rem;font-weight:600}.premium-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.25rem;display:grid}.premium-form-actions{border-top:1px solid #ffffff0d;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.premium-form .form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;display:block}.premium-form input,.premium-form select,.premium-form textarea{background-color:#ffffff0d;border:1px solid #ffffff1a}.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus{border-color:var(--primary-color);background-color:#ffffff1a;box-shadow:0 0 0 2px #6366f133}.premium-form input[type=file]{color:var(--text-muted);cursor:pointer;background:#ffffff05;border:1px dashed #fff3;border-radius:.5rem;padding:.5rem}.premium-form input[type=file]::file-selector-button{color:var(--text-main);cursor:pointer;background:#ffffff1a;border:none;border-radius:.25rem;margin-right:1rem;padding:.5rem 1rem;transition:all .2s}.premium-form input[type=file]::file-selector-button:hover{background:#fff3}.month-card{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.month-card-info{flex:1;align-items:center;gap:2rem;display:flex}.month-card-actions{align-items:center;gap:1rem;display:flex}@media (width<=768px){.month-card{flex-direction:column;align-items:stretch;padding:1.25rem}.month-card-info{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.month-card-info>div{width:100%!important}.month-card-actions{border-top:1px solid #ffffff0d;flex-direction:column;width:100%;margin-top:1rem;padding-top:1rem}.month-card-actions>button{justify-content:center;width:100%}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{pointer-events:auto;background:var(--surface-color);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-main);border-radius:.75rem;align-items:center;gap:.75rem;min-width:250px;max-width:400px;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 10px 25px -5px #00000080}.toast.toast-closing{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideOut}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.95)}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172ab3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal{background:linear-gradient(145deg,#1e293be6 0%,#0f172af2 100%);border:1px solid #ffffff1a;border-radius:1.25rem;flex-direction:column;gap:1.5rem;width:100%;max-width:450px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalEnter;display:flex;box-shadow:0 25px 50px -12px #0009}.confirm-modal-header{align-items:center;gap:1rem;display:flex}.confirm-modal-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.confirm-modal-body{color:var(--text-muted);font-size:.95rem;line-height:1.6}.confirm-modal-actions{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.quotation-page{width:100%}.builder-container{flex-direction:column;gap:1.5rem;display:flex}.print-input{border-radius:.25rem;padding:.5rem;font-family:inherit;transition:all .2s;color:#0f172a!important;background:#fff!important;border:1px solid #0000!important}.print-input:hover{background:#f8fafc!important;border-color:#e2e8f0!important}.print-input::placeholder{color:#cbd5e1}.print-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f633;border-color:var(--primary-color)!important;background:#fff!important}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.toggle-label-text{color:#0f172a;font-size:.95rem;font-weight:600}.quote-document{color:#000;background:#fff;border-radius:8px;max-width:900px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;box-shadow:0 4px 12px #00000026}.quote-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.quote-company-info h1{letter-spacing:-.5px;color:#0f172a;margin:0 0 .5rem;font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:900}.quote-company-info p{color:#475569;margin:.25rem 0;font-size:.9rem}.quote-logo-wrapper{justify-content:flex-end;align-items:center;display:flex}.quote-logo-img{object-fit:contain;max-width:180px;max-height:80px}.quote-meta-blocks{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;display:flex;overflow:hidden}.quote-for-block{flex:1;padding:1rem}.quote-for-block h3{color:#64748b;letter-spacing:1px;margin:0 0 1rem;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:800}.quote-details-block{border-left:1px solid #e2e8f0;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.detail-row span:first-child{color:#64748b;font-weight:600}.quote-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.quote-table th{color:#000;text-transform:none;letter-spacing:normal;background:0 0;border-top:2px solid #000;border-bottom:2px solid #000;padding:.75rem .5rem;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:800}.quote-table td{vertical-align:top;color:#0f172a;border-bottom:1px solid #e2e8f0;padding:.75rem .5rem}.quote-totals-container{justify-content:flex-end;display:flex}.quote-totals{width:350px}.totals-row{color:#0f172a;justify-content:space-between;padding:.75rem 0;font-size:1rem;display:flex}.totals-row.grand-total{border-top:2px solid #000;margin-top:.5rem;padding-top:1rem;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:800}.print-only{display:none}@media print{@page{margin:0;size:A4 portrait}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;margin:0;padding:1cm;position:absolute;top:0;left:0}.quote-document{box-shadow:none;border-radius:0;max-width:100%;margin:0;padding:0}.no-print{display:none!important}.print-only{display:block!important}span.print-only,strong.print-only{display:inline-block!important}}