@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-color: #f8fafc;--sidebar-bg: #ffffff;--card-bg: #ffffff;--card-hover: #f4f7fb;--primary-color: #1b61c9;--primary-glow: rgba(27, 97, 201, .18);--secondary-color: #254fad;--accent-color: #0a7c5c;--purple-color: #5b47d4;--text-primary: #181d26;--text-secondary: #333333;--text-muted: rgba(4, 14, 32, .55);--border-color: #e0e2e6;--sidebar-width: 260px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--glass: rgba(0, 0, 0, .02);--card-shadow: rgba(0,0,0,.06) 0px 0px 1px, rgba(0,0,0,.06) 0px 1px 3px, rgba(45,127,249,.08) 0px 2px 8px;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#c8d0dc;border-radius:10px;border:1px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:#a0aec0}*{scrollbar-width:thin;scrollbar-color:#c8d0dc #f1f5f9}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;-webkit-user-select:none;user-select:none;letter-spacing:.08px}h1,h2,h3,h4,.outfit,.logo-section,.nav-item{-webkit-user-select:none;user-select:none;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:normal}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:28px 36px;background:var(--bg-color)}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);position:fixed;display:flex;flex-direction:column;padding:24px 16px;z-index:1000;box-shadow:1px 0 0 var(--border-color)}.logo-section{display:flex;align-items:center;gap:12px;padding:0 12px 36px}.logo-img{width:32px;height:32px;object-fit:contain}.logo-text h1{font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.logo-text p{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.nav-menu{flex:1}.nav-item{display:flex;align-items:center;gap:14px;padding:11px 14px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;margin-bottom:2px;transition:var(--transition);cursor:pointer;letter-spacing:.1px}.nav-item:hover{background-color:#f0f4fb;color:var(--primary-color)}.nav-item.active{background:#eef3fc;color:var(--primary-color);font-weight:600;border-left:3px solid var(--primary-color)}.sidebar-footer{padding-top:20px;border-top:1px solid var(--border-color)}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#f4f7fb;border-radius:8px;border:1px solid var(--border-color)}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#1b61c9,#254fad);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.chart-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:16px;margin-bottom:20px}.analysis-container{background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--card-shadow)}.summary-header{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:20px}.summary-item{background:var(--card-bg);padding:24px;text-align:center}.card{background-color:var(--card-bg);border-radius:12px;padding:24px;border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--card-shadow)}.kpi-card{display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.badge-inner{font-size:10px;padding:3px 8px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.tab-container{display:flex;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color);align-items:center}.tab-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-muted);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition);letter-spacing:.1px}.tab-btn:hover{background:#f4f7fb;color:var(--primary-color);border-color:#c5d5ef}.tab-btn.active.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px var(--primary-glow)}.period-filter{display:flex;background:#f0f4f8;padding:4px;border-radius:8px;margin-left:auto;border:1px solid var(--border-color)}.period-btn{padding:5px 14px;border-radius:5px;border:none;background:none;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition)}.period-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.stat-list{display:flex;flex-direction:column;gap:12px}.stat-row{display:grid;grid-template-columns:80px 1fr 40px 40px 80px;gap:12px;align-items:center;font-size:12px}.progress-bar{height:5px;background:#eef2f7;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px}table{width:100%;border-collapse:collapse}th{background-color:#f8fafc;padding:12px 20px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.6px}td{padding:13px 20px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid #f1f5f9}.clickable-row{transition:background-color .15s ease}.clickable-row:hover{background-color:#f4f7fb}.form-input{width:100%;background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:11px 16px;color:var(--text-primary);font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:.08px}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888fa8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1b61c91f;background:#fff}.form-section{display:flex;flex-direction:column;gap:20px;grid-column:span 2;margin-bottom:24px}.form-section-title{color:var(--primary-color);font-size:13px;font-weight:800;margin-bottom:8px;letter-spacing:.3px}.required-mark{color:#e03e3e;margin-left:4px}.form-sub-label{font-size:11px;color:var(--text-muted);margin-top:6px;padding-right:4px;text-align:right}.modal-footer-summary{position:sticky;bottom:0;margin:40px -40px 0;background:#f8fafc;border-top:1px solid var(--border-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 16px #0000000f;z-index:10}.form-input:disabled{background:#f4f7fb;color:var(--text-muted);cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#181d268c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#fff;border-radius:14px;border:1px solid var(--border-color);overflow:hidden;box-shadow:#0000001f 0 8px 40px,#2d7ff91a 0 2px 8px}.status-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-toggle-btn{padding:12px;border-radius:8px;border:1px solid var(--border-color);background:#f8fafc;color:var(--text-muted);font-weight:700;cursor:pointer;transition:var(--transition);font-size:13px}.status-toggle-btn:hover{border-color:#c5d5ef;background:#f0f4fb}.status-toggle-btn.active.purchase{background:#1abcac1a;color:#0e8a7e;border-color:#1abcac66}.status-toggle-btn.active.inventory{background:#1b61c91a;color:var(--primary-color);border-color:#1b61c94d}.status-toggle-btn.active.sold{background:#10b9811a;color:#0a7c5c;border-color:#10b9814d}.status-tag{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.2px}.status-stock{background:#1b61c914;color:#1b61c9;border:1px solid rgba(27,97,201,.2)}.status-sold{background:#10b98114;color:#0a7c5c;border:1px solid rgba(16,185,129,.2)}.status-purchase{background:#1abcac14;color:#0e8a7e;border:1px solid rgba(26,188,172,.2)}.profile-card{display:flex;align-items:center;padding:28px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);margin-bottom:20px;position:relative;box-shadow:var(--card-shadow)}.profile-avatar{width:72px;height:72px;background:#eef3fc;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--primary-color);margin-right:24px;border:1px solid rgba(27,97,201,.18)}.reg-date{position:absolute;top:28px;right:28px;text-align:right;font-size:11px;color:var(--text-muted)}