:root{--srs-green:#2C3E2D;--srs-green-light:#4A6B4D;--srs-gold:#8B7355;--srs-gold-light:#D4A574;--srs-cream:#FAFAF5;--srs-cream-dark:#F0EDE5;--srs-text:#2C3E2D;--srs-text-light:#666;--srs-border:#E0D5C5;--srs-success:#4CAF50;--srs-warning:#FF9800;--srs-danger:#E57373;--srs-info:#64B5F6;--srs-radius:12px;--srs-shadow:0 2px 12px rgba(0,0,0,0.06)}.srs-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--srs-border)}.srs-header h2{color:var(--srs-green);font-family:Georgia,serif;font-size:28px;margin-bottom:8px}.srs-subtitle{color:var(--srs-text-light);font-size:15px;line-height:1.6}.srs-empty-state{text-align:center;padding:40px 20px;background:var(--srs-cream);border-radius:var(--srs-radius);border:1px dashed var(--srs-border)}.srs-empty-state p{color:var(--srs-text-light);margin-bottom:20px;font-size:15px}.srs-product-card{background:#fff;border:1px solid var(--srs-border);border-radius:var(--srs-radius);padding:24px;margin-bottom:20px;box-shadow:var(--srs-shadow);transition:border-color 0.3s}.srs-product-card:hover{border-color:var(--srs-gold-light)}.srs-product-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--srs-cream-dark)}.srs-product-thumb{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--srs-border)}.srs-product-info h3{color:var(--srs-green);font-size:18px;margin:0 0 4px}.srs-delivery-badge{display:inline-block;background:var(--srs-cream);color:var(--srs-gold);padding:3px 10px;border-radius:20px;font-size:13px}.srs-field{margin-bottom:18px}.srs-field label{display:block;color:var(--srs-green);font-weight:600;margin-bottom:8px;font-size:14px}.srs-select{width:100%;padding:10px 14px;border:1px solid var(--srs-border);border-radius:8px;font-size:14px;color:var(--srs-text);background:#fff;appearance:auto}.srs-field textarea{width:100%;padding:10px 14px;border:1px solid var(--srs-border);border-radius:8px;font-size:14px;color:var(--srs-text);resize:vertical;font-family:inherit}.srs-stock-buttons{display:flex;flex-wrap:wrap;gap:8px}.srs-stock-btn{padding:8px 16px;border:2px solid var(--srs-border);border-radius:25px;background:#fff;color:var(--srs-text);cursor:pointer;font-size:13px;transition:all 0.2s}.srs-stock-btn:hover{border-color:var(--srs-gold);background:var(--srs-cream)}.srs-stock-btn.active{border-color:var(--srs-green);background:var(--srs-green);color:#fff}.srs-form-footer{text-align:center;padding-top:20px;margin-top:10px}.srs-save-btn{background:var(--srs-green)!important;color:white!important;border:none!important;padding:14px 32px!important;border-radius:25px!important;font-size:16px!important;cursor:pointer;transition:background 0.3s}.srs-save-btn:hover{background:var(--srs-green-light)!important}.srs-helper-text{color:var(--srs-text-light);font-size:13px;margin-top:12px;font-style:italic}.srs-usage-history{margin-top:40px}.srs-usage-history h3{color:var(--srs-green);margin-bottom:16px}.srs-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--srs-radius);overflow:hidden;box-shadow:var(--srs-shadow)}.srs-table th{background:var(--srs-cream);color:var(--srs-green);padding:12px 16px;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.srs-table td{padding:12px 16px;border-top:1px solid var(--srs-cream-dark);font-size:14px;color:var(--srs-text)}.srs-dashboard{max-width:900px}.srs-recommendations-section,.srs-sub-recommendations{margin-bottom:30px}.srs-recommendations-section h3,.srs-sub-recommendations h3{color:var(--srs-green);margin-bottom:16px}.srs-recommendation-card{background:linear-gradient(135deg,#FFF8E1,#FFFDE7);border:1px solid #FFE082;border-radius:var(--srs-radius);padding:20px;margin-bottom:16px}.srs-rec-message{color:var(--srs-text);font-size:15px;line-height:1.6;margin-bottom:16px}.srs-rec-actions{display:flex;flex-wrap:wrap;gap:10px}.srs-timeline-section{margin-bottom:30px}.srs-timeline-section h3{color:var(--srs-green);margin-bottom:16px}.srs-timeline-card{background:#fff;border:1px solid var(--srs-border);border-radius:var(--srs-radius);padding:24px;margin-bottom:16px;box-shadow:var(--srs-shadow);border-left:4px solid var(--srs-border)}.srs-timeline-card.srs-status-good{border-left-color:var(--srs-success)}.srs-timeline-card.srs-status-excess{border-left-color:var(--srs-info)}.srs-timeline-card.srs-status-low{border-left-color:var(--srs-warning)}.srs-timeline-card.srs-status-neutral{border-left-color:var(--srs-gold)}.srs-timeline-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.srs-timeline-thumb{width:50px;height:50px;object-fit:cover;border-radius:8px}.srs-timeline-header h4{color:var(--srs-green);margin:0 0 4px;font-size:17px}.srs-status-badge{font-size:13px;color:var(--srs-text-light)}.srs-timeline-details{margin-bottom:16px}.srs-timeline-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--srs-text)}.srs-timeline-label{color:var(--srs-text-light)}.srs-timeline-guidance{background:var(--srs-cream);padding:12px 16px;border-radius:8px;font-size:14px;color:var(--srs-text);margin-top:12px;line-height:1.5}.srs-progress-bar-container{margin:16px 0}.srs-progress-bar{height:8px;background:var(--srs-cream-dark);border-radius:4px;position:relative;overflow:visible}.srs-progress-fill{height:100%;background:linear-gradient(90deg,var(--srs-green),var(--srs-gold));border-radius:4px;transition:width 0.5s ease}.srs-depletion-marker{position:absolute;top:-4px;width:3px;height:16px;background:var(--srs-warning);border-radius:2px;transform:translateX(-50%)}.srs-progress-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--srs-text-light);margin-top:4px}.srs-timeline-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--srs-cream-dark)}.srs-btn-primary{background:var(--srs-green)!important;color:white!important;border:none!important;border-radius:25px!important;padding:8px 20px!important;font-size:13px!important}.srs-btn-secondary{background:var(--srs-gold)!important;color:white!important;border:none!important;border-radius:25px!important;padding:8px 20px!important;font-size:13px!important}.srs-btn-tertiary{background:transparent!important;color:var(--srs-text-light)!important;border:1px solid var(--srs-border)!important;border-radius:25px!important;padding:8px 20px!important;font-size:13px!important}.srs-btn-accent{background:var(--srs-gold-light)!important;color:white!important;border:none!important;border-radius:25px!important;padding:8px 20px!important;font-size:13px!important}.srs-btn-small{font-size:12px!important;padding:6px 16px!important}.srs-manual-section{margin-top:30px;padding:24px;background:var(--srs-cream);border-radius:var(--srs-radius)}.srs-manual-section h3{color:var(--srs-green);margin-bottom:8px}.srs-manual-section>p{color:var(--srs-text-light);margin-bottom:20px;font-size:14px}.srs-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.srs-control-card{background:#fff;padding:20px;border-radius:var(--srs-radius);text-align:center;border:1px solid var(--srs-border)}.srs-control-icon{font-size:28px;display:block;margin-bottom:8px}.srs-control-card h4{color:var(--srs-green);margin:0 0 8px;font-size:15px}.srs-control-card p{color:var(--srs-text-light);font-size:13px;margin:0;line-height:1.4}.srs-control-card a{color:var(--srs-gold)}.srs-product-usage-guide{background:var(--srs-cream);border:1px solid var(--srs-border);border-radius:var(--srs-radius);padding:20px;margin:20px 0}.srs-product-usage-guide p{margin:8px 0;font-size:14px;color:var(--srs-text);line-height:1.5}.srs-calculator{margin-top:16px;padding-top:16px;border-top:1px solid var(--srs-border)}.srs-calc-question{margin-bottom:10px!important}.srs-calc-result{margin-top:12px;padding:14px;background:#fff;border-radius:8px;border-left:3px solid var(--srs-gold);font-size:14px;line-height:1.6;color:var(--srs-text)}.srs-frequency-guide{background:linear-gradient(135deg,#FFF8E1,#FFFDE7);border:1px solid #FFE082;border-radius:var(--srs-radius);padding:20px;margin:16px 0}.srs-guide-title{margin:0 0 10px!important;font-size:15px;color:var(--srs-green)}.srs-guide-list{list-style:none;padding:0;margin:0 0 12px}.srs-guide-list li{padding:4px 0;font-size:14px;color:var(--srs-text)}.srs-guide-list li::before{content:'→ ';color:var(--srs-gold)}.srs-guide-note{font-size:13px;color:var(--srs-text-light);font-style:italic;margin:0!important}.srs-toast{position:fixed;bottom:30px;right:30px;background:var(--srs-green);color:#fff;padding:16px 24px;border-radius:var(--srs-radius);box-shadow:0 4px 20px rgb(0 0 0 / .15);z-index:9999;font-size:14px;max-width:400px;animation:srsSlideIn 0.3s ease}.srs-toast.error{background:var(--srs-danger)}@keyframes srsSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.srs-product-header,.srs-timeline-header{flex-direction:column;align-items:flex-start}.srs-stock-buttons{flex-direction:column}.srs-stock-btn{text-align:center}.srs-timeline-row{flex-direction:column;gap:2px}.srs-rec-actions,.srs-timeline-actions{flex-direction:column}.srs-control-grid{grid-template-columns:1fr}}