:root{--bg:#eff6f5;--bg-elevated:#fff;--bg-soft:#eaf6f4;--text:#10374a;--text-muted:#567482;--primary:#1fae9b;--primary-hover:#178f7e;--secondary:#0f4f67;--accent:#34c1c7;--success:#1fa866;--warning:#f3a53a;--error:#e26d6d;--border:#d4e4e8;--gradient-main:linear-gradient(135deg, #1fae9b 0%, #34c1c7 52%, #0f4f67 100%);--gradient-soft:linear-gradient(135deg, #1fae9b29 0%, #34c1c714 100%);--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--shadow-soft:0 8px 24px #10374a14;--shadow-card:0 6px 18px #10374a12;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #34c1c726, transparent 35%), var(--bg);color:var(--text);margin:0;padding-bottom:78px}.screen{max-width:980px;margin:0 auto;padding:16px}.center{place-content:center;gap:12px;min-height:100dvh;display:grid}.loader{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:16px;transition:transform .24s,box-shadow .24s}.card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.auth-card{background:linear-gradient(0deg, var(--bg-elevated), var(--bg-elevated)), var(--gradient-soft);margin-top:24px}.form{gap:14px;display:grid}label{color:var(--text-muted);gap:6px;font-size:14px;display:grid}input{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg-elevated);padding:14px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #37c0d429}select{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg-elevated);padding:14px;font-size:16px}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:var(--gradient-main)}.btn-primary:hover{filter:saturate(1.1);transform:translateY(-1px)}.btn-secondary{color:var(--secondary);background:var(--bg-soft);border:1px solid var(--border)}.btn-secondary:hover{background:#e4f1f4}.btn-outline{color:var(--secondary);border:1px solid var(--secondary);background:0 0}.btn-outline:hover{background:#15608214}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.metric strong{color:var(--secondary);font-size:24px}.metric h3{color:var(--text-muted);letter-spacing:.02em;margin:0 0 8px;font-size:13px;font-weight:600}.smart-alert{border-left:4px solid var(--border)}.smart-alert h3{margin:0 0 6px;font-size:14px}.smart-alert p{color:var(--text-muted);margin:0;font-size:13px}.smart-alert.ok{background:#f2fcf7;border-left-color:#28a06a}.smart-alert.warning{background:#fff9ef;border-left-color:#d3891f}.smart-alert.critical{background:#fff3f3;border-left-color:#cc3b3b}.bottom-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch;background:#0d4057f5;border-top:1px solid #ffffff29;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.bottom-nav-brand{color:#fff;border-right:1px solid #ffffff29;justify-content:center;align-items:center;gap:8px;min-width:124px;padding:10px 12px;font-weight:700;display:flex}.bottom-nav-logo{border-radius:8px;width:24px;height:24px}.bottom-nav a{text-align:center;color:#ecf7fcbf;justify-items:center;gap:4px;min-width:86px;padding:12px 10px;font-size:13px;text-decoration:none;transition:color .2s;display:grid}.bottom-nav a.active{color:#fff}.nav-icon{font-size:16px}.error{color:var(--error);border-radius:var(--radius-sm);background:#e26d6d1f;border:1px solid #e26d6d4d;padding:10px 12px}.padded{padding:0 16px}.sale-preview{background:var(--gradient-soft);border-radius:var(--radius-md);border:1px solid #bde6ee;gap:4px;padding:12px;display:grid}.sale-preview p{margin:0}.cart-box{border:1px solid var(--border);border-radius:var(--radius-md);background:#f7fbfc;gap:10px;padding:12px;display:grid}.cart-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cart-line p{color:#334155;margin:2px 0 0}.btn-delete{color:#a43f3f;background:#fde7e7;border:none;border-radius:10px;padding:8px 10px;font-weight:600}.cart-total{margin:0;font-weight:700}.cart-actions{align-items:center;gap:6px;display:flex}.cart-qty-input{text-align:center;width:62px;padding:8px}.sync-banner{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:8px 10px;font-size:13px;display:flex}.btn-inline{background:var(--secondary);color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:12px}.btn-inline:disabled{opacity:.5}.offline-box{border-radius:var(--radius-md);border:1px solid var(--border);gap:10px;margin-top:14px;padding:12px;display:grid}.offline-box h3{margin:0;font-size:16px}.offline-line{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.offline-line p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.offline-details{gap:4px;display:grid}.offline-items{color:var(--text);margin:0;padding-left:18px;font-size:13px}.offline-total{color:var(--secondary);margin-top:4px;font-weight:700}.offline-error{background:#fff5f5;border:1px solid #ffdada;border-radius:8px;padding:6px 8px;color:#7a2e2e!important;font-size:12px!important}.offline-actions{gap:8px;display:grid}h1,h2,h3{color:var(--text);margin:0}h1{letter-spacing:-.02em;margin-bottom:6px;font-size:30px;line-height:1.15}h2{letter-spacing:-.01em;margin-bottom:6px;font-size:24px}p{line-height:1.5}.muted{color:var(--text-muted);font-size:14px}.eyebrow{color:var(--secondary);background:#1fb39a24;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.product-card h3{margin-bottom:6px;font-size:16px}.auth-bg{align-content:center;min-height:100dvh;display:grid}.login-brand{align-items:center;gap:12px;display:flex}.login-logo{border-radius:12px;width:48px;height:48px}.app-shell{min-height:100dvh}.app-content{padding:10px 10px 84px}.app-topbar{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:2px 6px 10px;padding:10px 12px;display:flex}.app-brand{align-items:center;gap:10px;display:flex}.brand-logo{border-radius:10px;width:32px;height:32px}.brand-name{color:var(--text-muted);margin:0;font-size:13px}.brand-page{margin:0;font-weight:700}.app-modules-link{border-radius:10px;padding:10px 12px;font-size:13px;text-decoration:none}@media (width>=980px){body{padding-bottom:0}.app-shell{grid-template-columns:230px 1fr;display:grid}.bottom-nav{border-top:none;border-right:1px solid #ffffff1f;grid-template-columns:1fr;align-content:start;gap:8px;height:100dvh;padding:18px 10px;display:grid;position:sticky;top:0;overflow:visible}.bottom-nav-brand{border-bottom:1px solid #ffffff29;border-right:none;justify-content:flex-start;margin-bottom:8px;padding:8px 10px 16px}.bottom-nav a{border-radius:12px;grid-template-columns:18px 1fr;place-items:center start;padding:12px;display:grid}.bottom-nav a.active{background:#ffffff29}.app-content{padding:18px 22px}}.module-card{gap:10px;display:grid}.module-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.module-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.module-badge.ok{color:#0f7a47;background:#1fa86626}.module-badge.progress{color:#9a650c;background:#f3a53a33}.module-link{text-align:center;text-decoration:none}.module-tab-btn.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}.access-denied-card{max-width:680px;margin:16px auto}.onboarding-card{border-left:4px solid var(--accent);margin:10px 6px 12px}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.mini-bar-chart{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));align-items:end;gap:8px;margin-top:10px;display:grid}.mini-bar-col{justify-items:center;gap:4px;display:grid}.mini-bar-value{color:var(--text-muted);font-size:11px}.mini-bar-track{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;align-items:flex-end;width:100%;height:120px;display:flex;overflow:hidden}.mini-bar-fill{background:var(--gradient-main);width:100%}.mini-bar-label{color:var(--text-muted);font-size:11px}.mini-horizontal-chart{gap:8px;margin-top:10px;display:grid}.mini-horizontal-row{grid-template-columns:minmax(90px,1fr) 2fr auto;align-items:center;gap:8px;display:grid}.mini-horizontal-name{color:var(--text-muted);font-size:12px}.mini-horizontal-track{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;height:12px;overflow:hidden}.mini-horizontal-fill{background:linear-gradient(90deg,#f3a53a,#e26d6d);border-radius:999px;height:100%}.mini-horizontal-value{font-size:12px;font-weight:700}.donut-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.kpi-donut{--angle:0deg;background:radial-gradient(circle at center, #fff 0 44%, transparent 46% 100%), conic-gradient(#e26d6d 0 var(--angle), #ccebe6 var(--angle) 360deg);border:1px solid var(--border);width:132px;height:132px;box-shadow:var(--shadow-card);border-radius:50%;place-items:center;display:grid}.kpi-donut span{color:var(--secondary);font-size:20px;font-weight:800}.table{border-collapse:collapse;background:var(--bg-elevated);border-radius:var(--radius-md);width:100%;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:12px;font-size:14px}.table th{background:var(--bg-soft);color:var(--text-muted);font-weight:700}.modal-backdrop{background:#10374a52;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow-soft);padding:18px}.table-wrap{width:100%;overflow-x:auto}.pagination-row{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.pagination-row span{color:var(--text-muted);font-size:14px}.sale-detail-card{margin-top:12px}.sale-detail-total{color:var(--secondary);margin:12px 0 0;font-weight:700}.history-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.sale-mode-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.cash-closure-box{border-top:1px dashed var(--border);gap:10px;margin-top:14px;padding-top:12px;display:grid}.stock-alert-card{background:linear-gradient(#fff,#fff),#f3a53a1f;border-color:#f3a53a73}.invoice-inline{gap:6px;min-width:160px;display:grid}.invoice-inline input{padding:8px;font-size:13px}.team-list-card{margin-top:12px}.section-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.referentials-grid{margin-top:12px}.simple-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.simple-list li{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.line-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.skeleton-block{border:1px solid var(--border);background:linear-gradient(90deg,#edf5f6 20%,#f8fcfd 50%,#edf5f6 80%) 0 0/300% 100%;border-radius:12px;width:100%;height:84px;animation:1.3s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width>=1024px){.dashboard-two-cols,.sales-two-cols{grid-template-columns:1.2fr .8fr;align-items:start;gap:12px;display:grid}}