@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--primary: #8B5E3C;--primary-hover: #724c30;--secondary: #C97A3D;--accent: #F5A65B;--bg-primary: #FFFFFF;--bg-secondary: #FAFAF9;--bg-tertiary: #F5F5F4;--border-color: #E7E5E4;--text-main: #1C1917;--text-muted: #78716C;--text-light: #A8A29E;--success: #15803D;--success-bg: #F0FDF4;--warning: #B45309;--warning-bg: #FEF3C7;--error: #B91C1C;--error-bg: #FEF2F2;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--radius-xl: 12px;--radius-lg: 8px;--radius-md: 6px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-secondary);color:var(--text-main);min-height:100vh;display:flex;overflow-x:hidden}#app{width:100%;display:flex;flex-direction:column;min-height:100vh;min-width:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}aside{width:260px;background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100}.logo-container{padding:24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color)}.logo-icon{width:32px;height:32px;background-color:var(--secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.logo-text{font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--primary)}.nav-links{list-style:none;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex-grow:1}.nav-item a{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;border-radius:var(--radius-lg);transition:var(--transition-fast)}.nav-item a:hover{background-color:var(--bg-tertiary);color:var(--text-main)}.nav-item.active a{background-color:var(--primary);color:#fff}.user-profile{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary)}.user-info{display:flex;flex-direction:column}.user-name{font-size:13px;font-weight:600}.user-role{font-size:11px;color:var(--text-muted)}main{margin-left:260px;flex-grow:1;min-height:100vh;display:flex;flex-direction:column;min-width:0}header{height:70px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:90}.page-title h1{font-size:20px;font-weight:700;letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:16px}.container{padding:32px;max-width:1400px;width:100%;margin:0 auto;flex-grow:1;display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.5px}.stat-trend{font-size:12px;display:flex;align-items:center;gap:4px}.trend-up{color:var(--success)}.trend-down{color:var(--error)}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:16px;font-weight:600}.card-body{padding:24px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper table{min-width:750px}table{width:100%;border-collapse:collapse;text-align:left}th,td{white-space:nowrap}@media(max-width:768px){.table-wrapper table{min-width:0!important}thead{display:none}tr{display:block;background-color:var(--bg-primary);border:1px solid var(--border-color)!important;border-radius:var(--radius-xl);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}td{display:flex!important;justify-content:space-between;align-items:center;padding:10px 0!important;border-bottom:1px solid var(--border-color)!important;font-size:13px;white-space:normal;text-align:right}td:last-child{border-bottom:none!important;padding-top:12px!important;justify-content:flex-end}td:before{content:attr(data-label);float:left;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}}th{padding:14px 20px;background-color:var(--bg-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color)}td{padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-main);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--bg-secondary)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-main)}.form-control,select,textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:inherit;font-size:14px;background-color:var(--bg-primary);color:var(--text-main);outline:none;transition:var(--transition-fast)}.form-control:focus,select:focus,textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #c97a3d26}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;text-decoration:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background-color:var(--bg-secondary)}.btn-icon{padding:8px;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-error{background-color:var(--error-bg);color:var(--error)}.badge-info{background-color:#eff6ff;color:#1d4ed8}.view-panel{display:none;flex-direction:column;gap:24px}.view-panel.active-panel{display:flex}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background-color:var(--bg-secondary);position:absolute;top:0;left:0;z-index:1000}.login-card{width:100%;max-width:420px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:40px}.shopping-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.shopping-item-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.shopping-item-card:hover{box-shadow:var(--shadow-md)}.shopping-item-card.purchased{border-left:4px solid var(--success)}.shopping-item-card.notfound{border-left:4px solid var(--error);opacity:.8}.shopping-item-actions{display:flex;gap:8px;margin-top:4px}.calculator-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:1024px){.calculator-layout{grid-template-columns:1fr}}.invoice-container{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;max-width:800px;margin:0 auto}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{background-color:var(--text-main);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--bg-primary);border-top:1px solid var(--border-color);justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 10px #0000000d}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:600;gap:2px;flex:1;height:100%}.mobile-bottom-nav-item svg{width:20px;height:20px}.mobile-bottom-nav-item.active{color:var(--primary)}.burger-menu-btn{display:none}@media(max-width:768px){.burger-menu-btn{display:block!important}aside{display:flex!important;position:fixed!important;left:-260px!important;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:10000!important}aside.open{left:0!important}main{margin-left:0!important;padding-bottom:60px}header{padding:0 16px}.container{padding:16px}.mobile-bottom-nav{display:flex}}@media print{aside,header,nav,.no-print,.btn,.toast-container{display:none!important}body{background-color:#fff!important;color:#000!important}#invoice-modal{position:static!important;display:block!important;background:none!important;padding:0!important;box-shadow:none!important;border:none!important}#invoice-modal .card{border:none!important;box-shadow:none!important}#invoice-print-area{visibility:visible!important;display:block!important}}