:root{color-scheme:light dark;--bg: #FFFFFF;--surface: #F7F8FA;--surface-2: #EEF1F4;--border: #E5E7EB;--text: #111827;--text-muted: #4B5563;--success: #16A34A;--success-bg: #DCFCE7;--warning: #D97706;--warning-bg: #FEF3C7;--danger: #DC2626;--danger-bg: #FEE2E2;--info: #2563EB;--info-bg: #DBEAFE;--accent-blue: #7FB3FF;--accent-teal: #7AD9C3;--accent-green: #B7E3A8;--accent-mint: #BDE8D1;--accent-lavender: #C7B8FF;--accent-pink: #F9A8D4;--accent-peach: #FEC9A3;--accent-yellow: #FBE29F;--primary: #111827;--primary-contrast: #F9FAFB;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 6px 16px rgba(0, 0, 0, .06);--ring: #7FB3FF;--ring-offset: #FFFFFF;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--transition-fast: .1s;--transition-default: .18s;--transition-slow: .24s;--easing: cubic-bezier(.2, 0, 0, 1);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--surface-2);--bg-card: var(--surface);--border-color: var(--border);--border-primary: var(--border);--text-primary: var(--text);--text-secondary: var(--text-muted);--text-tertiary: var(--text-muted);--error: var(--danger);--error-bg: var(--danger-bg);--primary-light: rgba(17, 24, 39, .1);--success-dark: #15803d;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--bg: #0B0F14;--surface: #10151C;--surface-2: #1A2230;--border: #253047;--text: #E5E7EB;--text-muted: #9CA3AF;--success-bg: #052E16;--warning-bg: #451A03;--danger-bg: #450A0A;--info-bg: #0B1220;--primary: #E5E7EB;--primary-contrast: #0B0F14;--ring-offset: #0B0F14;--primary-light: rgba(229, 231, 235, .1);--success-dark: #22c55e}}.dark{--bg: #0B0F14;--surface: #10151C;--surface-2: #1A2230;--border: #253047;--text: #E5E7EB;--text-muted: #9CA3AF;--success-bg: #052E16;--warning-bg: #451A03;--danger-bg: #450A0A;--info-bg: #0B1220;--primary: #E5E7EB;--primary-contrast: #0B0F14;--ring-offset: #0B0F14;--primary-light: rgba(229, 231, 235, .1);--success-dark: #22c55e}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text);background-color:var(--bg)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25;font-weight:600}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin:0}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:20px;height:20px;flex-shrink:0}.btn-primary{background-color:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background-color:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface)}.btn-ghost{background-color:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--surface)}.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{padding:var(--space-2) var(--space-3);font-size:.875rem}.btn-lg{padding:var(--space-4) var(--space-5);font-size:1.125rem}.btn-spinner{width:20px;height:20px;animation:spin 1s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4)}.loading-spinner{width:48px;height:48px;color:var(--accent-blue)}.spinner-icon{width:100%;height:100%;animation:spin 1s linear infinite}.spinner-track{opacity:.25}.loading-text{margin-top:var(--space-4);color:var(--text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--bg)}.login-container{width:100%;max-width:400px;padding:var(--space-6);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.login-header{text-align:center;margin-bottom:var(--space-6)}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--space-4);background-color:var(--accent-blue);border-radius:var(--radius-md);color:#111827}.logo-icon{width:36px;height:36px}.login-title{margin-bottom:var(--space-2);color:var(--text)}.login-subtitle{color:var(--text-muted);font-size:.875rem}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);background-color:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);font-size:.875rem}.error-icon{width:20px;height:20px;flex-shrink:0}.login-actions{margin-bottom:var(--space-6)}.login-btn{width:100%}.login-features{padding-top:var(--space-5);border-top:1px solid var(--border)}.features-title{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.features-list{list-style:none;margin:0;padding:0}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--text);font-size:.875rem}.feature-icon{width:18px;height:18px;color:var(--accent-teal);flex-shrink:0}.login-footer{margin-top:var(--space-5);text-align:center}.footer-text{font-size:.75rem;color:var(--text-muted)}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--bg)}.callback-container{width:100%;max-width:400px;padding:var(--space-6);text-align:center}.callback-loading,.callback-error{display:flex;flex-direction:column;align-items:center}.loading-title,.error-title{margin-top:var(--space-4);margin-bottom:var(--space-2)}.error-message{color:var(--text-muted);margin-bottom:var(--space-5)}.callback-error .error-icon{width:48px;height:48px;color:var(--danger)}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--bg)}.error-container{width:100%;max-width:500px;padding:var(--space-6);text-align:center}.error-icon-wrapper{margin-bottom:var(--space-4)}.page-error-icon{width:64px;height:64px;color:var(--warning)}.error-container .error-title{margin-bottom:var(--space-3)}.error-container .error-message{color:var(--text-muted);margin-bottom:var(--space-5)}.error-detail{display:block;margin-top:var(--space-2)}.error-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.dashboard-page{min-height:100vh;background-color:var(--bg)}.dashboard-header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-5)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.page-title{font-size:1.25rem}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.user-email{font-size:.875rem;color:var(--text-muted)}.dashboard-content{max-width:1200px;margin:0 auto;padding:var(--space-5)}.welcome-section{margin-bottom:var(--space-5)}.welcome-card{padding:var(--space-5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.welcome-title{margin-bottom:var(--space-2)}.welcome-text{color:var(--text-muted)}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon-blue{background-color:var(--accent-blue);color:#111827}.stat-icon-teal{background-color:var(--accent-teal);color:#111827}.stat-icon-green{background-color:var(--accent-green);color:#111827}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:600;line-height:1.25}.stat-label{font-size:.875rem;color:var(--text-muted)}.info-section{margin-bottom:var(--space-5)}.info-card{padding:var(--space-5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.info-title{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.info-list{margin:0}.info-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.info-item:last-child{border-bottom:none}.info-item dt{color:var(--text-muted);font-size:.875rem}.info-item dd{margin:0;font-weight:500}@media(max-width:768px){.login-container{padding:var(--space-5)}.dashboard-content{padding:var(--space-4)}.header-content{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.error-actions{flex-direction:column;width:100%}.error-actions .btn{width:100%}}.modal{border:none;padding:0;background:transparent;max-width:90vw;max-height:90vh}.modal::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-sm{width:400px}.modal-md{width:560px}.modal-lg{width:720px}.modal-content{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.125rem;font-weight:600}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.modal-close:hover{background-color:var(--surface-2);color:var(--text)}.modal-body{padding:var(--space-5)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.confirm-message{margin:0;color:var(--text);line-height:1.6}.search-input-wrapper{position:relative;display:flex;align-items:center;flex:1;max-width:400px}.search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-2) var(--space-4);padding-left:40px;padding-right:36px;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg);font-size:.875rem;transition:all var(--transition-fast) var(--easing)}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #7fb3ff33}.search-clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.search-clear:hover{background-color:var(--surface-2);color:var(--text)}.view-toggle{display:flex;gap:2px;padding:2px;background-color:var(--surface-2);border-radius:var(--radius-md)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.view-toggle-btn:hover{color:var(--text)}.view-toggle-btn.active{background-color:var(--bg);color:var(--text);box-shadow:var(--shadow-1)}.image-upload{display:flex;flex-direction:column;gap:var(--space-3)}.image-upload-tabs{display:flex;gap:var(--space-2)}.image-upload-tab{padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.image-upload-tab:hover{background-color:var(--surface-2);color:var(--text)}.image-upload-tab.active{background-color:var(--accent-blue);color:#111827}.file-upload-wrapper{position:relative}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-upload-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast) var(--easing)}.file-upload-label:hover{border-color:var(--accent-blue);background-color:var(--surface-2)}.image-preview{position:relative;display:inline-block;border-radius:var(--radius-md);overflow:hidden}.image-preview-img{display:block;max-width:200px;max-height:150px;object-fit:cover;border-radius:var(--radius-md)}.image-preview-remove{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background-color:#0009;color:#fff;border-radius:50%;cursor:pointer;transition:all var(--transition-fast) var(--easing)}.image-preview-remove:hover{background-color:var(--danger)}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);border:2px dashed var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-muted)}.medications-page,.medication-detail-page,.medication-form-page{min-height:100vh;background-color:var(--bg)}.page-header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-5)}.page-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:var(--space-4)}.page-title{margin:0;font-size:1.5rem;font-weight:600}.page-subtitle{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:.875rem}.page-header-actions{display:flex;gap:var(--space-3)}.page-content{max-width:1200px;margin:0 auto;padding:var(--space-5)}.medications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.medications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.medication-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-default) var(--easing)}.medication-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.medication-card-image{position:relative;height:160px;background-color:var(--surface-2);display:flex;align-items:center;justify-content:center}.medication-card-image img{width:100%;height:100%;object-fit:cover}.medication-card-badges{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1)}.medication-badge{padding:2px var(--space-2);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.medication-badge.owner{background-color:var(--accent-blue);color:#111827}.medication-badge.prescription{background-color:var(--warning);color:#fff}.medication-placeholder-icon{color:var(--text-muted)}.medication-card-content{padding:var(--space-4)}.medication-name{margin:0 0 var(--space-1);font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medication-producer{margin:0 0 var(--space-3);color:var(--text-muted);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medication-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.medication-form-type{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.medication-status{padding:2px var(--space-2);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.status-approved{background-color:var(--accent-green);color:#111827}.status-pending{background-color:var(--accent-yellow);color:#111827}.status-rejected{background-color:#fee2e2;color:var(--danger)}.medications-list{display:flex;flex-direction:column;gap:var(--space-2)}.medication-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.medication-list-item:hover{background-color:var(--surface-2)}.medication-list-image{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.medication-list-image img{width:100%;height:100%;object-fit:cover}.medication-list-info{flex:1;min-width:0}.medication-list-meta{display:flex;align-items:center;gap:var(--space-2)}.medication-list-arrow{color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.pagination-info{color:var(--text-muted);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--text-muted)}.empty-state-title{margin:var(--space-4) 0 var(--space-2);font-size:1.25rem;font-weight:600;color:var(--text)}.empty-state-text{margin:0 0 var(--space-4);max-width:400px}.btn-back{gap:var(--space-2)}.medication-detail{display:flex;flex-direction:column;gap:var(--space-5)}.medication-detail-header{display:flex;gap:var(--space-5)}.medication-detail-image{width:200px;height:200px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.medication-detail-image img{width:100%;height:100%;object-fit:cover}.medication-placeholder-icon.large{color:var(--text-muted)}.medication-detail-info{flex:1}.medication-detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.medication-detail-name{margin:0 0 var(--space-2);font-size:2rem;font-weight:700}.medication-detail-producer{margin:0 0 var(--space-1);color:var(--text-muted);font-size:1.125rem}.medication-detail-form{margin:0;color:var(--text-muted)}.medication-approval-banner,.medication-rejected-banner{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.medication-approval-banner{background-color:var(--accent-yellow);color:#111827}.medication-rejected-banner{background-color:#fee2e2;color:var(--danger);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.medication-rejected-banner p{margin:0}.medication-detail-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.detail-section{padding:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.section-title{margin:0 0 var(--space-3);font-size:1rem;font-weight:600}.empty-section-text{color:var(--text-muted);font-style:italic;margin:0 0 var(--space-3)}.ingredients-list,.ean-codes-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.ingredient-item{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);background-color:var(--surface-2);border-radius:var(--radius-sm)}.ingredient-name{font-weight:500}.ingredient-amount{color:var(--text-muted)}.ean-code-item{padding:var(--space-2) var(--space-3);background-color:var(--surface-2);border-radius:var(--radius-sm)}.ean-code{font-family:var(--font-mono, monospace);font-size:.875rem}.details-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.details-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.details-item:last-child{border-bottom:none}.details-item dt{color:var(--text-muted)}.details-item dd{margin:0;font-weight:500}.medication-form-container{max-width:640px;margin:0 auto}.form-title{margin:0 0 var(--space-5);font-size:1.5rem;font-weight:600}.form-error{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:#fee2e2;border-radius:var(--radius-md);color:var(--danger)}.form-error p{margin:0}.form-error button{padding:var(--space-1) var(--space-2);border:none;background:transparent;color:var(--danger);font-weight:500;cursor:pointer}.form-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);padding:2px;background-color:var(--surface-2);border-radius:var(--radius-md)}.form-tab{flex:1;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.form-tab:hover{color:var(--text)}.form-tab.active{background-color:var(--bg);color:var(--text);box-shadow:var(--shadow-1)}.medication-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:500;font-size:.875rem}.form-label .required{color:var(--danger)}.form-input,.form-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg);font-size:.875rem;transition:all var(--transition-fast) var(--easing)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #7fb3ff33}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue)}.form-hint{margin:var(--space-1) 0 0;font-size:.75rem;color:var(--text-muted)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.ingredients-management,.ean-management{display:flex;flex-direction:column;gap:var(--space-5)}.add-ingredient-form h3,.add-ean-form h3,.ingredients-list-edit h3,.ean-codes-list-edit h3{margin:0 0 var(--space-3);font-size:1rem;font-weight:600}.add-ingredient-row,.add-ean-row{display:flex;gap:var(--space-2)}.amount-input{width:120px}.ingredients-table,.ean-table{display:flex;flex-direction:column;gap:var(--space-2)}.ingredient-row,.ean-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.ingredient-row .ingredient-name,.ean-row .ean-code{flex:1}.ean-row .ean-date{color:var(--text-muted);font-size:.75rem}.btn-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-1)}@media(max-width:768px){.page-header-content{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-end}.medications-toolbar{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.medication-detail-header{flex-direction:column;align-items:center;text-align:center}.medication-detail-badges{justify-content:center}.medication-detail-sections{grid-template-columns:1fr}.add-ingredient-row,.add-ean-row{flex-direction:column}.amount-input{width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media(prefers-color-scheme:dark){.status-approved{background-color:#b7e3a833;color:var(--accent-green)}.status-pending{background-color:#fbe29f33;color:var(--accent-yellow)}.status-rejected{background-color:#dc262633;color:#fca5a5}.medication-badge.owner{background-color:#7fb3ff33;color:var(--accent-blue)}.medication-badge.prescription{background-color:#d9770633;color:var(--warning)}.form-error{background-color:#dc262633}.medication-approval-banner{background-color:#fbe29f33;color:var(--accent-yellow)}.medication-rejected-banner{background-color:#dc262633;color:#fca5a5}}.ingredients-page,.ingredient-detail-page,.ingredient-form-page{min-height:100vh;background-color:var(--bg)}.ingredients-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.ingredients-list{display:flex;flex-direction:column;gap:var(--space-2)}.ingredient-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-default) var(--easing)}.ingredient-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.ingredient-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);padding-bottom:0}.ingredient-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-md);color:var(--accent-green)}.ingredient-card-badges{display:flex;gap:var(--space-1)}.ingredient-card-content{padding:var(--space-4)}.ingredient-name{margin:0 0 var(--space-1);font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredient-unit{margin:0 0 var(--space-2);color:var(--text-muted);font-size:.875rem}.ingredient-description{margin:0;font-size:.875rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ingredient-card-footer{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.ingredient-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.ingredient-list-item:hover{background-color:var(--surface-2)}.ingredient-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-md);color:var(--accent-green);flex-shrink:0}.ingredient-list-info{flex:1;min-width:0}.ingredient-list-info .ingredient-name,.ingredient-list-info .ingredient-unit{margin:0}.ingredient-list-meta{flex:1;min-width:0}.ingredient-list-meta .ingredient-description{font-size:.875rem;color:var(--text-muted);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredient-list-status{display:flex;gap:var(--space-2);flex-shrink:0}.ingredient-list-arrow{color:var(--text-muted);flex-shrink:0}.ingredient-badge{padding:2px var(--space-2);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.ingredient-badge.approved{background-color:var(--success-bg);color:var(--success)}.ingredient-badge.pending{background-color:var(--warning-bg);color:var(--warning)}.ingredient-badge.rejected{background-color:var(--danger-bg);color:var(--danger)}.ingredient-badge.owner{background-color:var(--accent-blue);color:#fff}.ingredient-detail{max-width:800px;margin:0 auto}.ingredient-detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.ingredient-detail-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-lg);color:var(--accent-green);flex-shrink:0}.ingredient-detail-info{flex:1;min-width:0}.ingredient-detail-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.ingredient-detail-name{margin:0;font-size:1.5rem;font-weight:600}.ingredient-detail-unit{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:1rem}.ingredient-detail-sections{display:flex;flex-direction:column;gap:var(--space-4)}.ingredient-description-text{margin:0;color:var(--text);line-height:1.6}.status-action-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.status-action-description{margin:0;color:var(--text-muted)}.admin-action-section{display:flex;flex-direction:column;gap:var(--space-3)}.admin-action-buttons{display:flex;gap:var(--space-2)}.capitalize{text-transform:capitalize}.ingredient-form-container{max-width:600px;margin:0 auto;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-primary)}.ingredient-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-info-banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--info-bg);border:1px solid var(--info);border-radius:var(--radius-md);color:var(--info);margin-bottom:var(--space-4)}.form-info-banner svg{flex-shrink:0;margin-top:2px}.form-info-banner p{margin:0;font-size:var(--font-sm)}.form-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-base);font-family:inherit;resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.mt-2{margin-top:var(--space-2)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-dark)}@media(max-width:640px){.ingredients-toolbar{flex-direction:column;align-items:stretch}.ingredient-detail-header{flex-direction:column;text-align:center}.ingredient-detail-badges{justify-content:center}.ingredient-list-item{flex-wrap:wrap}.ingredient-list-meta{width:100%;margin-top:var(--space-2)}.status-action-section{flex-direction:column;text-align:center}.admin-action-buttons{justify-content:center}}@media(prefers-color-scheme:dark){.ingredient-card,.ingredient-list-item,.ingredient-form-container{background:var(--bg-card);border-color:var(--border-primary)}.ingredient-card-icon,.ingredient-list-icon,.ingredient-detail-icon{background:var(--bg-secondary)}.form-textarea{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;padding-bottom:0}.sidebar{display:flex;flex-direction:column;width:260px;height:100vh;position:sticky;top:0;background-color:var(--surface);border-right:1px solid var(--border);flex-shrink:0}.sidebar-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--accent-blue)}.sidebar-logo-text{font-size:1.25rem;font-weight:700;color:var(--text)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-2) 0}.sidebar-nav-list{list-style:none;margin:0;padding:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:var(--space-1) var(--space-2);color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast) var(--easing)}.sidebar-nav-item:hover{background-color:var(--surface-2);color:var(--text);text-decoration:none}.sidebar-nav-item.active{background-color:var(--accent-blue);color:#111827}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar-nav-label{font-weight:500;font-size:.9375rem}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--accent-lavender);color:#111827;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-email{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing);flex-shrink:0}.sidebar-logout-btn:hover{background-color:var(--danger-bg);color:var(--danger)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--surface);border-top:1px solid var(--border);padding:var(--space-2) var(--space-1);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));z-index:100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:transparent;border:none;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing);flex:1;min-width:0}.bottom-nav-item:hover{color:var(--text);text-decoration:none}.bottom-nav-item.active{color:var(--accent-blue)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:.6875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-menu-backdrop{position:fixed;inset:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity var(--transition-default) var(--easing),visibility var(--transition-default) var(--easing);z-index:200}.mobile-menu-backdrop.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background-color:var(--surface);transform:translate(100%);transition:transform var(--transition-default) var(--easing);z-index:201;display:flex;flex-direction:column}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border)}.mobile-menu-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--accent-blue);font-size:1.125rem;font-weight:700}.mobile-menu-logo span{color:var(--text)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.mobile-menu-close:hover{background-color:var(--surface-2);color:var(--text)}.mobile-menu-nav{flex:1;overflow-y:auto;padding:var(--space-2) 0}.mobile-menu-list{list-style:none;margin:0;padding:0}.mobile-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:var(--space-1) var(--space-2);color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast) var(--easing)}.mobile-menu-item:hover{background-color:var(--surface-2);color:var(--text);text-decoration:none}.mobile-menu-item.active{background-color:var(--accent-blue);color:#111827}.mobile-menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.mobile-menu-label{font-weight:500;font-size:.9375rem;flex:1}.mobile-menu-badge{padding:2px var(--space-2);font-size:.6875rem;font-weight:600;background-color:var(--accent-lavender);color:#111827;border-radius:var(--radius-sm)}.mobile-menu-footer{padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.mobile-menu-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.mobile-menu-user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--accent-lavender);color:#111827;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.mobile-menu-user-info{display:flex;flex-direction:column;min-width:0}.mobile-menu-user-email{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-user-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.mobile-menu-logout{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast) var(--easing)}.mobile-menu-logout:hover{background-color:var(--danger-bg);border-color:var(--danger);color:var(--danger)}@media(max-width:768px){.sidebar,.app-sidebar{display:none}.bottom-nav{display:flex}.app-main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){.sidebar-nav-item.active{background-color:#7fb3ff33;color:var(--accent-blue)}.bottom-nav-item.active{color:var(--accent-blue)}.mobile-menu-item.active{background-color:#7fb3ff33;color:var(--accent-blue)}.sidebar-user-avatar,.mobile-menu-user-avatar,.mobile-menu-badge{background-color:#c7b8ff33;color:var(--accent-lavender)}}.schedules-page,.schedule-form-page,.schedule-detail-page{min-height:100vh;background-color:var(--bg)}.filter-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);padding-bottom:var(--space-3);overflow-x:auto}.filter-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast) var(--easing)}.filter-tab:hover{background-color:var(--surface);color:var(--text)}.filter-tab.active{background-color:var(--surface);border-color:var(--border);color:var(--text)}.filter-tab.warning{color:var(--warning)}.filter-tab.warning.active{background-color:var(--warning-bg);border-color:var(--warning)}.filter-tab .tab-count{padding:2px var(--space-2);background-color:var(--surface-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.filter-tab.active .tab-count{background-color:var(--text);color:var(--bg)}.filter-tab.warning .tab-count{background-color:var(--warning);color:#fff}@media(max-width:640px){.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(prefers-color-scheme:dark){.filter-tab.active{background-color:#7fb3ff26;border-color:var(--accent-blue);color:var(--accent-blue)}.filter-tab.active .tab-count{background-color:var(--accent-blue);color:var(--bg)}}.schedules-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.schedules-list{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.schedule-list-item:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #0000001a}.schedule-list-item.inactive{opacity:.6}.schedule-list-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--accent-blue);flex-shrink:0}.schedule-list-info{flex:1;min-width:0}.schedule-name{font-weight:600;font-size:1rem;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-producer{font-size:.875rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);min-width:100px}.schedule-recurrence{font-size:.875rem;color:var(--text);font-weight:500}.schedule-times{font-size:.75rem;color:var(--text-muted)}.schedule-list-dose{min-width:80px;text-align:right}.schedule-quantity{font-size:.875rem;font-weight:500;color:var(--text)}.schedule-list-status{min-width:80px;display:flex;justify-content:flex-end}.schedule-badge{padding:2px var(--space-2);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.schedule-badge.inactive{background-color:var(--danger-bg);color:var(--danger)}.schedule-list-actions{display:flex;align-items:center}.schedule-list-arrow{color:var(--text-muted);flex-shrink:0}.schedules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.schedule-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-default) var(--easing)}.schedule-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.schedule-card.inactive{opacity:.6}.schedule-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);padding-bottom:0}.schedule-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-md);color:var(--accent-blue)}.schedule-card-badges{display:flex;gap:var(--space-1)}.schedule-card-content{padding:var(--space-4)}.schedule-card-content .schedule-name{margin:0 0 var(--space-1)}.schedule-card-content .schedule-producer{margin:0 0 var(--space-3)}.schedule-info{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-info-item{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-muted)}.schedule-info-item svg{flex-shrink:0;color:var(--text-muted)}.schedule-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.schedule-recurrence-label{font-size:.75rem;color:var(--text-muted)}.toggle-btn{display:flex;align-items:center;padding:0;background:transparent;border:none;cursor:pointer}.toggle-track{position:relative;width:44px;height:24px;background-color:var(--border);border-radius:12px;transition:background-color var(--transition-fast) var(--easing)}.toggle-btn.active .toggle-track{background-color:var(--success)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform var(--transition-fast) var(--easing)}.toggle-btn.active .toggle-thumb{transform:translate(20px)}.toggle-btn.large .toggle-track{width:52px;height:28px;border-radius:14px}.toggle-btn.large .toggle-thumb{width:24px;height:24px}.toggle-btn.large.active .toggle-thumb{transform:translate(24px)}.toggle-btn.small .toggle-track{width:36px;height:20px;border-radius:10px}.toggle-btn.small .toggle-thumb{width:16px;height:16px}.toggle-btn.small.active .toggle-thumb{transform:translate(16px)}.schedule-form-container{max-width:640px;margin:0 auto;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.schedule-form{display:flex;flex-direction:column;gap:var(--space-5)}.medication-search{position:relative}.medication-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;z-index:50}.medication-option{display:flex;flex-direction:column;gap:var(--space-1);width:100%;padding:var(--space-3);background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast) var(--easing)}.medication-option:hover{background-color:var(--bg-secondary)}.medication-option-name{font-weight:500;color:var(--text)}.medication-option-producer{font-size:.875rem;color:var(--text-muted)}.selected-medication{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.selected-medication-name{font-weight:500;color:var(--text)}.selected-medication-producer{font-size:.875rem;color:var(--text-muted)}.recurrence-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.recurrence-option{flex:1;min-width:100px;padding:var(--space-3);background-color:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;cursor:pointer;transition:all var(--transition-fast) var(--easing);text-align:center}.recurrence-option:hover{border-color:var(--border);color:var(--text)}.recurrence-option.active{background-color:#7fb3ff1a;border-color:var(--accent-blue);color:var(--accent-blue)}.interval-input-group{display:flex;align-items:center;gap:var(--space-3);font-size:1rem;color:var(--text)}.interval-input{width:80px;text-align:center}.days-of-week{display:flex;gap:var(--space-2);flex-wrap:wrap}.day-checkbox{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast) var(--easing)}.day-checkbox:hover{border-color:var(--border);color:var(--text)}.day-checkbox.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#111827}.intake-times{display:flex;flex-direction:column;gap:var(--space-2)}.intake-time-row{display:flex;align-items:center;gap:var(--space-2)}.time-input{width:120px}.quantity-group{display:flex;gap:var(--space-2)}.quantity-input{width:100px}.unit-select{flex:1}.end-date-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-actions-right{display:flex;gap:var(--space-2);margin-left:auto}.schedule-detail{max-width:800px;margin:0 auto}.schedule-detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.schedule-detail-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-lg);color:var(--accent-blue);flex-shrink:0}.schedule-detail-info{flex:1;min-width:0}.schedule-detail-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.schedule-detail-name{margin:0;font-size:1.5rem;font-weight:600}.schedule-detail-producer{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:1rem}.schedule-detail-sections{display:flex;flex-direction:column;gap:var(--space-4)}.status-toggle-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.status-info{flex:1}.status-description{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:.875rem}.detail-section{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.detail-section.metadata{display:flex;gap:var(--space-6);padding:var(--space-4);background-color:transparent;border:none}.section-title{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 var(--space-4) 0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1rem;color:var(--text);font-weight:500}.intake-times-display{display:flex;flex-wrap:wrap;gap:var(--space-2)}.intake-time-badge{padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:var(--text)}.dosage-display{display:flex;align-items:baseline;gap:var(--space-2)}.dosage-amount{font-size:2rem;font-weight:700;color:var(--accent-blue)}.dosage-unit{font-size:1.25rem;font-weight:600;color:var(--text)}.dosage-frequency{font-size:1rem;color:var(--text-muted)}.upcoming-intakes{display:flex;flex-direction:column;gap:var(--space-2)}.upcoming-intake-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.intake-datetime{font-weight:500;color:var(--text)}.intake-dose{font-size:.875rem;color:var(--text-muted)}.more-intakes{text-align:center;font-size:.875rem;color:var(--text-muted);padding:var(--space-2)}.metadata-item{display:flex;flex-direction:column;gap:var(--space-1)}.metadata-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metadata-value{font-size:.875rem;color:var(--text-muted)}.schedule-detail-actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}@media(max-width:640px){.schedules-toolbar{flex-direction:column;align-items:stretch}.schedule-detail-header,.status-toggle-section{flex-direction:column;text-align:center}.status-info{text-align:center}.detail-grid{grid-template-columns:1fr}.recurrence-selector{flex-direction:column}.recurrence-option{min-width:auto}.days-of-week{justify-content:center}.detail-section.metadata{flex-direction:column;gap:var(--space-3)}.schedule-list-item{flex-wrap:wrap}.schedule-list-meta,.schedule-list-dose,.schedule-list-status{min-width:auto}}@media(prefers-color-scheme:dark){.recurrence-option.active{background-color:#7fb3ff33}.day-checkbox.active{background-color:#7fb3ff4d;color:var(--accent-blue)}}.inventory-page,.inventory-detail-page,.inventory-form-page{min-height:100vh;background-color:var(--bg)}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.inventory-list{display:flex;flex-direction:column;gap:var(--space-2)}.inventory-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-default) var(--easing)}.inventory-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.inventory-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);padding-bottom:0}.inventory-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-md);color:var(--accent-blue)}.inventory-card-badges{display:flex;gap:var(--space-1)}.inventory-card-content{padding:var(--space-4)}.inventory-name{margin:0 0 var(--space-1);font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-producer{margin:0 0 var(--space-3);color:var(--text-muted);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.inventory-date{font-size:.75rem;color:var(--text-muted)}.inventory-badge{padding:2px var(--space-2);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.inventory-badge.backordered{background-color:var(--warning);color:#fff}.inventory-badge.expired{background-color:var(--danger);color:#fff}.inventory-badge.expiring{background-color:var(--warning-bg);color:var(--warning)}.stock-indicator{margin-bottom:var(--space-3)}.stock-bar{height:6px;background-color:var(--surface-2);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.stock-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-default) var(--easing)}.stock-indicator.good .stock-fill{background-color:var(--success)}.stock-indicator.normal .stock-fill{background-color:var(--accent-blue)}.stock-indicator.low .stock-fill{background-color:var(--warning)}.stock-indicator.critical .stock-fill{background-color:var(--danger)}.stock-info{display:flex;align-items:baseline;gap:var(--space-2)}.stock-quantity{font-size:1.25rem;font-weight:700}.stock-unit{font-size:.875rem;color:var(--text-muted)}.stock-label{margin-left:auto;font-size:.75rem;font-weight:500;padding:2px var(--space-2);border-radius:var(--radius-sm)}.stock-label.good{background-color:var(--success-bg);color:var(--success)}.stock-label.normal{background-color:var(--info-bg);color:var(--info)}.stock-label.low{background-color:var(--warning-bg);color:var(--warning)}.stock-label.critical{background-color:var(--danger-bg);color:var(--danger)}.expiry-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem}.expiry-indicator.expiring{background-color:var(--warning-bg);color:var(--warning)}.expiry-indicator.expired{background-color:var(--danger-bg);color:var(--danger)}.inventory-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.inventory-list-item:hover{background-color:var(--surface-2)}.inventory-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-md);color:var(--accent-blue);flex-shrink:0}.inventory-list-info{flex:1;min-width:0}.inventory-list-info .inventory-name,.inventory-list-info .inventory-producer{margin:0}.inventory-list-stock{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);min-width:100px}.stock-bar-mini{width:60px;height:4px;background-color:var(--surface-2);border-radius:var(--radius-full);overflow:hidden}.stock-bar-mini.good .stock-fill{background-color:var(--success)}.stock-bar-mini.normal .stock-fill{background-color:var(--accent-blue)}.stock-bar-mini.low .stock-fill{background-color:var(--warning)}.stock-bar-mini.critical .stock-fill{background-color:var(--danger)}.stock-text{font-size:.875rem;font-weight:500}.stock-text.good{color:var(--success)}.stock-text.normal{color:var(--text)}.stock-text.low{color:var(--warning)}.stock-text.critical{color:var(--danger)}.inventory-list-meta{display:flex;gap:var(--space-2);flex-shrink:0}.inventory-list-arrow{color:var(--text-muted);flex-shrink:0}.inventory-detail{max-width:800px;margin:0 auto}.inventory-detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.inventory-detail-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-2);border-radius:var(--radius-lg);color:var(--accent-blue);flex-shrink:0}.inventory-detail-info{flex:1;min-width:0}.inventory-detail-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.inventory-detail-name{margin:0;font-size:1.5rem;font-weight:600}.inventory-detail-producer{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:1rem}.inventory-detail-sections{display:flex;flex-direction:column;gap:var(--space-4)}.stock-display{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.stock-display-amount{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.stock-number{font-size:3rem;font-weight:700}.stock-display .stock-unit{font-size:1.125rem}.stock-display-bar{height:10px;background-color:var(--surface-2);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.stock-display.good .stock-fill{background-color:var(--success)}.stock-display.normal .stock-fill{background-color:var(--accent-blue)}.stock-display.low .stock-fill{background-color:var(--warning)}.stock-display.critical .stock-fill{background-color:var(--danger)}.stock-status-label{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.stock-status-label.good{background-color:var(--success-bg);color:var(--success)}.stock-status-label.normal{background-color:var(--info-bg);color:var(--info)}.stock-status-label.low{background-color:var(--warning-bg);color:var(--warning)}.stock-status-label.critical{background-color:var(--danger-bg);color:var(--danger)}.backorder-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.backorder-info{flex:1}.status-indicator{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.status-indicator.available{background-color:var(--success-bg);color:var(--success)}.status-indicator.backordered{background-color:var(--warning-bg);color:var(--warning)}.backorder-description{margin:var(--space-2) 0 0;font-size:.875rem;color:var(--text-muted)}.transaction-history-section{margin-top:var(--space-4)}.transaction-loading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-muted);font-size:.875rem}.transaction-loading .loading-spinner.small{width:20px;height:20px}.transaction-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:.875rem}.transaction-list{display:flex;flex-direction:column;gap:var(--space-2)}.transaction-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);border-left-width:3px}.transaction-item.transaction-blue{border-left-color:var(--info)}.transaction-item.transaction-green{border-left-color:var(--success)}.transaction-item.transaction-orange{border-left-color:var(--warning)}.transaction-item.transaction-purple{border-left-color:var(--accent-purple)}.transaction-item.transaction-red{border-left-color:var(--danger)}.transaction-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--surface-2);color:var(--text-muted);flex-shrink:0}.transaction-item.transaction-blue .transaction-icon{color:var(--info);background-color:var(--info-bg)}.transaction-item.transaction-green .transaction-icon{color:var(--success);background-color:var(--success-bg)}.transaction-item.transaction-orange .transaction-icon{color:var(--warning);background-color:var(--warning-bg)}.transaction-item.transaction-purple .transaction-icon{color:var(--accent-purple);background-color:#9333ea1a}.transaction-item.transaction-red .transaction-icon{color:var(--danger);background-color:var(--danger-bg)}.transaction-content{flex:1;min-width:0}.transaction-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.transaction-type{font-weight:600;font-size:.875rem}.transaction-date{font-size:.75rem;color:var(--text-muted)}.transaction-details{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem}.transaction-quantity{font-weight:600}.transaction-quantity.positive{color:var(--success)}.transaction-quantity.negative{color:var(--warning)}.transaction-balance{color:var(--text-muted)}.transaction-notes{margin:var(--space-1) 0 0;font-size:.75rem;color:var(--text-muted);font-style:italic}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.alert-warning{background-color:var(--warning-bg);border:1px solid var(--warning);color:var(--warning)}.alert-danger{background-color:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.alert-content strong{display:block;margin-bottom:var(--space-1)}.alert-content p{margin:0;font-size:.875rem;opacity:.9}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.inventory-form{max-width:600px;margin:0 auto;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.current-stock-info{background-color:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.current-stock-info h3{margin:0 0 var(--space-2);font-size:1.125rem;font-weight:600}.current-stock-info .current-stock{margin:0;color:var(--text-muted)}.restock-quantity-input{display:flex;align-items:center;gap:var(--space-2)}.restock-quantity-input .form-input{flex:1}.restock-quantity-input .unit-label{font-size:.875rem;color:var(--text-muted);white-space:nowrap}.new-total{margin:var(--space-2) 0 0;font-size:.875rem;color:var(--success)}.adjustment-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--surface-2);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:.875rem}.adjustment-change{font-weight:600}.adjustment-change.positive{color:var(--success)}.adjustment-change.negative{color:var(--warning)}.adjustment-arrow,.adjustment-new{color:var(--text-muted)}.selected-medication{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.selected-medication-info{display:flex;flex-direction:column;gap:2px}.selected-medication-info .medication-name{font-weight:600}.selected-medication-info .medication-producer{font-size:.875rem;color:var(--text-muted)}.medication-search-container{position:relative}.medication-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);z-index:100;max-height:240px;overflow-y:auto;margin-top:var(--space-1)}.dropdown-loading,.dropdown-empty{padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:.875rem}.dropdown-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast) var(--easing)}.dropdown-item:hover{background-color:var(--surface-2)}.dropdown-item .med-name{font-weight:500}.dropdown-item .med-producer{font-size:.875rem;color:var(--text-muted)}@media(max-width:768px){.inventory-toolbar{flex-direction:column;align-items:stretch}.inventory-grid{grid-template-columns:1fr}.inventory-list-item{flex-wrap:wrap}.inventory-list-stock{order:3;width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.inventory-list-meta{order:2}.inventory-list-arrow{display:none}.inventory-detail-header{flex-direction:column;text-align:center}.inventory-detail-badges{justify-content:center}.backorder-status{flex-direction:column;text-align:center}.backorder-status .btn{width:100%}}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-5);margin-bottom:var(--space-5)}.dashboard-section{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.stat-icon-purple{background-color:#c7b8ff33;color:#9d8aff}@media(prefers-color-scheme:dark){.stat-icon-purple{background-color:#c7b8ff26;color:var(--accent-lavender)}}.time-slots{display:flex;flex-direction:column;gap:var(--space-4)}.time-slot{border-left:3px solid var(--accent-blue);padding-left:var(--space-4)}.time-slot-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.time-slot-icon{font-size:1.25rem}.time-slot-label{font-weight:600;color:var(--text)}.time-slot-range{font-size:.75rem;color:var(--text-muted)}.time-slot-count{margin-left:auto;padding:2px var(--space-2);background-color:var(--surface-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-muted)}.time-groups{display:flex;flex-direction:column;gap:var(--space-4)}.time-group-card{background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.time-group-card-overdue{border-left:3px solid var(--danger)}.time-group-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.time-group-time{font-size:1.125rem;font-weight:700;color:var(--text)}.time-group-count{font-size:.875rem;color:var(--text-muted)}.time-group-take-all{margin-left:auto}.time-group-intakes{display:flex;flex-direction:column;gap:var(--space-2)}.time-group-intakes .intake-time{display:none}.intake-cards{display:flex;flex-direction:column;gap:var(--space-3)}.intake-card{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--transition-fast) var(--easing)}.intake-card:hover{box-shadow:var(--shadow-2)}.intake-card-overdue{border-left:3px solid var(--danger);background-color:var(--danger-bg)}.intake-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.intake-time{font-size:.875rem;font-weight:600;color:var(--text)}.intake-status{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize}.intake-status-pending{background-color:var(--info-bg);color:var(--info)}.intake-status-overdue{background-color:var(--danger-bg);color:var(--danger)}.intake-status-taken{background-color:var(--success-bg);color:var(--success)}.intake-status-missed{background-color:var(--danger-bg);color:var(--danger)}.intake-status-skipped{background-color:var(--warning-bg);color:var(--warning)}.intake-card-body{margin-bottom:var(--space-2)}.intake-medication-name{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 var(--space-1) 0}.intake-dosage{font-size:.875rem;color:var(--text-muted);margin:0}.intake-notes{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:var(--space-2) 0 0 0}.intake-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.intake-card-actions .btn{flex:1}.intake-taken-time{font-size:.75rem;color:var(--success);margin:var(--space-2) 0 0 0}.adherence-chart{padding:var(--space-4)}.chart-title{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 var(--space-4) 0}.chart-container{display:flex;gap:var(--space-3)}.chart-bars{flex:1;display:flex;align-items:stretch;gap:var(--space-2);height:120px}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center}.chart-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;max-width:24px;background:linear-gradient(to top,var(--accent-blue),var(--accent-teal));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height var(--transition-default) var(--easing);min-height:4px}.chart-label{margin-top:var(--space-2);font-size:.625rem;color:var(--text-muted);text-transform:uppercase}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.625rem;color:var(--text-muted);padding-bottom:var(--space-4);min-width:32px;text-align:right}.low-stock-list{display:flex;flex-direction:column;gap:var(--space-3)}.low-stock-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-md)}.low-stock-critical{background-color:var(--danger-bg);border-color:var(--danger)}.low-stock-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--warning)}.low-stock-critical .low-stock-icon{color:var(--danger)}.low-stock-icon svg{width:24px;height:24px}.low-stock-content{flex:1;min-width:0}.low-stock-medication{font-size:.875rem;font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.low-stock-details{font-size:.75rem;color:var(--text-muted);margin:0}.low-stock-days{font-size:.75rem;font-weight:600;color:var(--warning);margin:0}.low-stock-critical .low-stock-days{color:var(--danger)}.quick-links-section{padding:var(--space-4)}.quick-links{display:flex;flex-direction:column;gap:var(--space-2)}.quick-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-weight:500;transition:all var(--transition-fast) var(--easing)}.quick-link:hover{border-color:var(--accent-blue);background-color:var(--surface)}.quick-link svg{width:20px;height:20px;color:var(--text-muted)}.schedule-section{min-height:300px}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--text-muted)}.empty-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--border)}.loading-state .spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.alert-error{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.btn-link{background:none;border:none;color:var(--accent-blue);padding:var(--space-1) var(--space-2)}.btn-link:hover{background:none;text-decoration:underline}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background-color:var(--success-dark);border-color:var(--success-dark)}.btn-success:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{flex-direction:row;flex-wrap:wrap}.dashboard-sidebar>*{flex:1;min-width:280px}}@media(max-width:640px){.dashboard-grid{gap:var(--space-4)}.dashboard-section{padding:var(--space-4)}.time-slot-header{flex-wrap:wrap}.time-slot-range{width:100%;margin-top:var(--space-1)}.quick-stats{grid-template-columns:repeat(2,1fr)}.chart-bars{height:80px}}@media(prefers-color-scheme:dark){.intake-card{background-color:var(--surface)}.intake-card-overdue{background-color:#dc26261a}.quick-link{background-color:var(--surface)}.quick-link:hover{background-color:var(--surface-2)}.chart-bar{background:linear-gradient(to top,var(--accent-blue),var(--accent-teal))}.low-stock-card{background-color:#d977061a}.low-stock-critical{background-color:#dc26261a}}.history-page{min-height:100vh;background-color:var(--bg)}.history-content{display:grid;grid-template-columns:280px 1fr;gap:var(--space-5);max-width:1200px;margin:0 auto;padding:0 var(--space-5) var(--space-5)}.history-main{display:flex;flex-direction:column;gap:var(--space-4)}.history-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-5);max-width:1200px;margin-left:auto;margin-right:auto;padding:var(--space-5) var(--space-5) 0}.stat-icon-red{background-color:#dc262626;color:var(--danger)}.stat-icon-yellow{background-color:#d9770626;color:var(--warning)}.history-filters{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);height:fit-content;position:sticky;top:var(--space-4)}.filters-title{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.filter-group{margin-bottom:var(--space-4)}.filter-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:var(--space-2)}.date-range-inputs{display:flex;flex-direction:column;gap:var(--space-2)}.date-separator{font-size:.75rem;color:var(--text-muted);text-align:center}.filter-options{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-blue)}.filter-empty{font-size:.875rem;color:var(--text-muted);font-style:italic}.filter-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.filter-actions .btn{flex:1}.checkbox-label.status-taken span{color:var(--success)}.checkbox-label.status-missed span{color:var(--danger)}.checkbox-label.status-skipped span{color:var(--warning)}.checkbox-label.status-pending span{color:var(--info)}.history-calendar{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.calendar-title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.btn-square{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text);transition:all var(--transition-fast) var(--easing)}.btn-square:hover{background-color:var(--surface-2);border-color:var(--accent-blue)}.btn-square svg{width:20px;height:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);padding:var(--space-2);text-transform:uppercase}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-1);background:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) var(--easing)}.calendar-day:hover{background-color:var(--surface-2)}.calendar-day.other-month{opacity:.4}.calendar-day.today{background-color:var(--surface-2);font-weight:600}.calendar-day.selected{border-color:var(--accent-blue);background-color:#7fb3ff1a}.calendar-day.adherence-full{background-color:#16a34a1a}.calendar-day.adherence-partial{background-color:#d977061a}.calendar-day.adherence-missed{background-color:#dc26261a}.day-number{font-size:.875rem;color:var(--text)}.day-indicators{display:flex;gap:2px}.indicator{width:6px;height:6px;border-radius:50%}.indicator.taken{background-color:var(--success)}.indicator.missed{background-color:var(--danger)}.indicator.skipped{background-color:var(--warning)}.indicator.pending{background-color:var(--info)}.calendar-legend{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--text-muted)}.day-detail-panel{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.detail-title h3{font-size:1rem;font-weight:600;color:var(--text);margin:0}.detail-subtitle{font-size:.875rem;color:var(--text-muted);margin:var(--space-1) 0 0 0}.detail-empty{text-align:center;padding:var(--space-6);color:var(--text-muted)}.detail-intakes{display:flex;flex-direction:column;gap:var(--space-3)}.detail-intake-card{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);border-left:3px solid var(--border)}.detail-intake-card.status-taken{border-left-color:var(--success)}.detail-intake-card.status-missed{border-left-color:var(--danger)}.detail-intake-card.status-skipped{border-left-color:var(--warning)}.detail-intake-card.status-pending{border-left-color:var(--info)}.detail-intake-card .intake-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.detail-intake-card .intake-time{font-size:.875rem;font-weight:600;color:var(--text)}.intake-status-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:capitalize}.intake-status-badge.status-taken{background-color:var(--success-bg);color:var(--success)}.intake-status-badge.status-missed{background-color:var(--danger-bg);color:var(--danger)}.intake-status-badge.status-skipped{background-color:var(--warning-bg);color:var(--warning)}.intake-status-badge.status-pending{background-color:var(--info-bg);color:var(--info)}.detail-intake-card .intake-medication{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 var(--space-1) 0}.detail-intake-card .intake-dosage{font-size:.875rem;color:var(--text-muted);margin:0}.detail-intake-card .intake-actual-time{font-size:.75rem;color:var(--success);margin:var(--space-2) 0 0 0}.detail-intake-card .intake-notes{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:var(--space-2) 0 0 0}.btn-mobile-only,.filters-drawer-overlay{display:none}@media(max-width:1024px){.history-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.history-content{grid-template-columns:1fr}.history-filters{display:none}.btn-mobile-only{display:flex}.filters-drawer-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:100}.filters-drawer{position:fixed;right:0;top:0;bottom:0;width:300px;max-width:100%;background-color:var(--bg);overflow-y:auto;z-index:101}.filters-drawer .history-filters{display:block;border:none;border-radius:0}.history-stats{grid-template-columns:repeat(2,1fr)}.calendar-day{font-size:.75rem}.day-indicators{gap:1px}.indicator{width:4px;height:4px}.calendar-legend{flex-wrap:wrap;gap:var(--space-2)}}@media(max-width:480px){.history-stats{grid-template-columns:1fr 1fr}.history-stats .stat-card:last-child{grid-column:span 2}}@media(prefers-color-scheme:dark){.history-filters,.history-calendar{background-color:var(--surface)}.calendar-day:hover{background-color:#ffffff0d}.calendar-day.today{background-color:#ffffff14}.calendar-day.selected{background-color:#7fb3ff26}.day-detail-panel{background-color:var(--surface)}.detail-intake-card{background-color:var(--bg)}.filters-drawer{background-color:var(--surface)}}.planning-page{padding:var(--spacing-lg)}.planning-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs);background-color:var(--surface);border-radius:var(--radius-lg);overflow-x:auto}.planning-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast) var(--easing);white-space:nowrap}.planning-tab:hover{color:var(--text);background-color:var(--surface-2)}.planning-tab.active{color:var(--accent-blue);background-color:var(--bg);box-shadow:var(--shadow-sm)}.planning-tab svg{width:20px;height:20px;flex-shrink:0}.planning-content{min-height:400px}.color-legend{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.legend-title{font-size:.875rem;font-weight:500;color:var(--text-muted)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm);flex-shrink:0}.legend-color-sm{width:12px;height:12px;border-radius:var(--radius-sm);display:inline-block;margin-right:var(--spacing-xs)}.legend-name{font-size:.875rem;color:var(--text)}.legend-unit{font-size:.75rem;color:var(--text-muted)}.weekly-plan{display:flex;flex-direction:column;gap:var(--spacing-lg)}.weekly-plan-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.weekly-plan-dates .date-range{font-size:1.125rem;font-weight:600;color:var(--text)}.weekly-plan-table-container{overflow-x:auto;background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.weekly-plan-table{width:100%;border-collapse:collapse;min-width:700px}.weekly-plan-table th,.weekly-plan-table td{padding:var(--spacing-md);border:1px solid var(--border);text-align:left;vertical-align:top}.weekly-plan-table th{background-color:var(--surface-2);font-weight:600;font-size:.875rem;color:var(--text)}.weekly-plan-table .day-column{width:120px}.weekly-plan-table .time-slot-column{width:calc((100% - 120px)/4)}.day-cell{background-color:var(--surface-2)}.day-cell .day-name{display:block;font-weight:600;color:var(--text)}.day-cell .day-date{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.weekly-plan-table tr.today .day-cell{background-color:var(--accent-blue)}.weekly-plan-table tr.today .day-cell .day-name,.weekly-plan-table tr.today .day-cell .day-date{color:#fff}.medications-cell{min-height:60px}.medication-pill{display:inline-flex;flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin:2px;color:#fff;font-size:.75rem;max-width:150px}.medication-pill .pill-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medication-pill .pill-dose{opacity:.9;font-size:.625rem}.weekly-plan-cards{display:none}.dispenser-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dispenser-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.dispenser-dates .date-range{font-size:1.125rem;font-weight:600;color:var(--text)}.dispenser-container{display:flex;justify-content:center;padding:var(--spacing-lg)}.dispenser-body{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;width:100%}.dispenser-compartment{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;min-height:150px;display:flex;flex-direction:column;border:2px solid var(--border);transition:border-color var(--transition-fast) var(--easing)}.dispenser-compartment:hover{border-color:var(--accent-blue)}.dispenser-compartment.today{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4299e133}.compartment-header{padding:var(--spacing-sm);background-color:var(--surface-2);text-align:center;border-bottom:1px solid var(--border)}.compartment-header .compartment-day{display:block;font-weight:600;font-size:.875rem;color:var(--text)}.compartment-header .compartment-date{display:block;font-size:.75rem;color:var(--text-muted)}.dispenser-compartment.today .compartment-header{//background-color: var(--accent-blue);border-color:var(--accent-blue)}.dispenser-compartment.today .compartment-header .compartment-day,.dispenser-compartment.today .compartment-header .compartment-date{color:#fff}.compartment-content{flex:1;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.compartment-empty{color:var(--text-muted);font-size:.75rem;text-align:center;padding:var(--spacing-md)}.compartment-slots{display:flex;flex-direction:column;width:100%;height:100%}.compartment-slot{flex:1;display:flex;align-items:center;gap:4px;padding:4px 8px;border-bottom:1px solid var(--border)}.compartment-slot:last-child{border-bottom:none}.compartment-slot-empty{opacity:.4}.slot-header{flex-shrink:0;width:36px}.slot-label{font-size:.625rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.slot-pills{flex:1;display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start;align-items:center}.pills-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.pill{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;transition:transform var(--transition-fast) var(--easing),box-shadow var(--transition-fast) var(--easing);min-width:28px;min-height:28px}.pill:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.pill-circle{border-radius:50%;width:32px;height:32px}.pill-oval{border-radius:50%;width:36px;height:24px}.pill-capsule{border-radius:12px;width:40px;height:20px}.pill-square{border-radius:var(--radius-sm);width:28px;height:28px}.pill-qty{text-shadow:0 1px 2px rgba(0,0,0,.3)}.pill-detail-modal{max-width:300px}.pill-detail-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border)}.pill-detail-modal .modal-header h3{margin:0;font-size:1rem;font-weight:600}.pill-detail-modal .modal-body{padding:var(--spacing-md)}.detail-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-size:.875rem}.detail-value{font-weight:500;color:var(--text)}.ingredient-report{display:flex;flex-direction:column;gap:var(--spacing-lg)}.report-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.date-range-toggle{display:flex;background-color:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-xs)}.date-range-toggle .toggle-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast) var(--easing)}.date-range-toggle .toggle-btn:hover{color:var(--text)}.date-range-toggle .toggle-btn.active{background-color:var(--accent-blue);color:#fff}.ingredient-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface);border-radius:var(--radius-md)}.chart-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.ingredient-chart{width:100%;height:300px}.report-table-container{overflow-x:auto;background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border)}.report-table th{background-color:var(--surface-2);font-weight:600;font-size:.875rem;color:var(--text)}.report-table tbody tr:hover{background-color:var(--surface-2)}@media print{.planning-page{padding:0}.page-header-actions,.planning-tabs,.report-controls,.btn{display:none!important}.planning-content{margin-top:0}.weekly-plan-table-container,.dispenser-container,.chart-container,.report-table-container{box-shadow:none;border:1px solid #ccc}.weekly-plan-table,.report-table{font-size:10pt}.color-legend,.ingredient-legend{background-color:transparent;border:1px solid #ccc;print-color-adjust:exact;-webkit-print-color-adjust:exact}.medication-pill,.pill,.legend-color,.legend-color-sm{print-color-adjust:exact;-webkit-print-color-adjust:exact}.dispenser-body{grid-template-columns:repeat(7,1fr);gap:8px}.dispenser-compartment{border:1px solid #ccc;min-height:100px}.ingredient-chart{height:200px}}@media(max-width:768px){.planning-page{padding:var(--spacing-md)}.planning-tabs{gap:var(--spacing-xs)}.planning-tab{padding:var(--spacing-sm);font-size:.8125rem}.planning-tab svg{width:18px;height:18px}.weekly-plan-table-container{display:none}.weekly-plan-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.day-card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.day-card.today{border:2px solid var(--accent-blue)}.day-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--surface-2);border-bottom:1px solid var(--border)}.day-card.today .day-card-header{background-color:var(--accent-blue)}.day-card.today .day-card-header .day-name,.day-card.today .day-card-header .day-date{color:#fff}.day-card-header .day-name{font-weight:600;color:var(--text)}.day-card-header .day-date{font-size:.875rem;color:var(--text-muted)}.day-card-content{padding:var(--spacing-md)}.time-slot-group{margin-bottom:var(--spacing-md)}.time-slot-group:last-child{margin-bottom:0}.time-slot-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.time-slot-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.dispenser-body{grid-template-columns:repeat(2,1fr)}.dispenser-compartment{min-height:120px}.report-controls{flex-direction:column;align-items:stretch}.date-range-toggle{justify-content:center}.ingredient-chart{height:250px}}@media(max-width:480px){.dispenser-body{grid-template-columns:1fr}.color-legend,.ingredient-legend{flex-direction:column;align-items:flex-start}}.settings-page{min-height:100vh;background-color:var(--bg)}.settings-content{max-width:800px;margin:0 auto;padding:var(--space-4)}.settings-section{margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--text-lg);font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.settings-section-description{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.settings-row-label{font-size:var(--text-sm);font-weight:500;color:var(--text)}.settings-row-description{font-size:var(--text-xs);color:var(--text-muted)}.settings-status{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.settings-status-success{background:var(--success-bg);color:var(--success)}.settings-status-warning{background:var(--warning-bg);color:var(--warning)}.settings-status-danger{background:var(--danger-bg);color:var(--danger)}.settings-toggle{position:relative;width:48px;height:28px;background:var(--border);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-default) var(--easing);flex-shrink:0}.settings-toggle:hover:not(:disabled){background:var(--text-muted)}.settings-toggle.active{background:var(--success)}.settings-toggle.active:hover:not(:disabled){background:var(--success-dark)}.settings-toggle:disabled{opacity:.5;cursor:not-allowed}.settings-toggle-slider{position:absolute;top:4px;left:4px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-default) var(--easing);box-shadow:0 1px 3px #0003}.settings-toggle.active .settings-toggle-slider{transform:translate(20px)}.settings-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin:var(--space-4)}.settings-alert svg{flex-shrink:0;margin-top:1px}.settings-alert-warning{background:var(--warning-bg);color:var(--warning)}.settings-alert-danger{background:var(--danger-bg);color:var(--danger)}.settings-card .settings-alert{margin:0;border-radius:0;border-top:1px solid var(--border)}@media(prefers-color-scheme:dark){.planning-tab.active,.weekly-plan-table th,.day-cell,.compartment-header,.report-table th{background-color:var(--surface-2)}.medication-pill,.pill{color:#fff}}.admin-page{max-width:1200px;margin:0 auto}.admin-tab-content{margin-top:var(--space-4)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.admin-stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.admin-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted)}.admin-stat-card.warning .admin-stat-icon{background:var(--warning-bg);color:var(--warning)}.admin-stat-card.success .admin-stat-icon{background:var(--success-bg);color:var(--success)}.admin-stat-card.info .admin-stat-icon{background:var(--info-bg);color:var(--info)}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-value{font-size:var(--font-2xl);font-weight:600;color:var(--text)}.admin-stat-label{font-size:var(--font-sm);color:var(--text-muted)}.admin-section{margin-bottom:var(--space-5)}.admin-section-title{font-size:var(--font-lg);font-weight:600;color:var(--text);margin:0 0 var(--space-3) 0}.admin-summary-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.admin-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.admin-summary-row:last-child{border-bottom:none}.admin-summary-label{font-size:var(--font-sm);color:var(--text-muted)}.admin-summary-value{font-size:var(--font-sm);font-weight:500;color:var(--text)}.admin-summary-value.danger{color:var(--danger)}.admin-items-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-item-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);gap:var(--space-4)}.admin-item-info{flex:1;min-width:0}.admin-item-name{font-size:var(--font-base);font-weight:500;color:var(--text);margin:0 0 var(--space-1) 0}.admin-item-meta{font-size:var(--font-sm);color:var(--text-muted);margin:0 0 var(--space-2) 0}.admin-item-actions{display:flex;gap:var(--space-2);flex-shrink:0}.admin-toolbar{margin-bottom:var(--space-4)}.admin-table-container{overflow-x:auto;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--surface-2);font-weight:500;font-size:var(--font-sm);color:var(--text-muted)}.admin-table td{font-size:var(--font-sm)}.admin-table tr:last-child td{border-bottom:none}.admin-role-select{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--font-sm);cursor:pointer}.admin-current-user{color:var(--text-muted);font-size:var(--font-sm)}.admin-period-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.admin-period-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-4)}.admin-period-title{font-size:var(--font-sm);font-weight:500;color:var(--text-muted);margin:0 0 var(--space-3) 0}.admin-period-stats{display:flex;justify-content:space-between;gap:var(--space-4)}.admin-period-stat{display:flex;flex-direction:column;align-items:center}.admin-period-value{font-size:var(--font-xl);font-weight:600}.admin-period-value.success{color:var(--success)}.admin-period-value.danger{color:var(--danger)}.admin-period-value.info{color:var(--info)}.admin-period-label{font-size:var(--font-xs);color:var(--text-muted)}.admin-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.admin-breakdown-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.admin-breakdown-label{font-size:var(--font-sm);color:var(--text)}.admin-breakdown-value{font-size:var(--font-sm);font-weight:600;color:var(--text)}.admin-empty-text{color:var(--text-muted);font-size:var(--font-sm)}.admin-totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.admin-total-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.admin-total-value{font-size:var(--font-2xl);font-weight:600;color:var(--text)}.admin-total-value.danger{color:var(--danger)}.admin-total-value.info{color:var(--info)}.admin-total-label{font-size:var(--font-sm);color:var(--text-muted)}.admin-audit-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.admin-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.admin-filter-group label{font-size:var(--font-xs);font-weight:500;color:var(--text-muted)}.admin-filter-select,.admin-filter-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:var(--font-sm);min-width:150px}.admin-filter-select:focus,.admin-filter-input:focus{outline:none;border-color:var(--primary)}.admin-results-count{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.admin-audit-timestamp{white-space:nowrap;font-size:var(--font-xs);font-family:var(--font-mono)}.admin-resource-id{display:block;font-size:var(--font-xs);color:var(--text-muted);font-family:var(--font-mono)}.admin-user-id{font-family:var(--font-mono);font-size:var(--font-xs)}.admin-audit-reason{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.admin-page-info{font-size:var(--font-sm);color:var(--text-muted)}@media(max-width:768px){.admin-item-card{flex-direction:column;align-items:flex-start}.admin-item-actions{width:100%}.admin-item-actions .btn{flex:1}.admin-audit-filters{flex-direction:column}.admin-filter-select,.admin-filter-input{width:100%;min-width:unset}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-2) var(--space-4);font-size:var(--font-sm);text-align:center;transition:transform .3s ease,background-color .3s ease}.offline-banner--offline{background-color:var(--warning-bg);color:var(--warning);border-bottom:1px solid var(--warning)}.offline-banner--syncing{background-color:var(--info-bg);color:var(--info);border-bottom:1px solid var(--info)}.offline-banner__content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);max-width:1200px;margin:0 auto}.offline-banner__icon{display:flex;align-items:center;flex-shrink:0}.offline-banner__icon--spinning svg{animation:spin 1s linear infinite}.offline-banner__text{font-weight:500}.offline-banner__badge{background-color:var(--warning);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600}.app-layout.has-offline-banner{padding-top:40px}@media(max-width:768px){.app-layout.has-offline-banner .app-main{padding-top:40px}}.last-sync-timestamp{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-muted)}.last-sync-timestamp--offline{color:var(--warning)}.last-sync-timestamp__icon{display:flex;align-items:center;opacity:.7}.last-sync-timestamp__text{white-space:nowrap}.requires-internet{position:relative;display:inline-block}.requires-internet__content--disabled{opacity:.5;pointer-events:none;filter:grayscale(.5)}.requires-internet__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--text);color:var(--bg);font-size:var(--font-xs);border-radius:var(--radius-md);white-space:nowrap;display:flex;align-items:center;gap:var(--space-1);z-index:100;animation:fadeIn .2s ease}.requires-internet__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--text)}.requires-internet__tooltip-icon{display:flex;align-items:center}.offline-disabled-button-wrapper{position:relative;display:inline-block}.offline-disabled-button{opacity:.5;cursor:not-allowed}.offline-disabled-button__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--text);color:var(--bg);font-size:var(--font-xs);border-radius:var(--radius-md);white-space:nowrap;z-index:100;animation:fadeIn .2s ease}.sync-progress{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.sync-progress--has-errors{border-color:var(--warning);background-color:var(--warning-bg)}.sync-progress__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.sync-progress__icon{display:flex;align-items:center;color:var(--info)}.sync-progress__icon--spinning{animation:spin 1s linear infinite}.sync-progress__title{font-weight:500;flex:1}.sync-progress__count{font-size:var(--font-sm);color:var(--text-muted)}.sync-progress__bar-container{height:4px;background-color:var(--surface-2);border-radius:var(--radius-full);overflow:hidden}.sync-progress__bar{height:100%;background-color:var(--info);border-radius:var(--radius-full);transition:width .3s ease}.sync-progress__current{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-progress__errors{margin-top:var(--space-2);font-size:var(--font-xs);color:var(--warning)}.sync-indicator{display:flex;align-items:center}.sync-indicator__syncing,.sync-indicator__conflicts,.sync-indicator__pending{display:flex;align-items:center;position:relative}.sync-indicator__syncing{color:var(--info)}.sync-indicator__conflicts{color:var(--warning)}.sync-indicator__pending{color:var(--text-muted)}.sync-indicator__icon--spinning{animation:spin 1s linear infinite}.sync-indicator__badge{position:absolute;top:-4px;right:-8px;min-width:14px;height:14px;background-color:var(--info);color:#fff;font-size:10px;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.toast-container{position:fixed;bottom:calc(var(--bottom-nav-height, 64px) + var(--space-4));left:var(--space-4);right:var(--space-4);z-index:1001;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}@media(min-width:768px){.toast-container{bottom:var(--space-4);left:auto;right:var(--space-4);width:360px}}.reconnection-toast{pointer-events:auto;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.reconnection-toast__content{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.reconnection-toast__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0}.reconnection-toast__icon--success{background-color:var(--success-bg);color:var(--success)}.reconnection-toast__text{flex:1;min-width:0}.reconnection-toast__title{font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.reconnection-toast__subtitle{font-size:var(--font-sm);color:var(--text-muted)}.reconnection-toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease;flex-shrink:0}.reconnection-toast__close:hover{background-color:var(--surface-2);color:var(--text)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.offline-banner--offline{background-color:color-mix(in srgb,var(--warning) 20%,var(--bg))}.offline-banner--syncing{background-color:color-mix(in srgb,var(--info) 20%,var(--bg))}.requires-internet__tooltip,.offline-disabled-button__tooltip{background-color:var(--surface-2);color:var(--text)}.requires-internet__tooltip:after{border-top-color:var(--surface-2)}.reconnection-toast{background-color:var(--surface)}}