:root{--bg: #f4f1ea;--panel: #fffdf9;--panel-strong: #f7f3ee;--surface: #ffffff;--border: #e8ded1;--primary: #3d7a3f;--primary-soft: #edf5ee;--text: #1d1a18;--muted: #6c625a;--success: #2e8b57;--warning: #ce8a2e;--danger: #b64c45;--shadow: 0 18px 45px rgba(29, 26, 24, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.admin-shell{display:flex;min-height:100vh;background:linear-gradient(180deg,#f7f4ee,#efe6db)}.sidebar{width:260px;background:#141b15f2;color:#f5f1ea;padding:32px 22px}.brand-block{display:flex;align-items:center;gap:14px;margin-bottom:30px}.brand-badge{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(135deg,#a8d59b,#3d7a3f);border-radius:14px;font-weight:700;color:#fff}.brand-block h1{margin:0;font-size:1.2rem}.eyebrow{margin:0 0 4px;color:#cfc2b7;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:10px}.nav-item{display:block;padding:12px 14px;border-radius:10px;color:#f5f1ea;text-decoration:none;opacity:.86;background:transparent;border:none;text-align:left;width:100%}.nav-item.active,.nav-item:hover{background:#ffffff14;opacity:1}.content{flex:1;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.topbar h2{margin:0;font-size:clamp(1.8rem,2vw,2.6rem)}.primary-button,.small-button{border:none;border-radius:10px;padding:10px 16px;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;transition:transform .18s ease}.primary-button:hover,.small-button:hover{transform:translateY(-1px)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:24px}.summary-card,.panel,.loading-card{background:#ffffffb3;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.summary-card{padding:20px 20px 18px}.summary-card span{display:block;color:var(--muted);margin-bottom:10px}.summary-card strong{display:block;font-size:clamp(1.8rem,2vw,2.3rem)}.summary-card small{display:block;color:var(--muted);margin-top:8px}.highlight-card{background:linear-gradient(135deg,#3d7a3f14,#fffc)}.panel{padding:20px;margin-bottom:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-header h3{margin:0;font-size:1.25rem}.panel-header span{color:var(--muted);font-size:.85rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-new{background:#ecf3ff;color:#335d9b}.status-contacted,.status-approved{background:#edf9f1;color:var(--success)}.status-resolved,.status-rejected{background:#fff3ef;color:var(--danger)}.table-actions,.card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}select,input,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text)}textarea{min-height:88px;resize:vertical}.charts-grid,.bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-bottom:22px}.bar-chart{height:220px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:18px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}.bar-track{width:100%;max-width:34px;height:160px;border-radius:12px;background:linear-gradient(180deg,#f3eee7,#ece4db);position:relative;overflow:hidden}.bar-fill{position:absolute;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(180deg,#7fae72,#3d7a3f)}.bar-column label{color:var(--muted);font-size:.72rem}.progress-stack{display:flex;flex-direction:column;gap:16px}.progress-row{display:flex;flex-direction:column;gap:8px}.progress-header{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:var(--muted)}.progress-bar{height:10px;width:100%;border-radius:999px;background:#efeae3;overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fae72,#3d7a3f)}.stat-list{display:grid;gap:14px}.stat-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.stat-item span{color:var(--muted)}.availability-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.availability-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-head h4{margin:0}.card-head p,.meta-row,.notes{margin:0;color:var(--muted);font-size:.9rem}.meta-row{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.notes{margin-top:12px;line-height:1.5}.lower-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.stack-form{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.inline-fields{display:grid;grid-template-columns:1fr 120px;gap:12px}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.tag-list li{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:8px 12px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.mini-delete{background:transparent;border:none;color:var(--danger);font-size:1.1rem;cursor:pointer}.inline-action-row{display:flex;gap:8px;margin-top:8px}.mini-button{background:var(--primary-soft);border:none;color:var(--primary);border-radius:8px;padding:6px 8px;font-size:.72rem;font-weight:600;cursor:pointer}.mini-button.danger{background:#fff0ef;color:var(--danger)}.product-list{display:grid;gap:12px}.product-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff}.product-item strong,.product-item span,.product-item small{display:block}.product-item small{color:var(--muted);margin-top:4px}.small-button{padding:8px 12px;font-size:.82rem}.small-button.alt{background:#1c7c6d}@media (max-width: 900px){.admin-shell{flex-direction:column}.sidebar{width:100%}.nav{flex-direction:row;flex-wrap:wrap}.nav-item{width:auto;flex:1 1 160px}}.loading-card{padding:32px;text-align:center;color:var(--muted)}@media (max-width: 900px){.admin-shell{flex-direction:column}.sidebar{width:100%}.topbar{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .22s cubic-bezier(.16,1,.3,1)}.modal-content{background:#fff;border-radius:18px;width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #0000004d,0 0 0 1px #0000000d;border:1px solid rgba(226,232,240,.9);overflow:hidden;animation:modalScaleUp .22s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-bottom:1px solid #f1f5f9}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.modal-header .close-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:14px;font-weight:700;transition:all .15s}.modal-header .close-btn:hover{background:#e2e8f0;color:#0f172a;transform:scale(1.05)}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #f1f5f9;background:#f8fafc}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#334155;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border-radius:10px;border:1.5px solid #cbd5e1;font-size:14px;color:#0f172a;background:#fff;transition:all .2s ease;outline:none;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3.5px #10b98126}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.btn-primary{border:none;border-radius:10px;padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #10b98140;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:0 4px 12px #10b98159;background:linear-gradient(135deg,#059669,#047857)}.btn-outline{border:1.5px solid #cbd5e1;border-radius:10px;padding:9px 16px;background:#fff;color:#475569;font-weight:600;font-size:14px;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-outline:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.btn-icon{border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;background:#fff;color:#334155;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:4px;margin-left:6px}.btn-icon:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.btn-icon.delete{border-color:#fecaca;color:#b91c1c;background:#fff}.btn-icon.delete:hover{background:#fee2e2;border-color:#f87171;color:#991b1b}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.status-badge.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.status-badge.warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.status-badge.new{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes omFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes omPulseGreen{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes omGrowBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.overview-animated-container{animation:omFadeInUp .3s cubic-bezier(.16,1,.3,1) both}.interactive-card{cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1)!important;position:relative;overflow:hidden}.interactive-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px -4px #0f172a1f;border-color:#86efac!important}.interactive-card:active{transform:translateY(-1px) scale(.99)}.interactive-row{cursor:pointer;transition:background-color .18s ease}.interactive-row:hover td{background-color:#f0fdf4!important}.launchpad-tile{cursor:pointer;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--border);transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:12px;color:inherit}.launchpad-tile:hover{transform:translateY(-3px);border-color:#16a34a;box-shadow:0 8px 20px -3px #16a34a1f}.pulse-indicator{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:omPulseGreen 2s infinite;display:inline-block}
