@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&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<=1024px){.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;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.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%}}