:root{--bg:#f4f6f8;--card:#fff;--text:#1a1a1a;--muted:#6b7280;--primary:#0c831f;--primary-dark:#096619;--danger:#b42318;--border:#e5e7eb;--warn:#b45309}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);margin:0;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.nav{background:#0f172a;color:#fff;padding:10px 0;border-bottom:1px solid #1e293b}.app-shell{height:100vh;display:flex;flex-direction:column}.topbar{background:#0f172a;color:#fff;padding:12px 20px;justify-content:space-between;border-bottom:1px solid #1e293b}.topbar,.topbar-actions{display:flex;align-items:center}.topbar-actions{gap:12px}.app-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto}.sidebar-group{margin-bottom:18px}.sidebar-section{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 10px 6px}.sidebar-link{display:block;padding:8px 10px;border-radius:8px;color:var(--text);font-size:.92rem;margin-bottom:2px}.sidebar-link:hover{background:#f1f5f9;text-decoration:none}.sidebar-link.active{background:#ecfdf3;color:var(--primary);font-weight:600}.main-content{flex:1 1;padding:24px;overflow-x:auto;overflow-y:auto;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-header h1{margin-bottom:4px}@media (max-width:900px){.app-body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.sidebar-group{display:inline-block;vertical-align:top;margin-right:12px}}.nav-inner{display:flex;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 16px;flex-wrap:wrap}.brand{color:#fff;font-weight:700;font-size:1.05rem}.brand:hover{text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:4px;flex:1 1}.nav-links a{color:#cbd5e1;padding:6px 10px;border-radius:6px}.nav-links a:hover{background:#1e293b;color:#fff;text-decoration:none}.nav-user{display:flex;align-items:center;gap:10px;margin-left:auto}.nav-user-name{color:#94a3b8;font-size:.9rem}.container{max-width:1200px;margin:24px auto;padding:0 16px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{background:var(--card);padding:32px;border-radius:12px;width:100%;max-width:420px;box-shadow:0 8px 30px rgba(0,0,0,.08)}h1{margin:0 0 16px;font-size:1.75rem}h2{margin:0 0 12px;font-size:1.1rem}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section{margin-top:20px}@media (max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--card);padding:18px;border-radius:10px;border:1px solid var(--border)}.stat-card .stat-label{color:var(--muted);font-size:.85rem}.stat-card .stat-value,.stat-value{font-size:1.6rem;font-weight:700;margin-top:4px}.stat-card .stat-sub{color:var(--muted);font-size:.85rem;margin-top:6px}table.table{width:100%;border-collapse:collapse}table.table td,table.table th{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left}table.table th{color:var(--muted);font-size:.85rem;font-weight:600}.form label{display:block;margin-bottom:12px;font-weight:500}.form input,.form select,.form textarea,.toolbar input,.toolbar select{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit}.form textarea{min-height:100px;resize:vertical}.form-wide{max-width:560px}.form button,button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}button:hover{background:var(--primary-dark)}button:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{border:1px solid #475569;color:#e2e8f0;padding:6px 12px}.btn-ghost:hover{background:#1e293b}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#f8fafc}.btn-inline{margin-left:8px}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#912018}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:200px;margin-top:0}.muted,.text-muted{color:var(--muted)}.text-warn,.text-warning{color:var(--warn);font-weight:600}.text-danger{color:var(--danger);font-weight:600}.text-success{color:var(--primary);font-weight:600}.loading{padding:40px;text-align:center;color:var(--muted);font-size:1.1rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem;font-weight:500}.radio-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.radio-group label{display:flex;align-items:center;gap:8px;font-weight:400;margin-bottom:0}.radio-group input[type=radio]{width:auto;margin-top:0}.unread-row{background:#fafafa}.badge,.unread-row td:first-child{font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#ecfdf3;color:var(--primary);font-size:.8rem;text-transform:capitalize}.badge-warn,.badge-warning{background:#fff7ed;color:var(--warn)}.badge-success{background:#ecfdf3;color:var(--primary)}.badge-danger,.badge-out{background:#fef3f2;color:var(--danger)}.badge-low{background:#fff7ed;color:var(--warn)}.badge-ok{background:#ecfdf3;color:var(--primary)}.alert{padding:12px 14px;border-radius:8px;margin-bottom:12px}.alert-error{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.loading-screen{padding:40px;text-align:center;color:var(--muted)}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 80px;grid-gap:10px;gap:10px;align-items:center}.bar-label{font-size:.85rem;color:var(--muted)}.bar-track{background:#eef2f7;border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:var(--primary);height:100%;border-radius:999px;min-width:2px}.bar-value{font-size:.85rem;text-align:right;font-weight:600}.product-header{display:flex;gap:20px;align-items:flex-start;margin-bottom:8px}.product-image{width:160px;height:160px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#fff}.image-upload-row{display:flex;gap:8px;align-items:center;margin-top:6px}.image-upload-row input[type=file]{flex:0 0 auto;width:auto;padding:8px}.image-upload-row input[type=text]{flex:1 1}.upload-preview{display:block;max-width:200px;max-height:200px;margin-top:8px;border-radius:8px;border:1px solid var(--border)}.quick-link{color:inherit;transition:border-color .15s}.quick-link:hover{border-color:var(--primary);text-decoration:none}.order-line{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.order-line select{flex:1 1;min-width:220px;margin-top:0}.order-line input{margin-top:0}.order-summary{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.order-summary p{display:flex;justify-content:space-between;margin:6px 0}.order-total{font-size:1.1rem;margin-top:10px!important;padding-top:10px;border-top:1px solid var(--border)}.landing{background:#fff;color:var(--text)}.landing-nav{display:flex;align-items:center;gap:24px;padding:16px 32px;max-width:1200px;margin:0 auto;position:-webkit-sticky;position:sticky;top:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--border)}.landing-brand{font-size:1.35rem;font-weight:800;color:var(--primary)}.landing-brand:hover{text-decoration:none}.landing-nav-links{display:flex;gap:24px;flex:1 1}.landing-nav-links a{color:var(--muted);font-weight:500}.landing-nav-links a:hover{color:var(--text);text-decoration:none}.landing-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center;max-width:1200px;margin:0 auto;padding:64px 32px 80px}.landing-pill{display:inline-block;background:#ecfdf3;color:var(--primary);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:999px;margin-bottom:20px}.landing-hero h1{font-size:clamp(2.4rem,5vw,3.5rem);line-height:1.1;margin:0 0 20px;letter-spacing:-.02em}.landing-lead{font-size:1.1rem;color:var(--muted);line-height:1.7;max-width:540px}.landing-hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn-lg{padding:14px 24px;font-size:1rem;border-radius:10px}.landing-stats{display:flex;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.landing-stats strong{display:block;font-size:1.5rem;color:var(--primary)}.landing-stats span{font-size:.85rem;color:var(--muted)}.landing-mockup{background:linear-gradient(145deg,#0c831f,#065a15);border-radius:20px;padding:24px;color:#fff;box-shadow:0 24px 60px rgba(12,131,31,.25)}.mockup-header{font-weight:700;font-size:1.1rem;margin-bottom:16px}.mockup-item{padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.15);font-size:.95rem}.mockup-footer,.mockup-item{display:flex;justify-content:space-between}.mockup-footer{align-items:center;margin-top:16px;font-size:.9rem;opacity:.9}.mockup-badge{background:hsla(0,0%,100%,.2);padding:4px 10px;border-radius:999px;font-size:.8rem}.landing-section{max-width:1200px;margin:0 auto;padding:80px 32px}.landing-section-alt{background:var(--bg);max-width:none}.landing-section-alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.landing-section-head{text-align:center;margin-bottom:48px}.landing-section-head h2{font-size:2rem;margin-bottom:12px}.landing-section-head p{color:var(--muted);font-size:1.05rem}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.landing-feature{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:28px;transition:border-color .15s,box-shadow .15s}.landing-feature:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(12,131,31,.08)}.landing-feature-icon{font-size:2rem;display:block;margin-bottom:12px}.landing-feature h3{margin:0 0 8px;font-size:1.1rem}.landing-feature p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.landing-step-num{font-size:2.5rem;font-weight:800;color:var(--primary);opacity:.3;margin-bottom:8px}.landing-step h3{margin:0 0 8px}.landing-step p{color:var(--muted);line-height:1.6;margin:0}.landing-platform{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center}.landing-platform-list{margin:24px 0 32px;padding-left:0;list-style:none}.landing-platform-list li{padding:12px 0;border-bottom:1px solid var(--border);color:var(--muted);line-height:1.6}.landing-platform-list strong{color:var(--text)}.landing-platform-cards{display:flex;flex-direction:column;gap:16px}.landing-platform-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:4px}.landing-platform-card span{font-size:2rem}.landing-platform-card h4{margin:0;font-size:1.1rem}.landing-platform-card p{margin:0;color:var(--muted);font-size:.9rem}.landing-platform-card-accent{background:#ecfdf3;border-color:var(--primary);transform:scale(1.03)}.landing-cta{text-align:center;background:linear-gradient(135deg,#0c831f,#065a15);color:#fff;padding:80px 32px}.landing-cta h2{color:#fff;font-size:2rem;margin-bottom:12px}.landing-cta p{opacity:.9;margin-bottom:28px;font-size:1.05rem}.landing-cta button{background:#fff;color:var(--primary)}.landing-cta button:hover{background:#f0fdf4}.landing-footer{background:#0f172a;color:#94a3b8;padding:48px 32px}.landing-footer-inner{max-width:1200px;margin:0 auto;text-align:center}.landing-footer .landing-brand{color:#fff}.landing-footer-links{display:flex;justify-content:center;gap:24px;margin:20px 0}.landing-footer-links a{color:#cbd5e1}.landing-copy{font-size:.85rem;margin-top:24px;opacity:.7}@media (max-width:900px){.landing-nav{flex-wrap:wrap;padding:16px 20px}.landing-nav-links{display:none}.landing-hero{grid-template-columns:1fr;padding:40px 20px 60px}.landing-hero-visual{order:-1}.landing-features,.landing-platform,.landing-steps{grid-template-columns:1fr}.landing-platform-card-accent{transform:none}.landing-section{padding:60px 20px}.landing-stats{flex-direction:column;gap:16px}}.legal-page{max-width:780px;margin:0 auto;padding:48px 24px 64px;line-height:1.7}.legal-page h1{font-size:2rem;margin-bottom:4px}.legal-date{color:var(--muted);font-size:.9rem;margin-bottom:32px}.legal-page h2{font-size:1.25rem;margin:32px 0 12px}.legal-page h3{font-size:1.05rem;margin:24px 0 8px}.legal-page p{margin:0 0 12px;color:#374151}.legal-page ul{margin:0 0 16px;padding-left:24px}.legal-page li{margin-bottom:6px;color:#374151}.legal-page a{color:var(--primary)}.variants-editor{margin:16px 0;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid var(--border)}.variants-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.variants-table input{width:100%}.delivery-proof-img{max-width:100%;max-height:420px;border-radius:8px;border:1px solid var(--border);margin-top:8px;display:block}.activity-feed{list-style:none;margin:0;padding:0}.activity-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:1.1rem;flex-shrink:0}.activity-body{flex:1 1;min-width:0}.activity-meta{font-size:.82rem;color:var(--muted);margin-top:2px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:#f1f5f9}.date-range-bar .toolbar{margin:0}@media print{.date-range-bar,.sidebar,.toolbar button,.topbar{display:none!important}.main-content{padding:0}.card{page-break-inside:avoid;break-inside:avoid}}