:root{--color-primary: #c0392b;--color-primary-dark: #96281b;--color-primary-light: #fdf0ee;--color-primary-muted: #e8a09a;--color-bg: #f8f6f2;--color-surface: #ffffff;--color-sidebar-bg: #1a1a2e;--color-border: #e8e4de;--color-hover: #f3f0eb;--color-text: #2c2c2c;--color-text-muted: #7a7a7a;--color-text-inverse: #ffffff;--color-success: #27ae60;--color-warning: #f39c12;--color-error: #e74c3c;--color-info: #2980b9;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--navbar-height: 60px;--radius: 6px;--radius-lg: 10px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700;color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.input,.select,.textarea{display:block;width:100%;padding:.5rem .75rem;font-size:.9rem;font-family:inherit;line-height:1.5;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c0392b1f}.input:disabled,.select:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:#b0aba5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237a7a7a' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.85rem;font-weight:600;color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.9rem;font-family:inherit;font-weight:600;border:1.5px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;text-decoration:none;white-space:nowrap;line-height:1.4}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary-muted)}.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover:not(:disabled){background:var(--color-primary-light)}.btn--danger-outline{background:transparent;color:var(--color-error);border-color:var(--color-error)}.btn--danger-outline:hover:not(:disabled){background:#fdf2f2}.btn--sm{padding:.35rem .75rem;font-size:.82rem}.btn--full{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;border-left:4px solid}.alert--error{background:#fdf2f2;color:#c0392b;border-left-color:var(--color-error)}.alert--warning{background:#fef9ec;color:#856404;border-left-color:var(--color-warning)}.alert--success{background:#f0fdf4;color:#166534;border-left-color:var(--color-success)}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;font-size:.78rem;font-weight:600;border-radius:99px}.badge--primary{background:var(--color-primary-light);color:var(--color-primary)}.badge--warning{background:#fef3cd;color:#7a5800}.badge--success{background:#d1fae5;color:#065f46}.table-wrapper{overflow-x:auto;padding:0 1.5rem 1rem}.result-table{width:100%;border-collapse:collapse;font-size:.875rem}.result-table th{background:var(--color-bg);color:var(--color-text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.6rem .75rem;border-bottom:2px solid var(--color-border);text-align:left;white-space:nowrap}.result-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.result-table tbody tr:last-child td{border-bottom:none}.result-table tbody tr:hover td{background:var(--color-bg)}.result-table__row--whole td{background:#fffbf5}.result-table__total td{font-weight:700;background:var(--color-bg);border-top:2px solid var(--color-border);color:var(--color-primary);font-size:.95rem}.result-table__per-portion td{font-weight:600;background:var(--color-bg);color:var(--color-text-muted);font-size:.875rem}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.waste-cost{color:var(--color-warning);font-weight:600;font-size:.85em}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.6rem;margin-bottom:.25rem}.section-title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}