@charset "UTF-8";*{box-sizing:border-box}:root{--color-primary-start: #667eea;--color-primary-end: #764ba2;--color-accent-green: #48bb78;--color-accent-orange: #ed8936;--color-accent-red: #f56565;--color-surface: #ffffff;--color-muted: #4a5568;--color-border: #e2e8f0;--color-muted-light: #718096;--shadow-elevated: 0 20px 60px rgba(0, 0, 0, .3)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,var(--color-primary-start) 0%,var(--color-primary-end) 100%);min-height:100vh;color:#2d3748}app-root,app-root>*{display:block;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.app-card{background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-elevated);overflow:hidden}.btn{display:inline-flex;justify-content:center;align-items:center;padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;background:#edf2f7;color:var(--color-muted)}.btn:hover{filter:brightness(.95)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-start),var(--color-primary-end));color:#fff;box-shadow:0 10px 20px #667eea59}.btn-primary:hover{transform:translateY(-2px)}.btn-add{background:var(--color-accent-green);color:#fff}.btn-edit{background:#4299e1;color:#fff}.btn-delete{background:var(--color-accent-red);color:#fff}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-group{display:inline-flex;gap:.6rem;align-items:center}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff}.badge-success{background:var(--color-accent-green)}.badge-warning{background:var(--color-accent-orange)}.badge-danger{background:var(--color-accent-red)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem}th{font-weight:600;color:var(--color-muted);border-bottom:2px solid var(--color-border);position:relative;-webkit-user-select:none;user-select:none}td{border-bottom:1px solid var(--color-border)}tr:hover{background:#f7fafc}.table-sort-indicator:after{content:"\2195";position:absolute;right:.5rem;opacity:.3}.table-sort-indicator.asc:after{content:"\2191";color:var(--color-primary-start);opacity:1}.table-sort-indicator.desc:after{content:"\2193";color:var(--color-primary-start);opacity:1}.search-bar{display:flex;gap:.75rem}.search-bar input,.search-bar select{padding:.6rem .75rem;border:2px solid var(--color-border);border-radius:6px;font-size:.9rem}.section-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.content-area{padding:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.dashboard-card{background:linear-gradient(135deg,var(--color-primary-start),var(--color-primary-end));color:#fff;padding:1.75rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.dashboard-card h3{font-size:.9rem;margin-bottom:.75rem;opacity:.9}.dashboard-card .value{font-size:2rem;font-weight:700}.expiration-alert{background:#fff5f5;border-left:4px solid var(--color-accent-red);padding:1rem 1.25rem;margin:2rem 0;border-radius:6px}.expiration-alert h4{margin:0 0 .75rem;color:#c53030}.table-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.table-controls .left-controls,.table-controls .right-controls{display:inline-flex;align-items:center;gap:.75rem}.table-controls .results-info{color:var(--color-muted-light);font-size:.85rem}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-panel{background:#fff;width:min(600px,100%);max-height:80vh;overflow-y:auto;border-radius:8px;padding:2rem;position:relative}@media (max-width: 1024px){.content-area{padding:1.5rem}}