:root{--bg-color: #0c0c14;--sidebar-bg: #12121e;--card-bg: #1b1b2d;--card-hover: #23233a;--primary-color: #1abcac;--primary-glow: rgba(26, 188, 172, .2);--secondary-color: #3b82f6;--accent-color: #10b981;--purple-color: #8b5cf6;--text-primary: #ffffff;--text-secondary: #a1a1b5;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .08);--sidebar-width: 260px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--glass: rgba(255, 255, 255, .03);color-scheme:dark}*{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:var(--bg-color)}::-webkit-scrollbar-thumb{background:#2d2d44;border-radius:10px;border:1px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:#3d3d5c}*{scrollbar-width:thin;scrollbar-color:#2d2d44 var(--bg-color)}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,.outfit,.logo-section,.nav-item{-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:30px 40px;background:radial-gradient(circle at 50% -20%,#1e1e35 0%,var(--bg-color) 70%)}.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}.logo-section{display:flex;align-items:center;gap:12px;padding:0 12px 40px}.logo-img{width:32px;height:32px;object-fit:contain}.logo-text h1{font-size:18px;font-weight:700;letter-spacing:-.5px}.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:14px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;margin-bottom:4px;transition:var(--transition);cursor:pointer}.nav-item:hover{background-color:#ffffff08;color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,rgba(26,188,172,.1),transparent);color:#1abcac;border-left:3px solid #1abcac}.sidebar-footer{padding-top:24px;border-top:1px solid var(--border-color)}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:var(--glass);border-radius:6px}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#334155,#1e293b);border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#f1f5f9}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.chart-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:20px;margin-bottom:24px}.analysis-container{background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.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:8px;padding:24px;border:1px solid var(--border-color);transition:var(--transition)}.kpi-card{display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.icon-box{width:36px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center}.badge-inner{font-size:10px;padding:2px 8px;border-radius:5px;font-weight:700;text-transform:uppercase}.tab-container{display:flex;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color);align-items:center}.tab-btn{padding:8px 16px;border-radius:5px;border:1px solid transparent;background:#ffffff0d;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition)}.tab-btn.active.primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.period-filter{display:flex;background:#12121e;padding:4px;border-radius:4px;margin-left:auto}.period-btn{padding:6px 14px;border-radius:3px;border:none;background:none;color:var(--text-muted);font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition)}.period-btn.active{background:#1b1b2d;color:#fff}.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:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px}table{width:100%;border-collapse:collapse}th{background-color:#ffffff03;padding:14px 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:.5px}td{padding:14px 20px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.clickable-row{transition:background-color .2s ease}.clickable-row:hover{background-color:#ffffff08}.form-input{width:100%;background:#1e1e2e;border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:border-color var(--transition),box-shadow var(--transition);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}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='%2394a3b8' 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);background:#1e1e2e}.form-section{display:flex;flex-direction:column;gap:20px;grid-column:span 2;margin-bottom:24px}.form-section-title{color:#f97316;font-size:14px;font-weight:800;margin-bottom:8px;letter-spacing:.5px}.required-mark{color:#f97316;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:#1e1e35;border-top:1px solid var(--border-color);padding:24px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -10px 30px #0000004d;z-index:10}.form-input:disabled{background:#ffffff08;color:var(--text-muted);cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#181829;border-radius:10px;border:1px solid #2d2d44;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.status-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-toggle-btn{padding:14px;border-radius:5px;border:1px solid #32324d;background:#252538;color:var(--text-muted);font-weight:700;cursor:pointer;transition:var(--transition)}.status-toggle-btn.active.purchase{background:#1abcac;color:#fff;border-color:#1abcac}.status-toggle-btn.active.inventory{background:#3b82f6;color:#fff;border-color:#3b82f6}.status-toggle-btn.active.sold{background:#10b981;color:#fff;border-color:#10b981}.status-tag{padding:4px 10px;border-radius:3px;font-size:11px;font-weight:700}.status-stock{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-sold{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-purchase{background:#1abcac1a;color:#1abcac;border:1px solid rgba(26,188,172,.2)}.profile-card{display:flex;align-items:center;padding:30px;background:var(--card-bg);border-radius:10px;border:1px solid var(--border-color);margin-bottom:24px;position:relative}.profile-avatar{width:80px;height:80px;background:#3a2e28;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary-color);margin-right:24px;border:1px solid rgba(255,107,0,.2)}.reg-date{position:absolute;top:30px;right:30px;text-align:right;font-size:11px;color:var(--text-muted)}