:root{--text-color: #1A202C;--background-color: #FFFFFF;--primary-color: #4A5568;--secondary-color: #A0AEC0;--accent-color: #E53E3E;--card-bg: #F7FAFC;--input-bg: #EDF2F7;--border-color: #E2E8F0;--shadow-color: rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--transition-speed: .2s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--navbar-height: 3.5rem;--sidebar-width: 16rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:var(--text-color);background-color:var(--background-color)}body.font-size-small{font-size:14px}body.font-size-large{font-size:18px}#app{min-height:100%;display:flex;flex-direction:column}button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);background-color:var(--primary-color);color:#fff;border:none;outline:none;text-decoration:none;height:2.5rem}button:hover,.btn:hover{filter:brightness(1.1)}button:active,.btn:active{transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color)}.btn-secondary{background-color:var(--secondary-color)}.btn-accent{background-color:var(--accent-color)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-sm{height:2rem;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-lg{height:3rem;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.btn-icon{width:2.5rem;padding:0}input,select,textarea{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);font-size:var(--font-size-md);transition:border-color var(--transition-speed) var(--transition-ease);outline:none;width:100%;height:2.5rem}input:focus,select:focus,textarea:focus{border-color:var(--primary-color)}textarea{height:auto;min-height:6rem;resize:vertical}label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-color)}.form-group{margin-bottom:var(--spacing-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-md))}.col{flex:1 0 0%;padding:0 var(--spacing-md)}.card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px var(--shadow-color);padding:var(--spacing-lg);transition:transform var(--transition-speed) var(--transition-ease),box-shadow var(--transition-speed) var(--transition-ease)}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px var(--shadow-color)}.card-header{margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:var(--font-size-xl);font-weight:600;margin:0}.card-footer{margin-top:var(--spacing-md);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:var(--background-color);position:fixed;top:0;left:0;z-index:9999}.loading-spinner{width:3rem;height:3rem;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;grid-gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--spacing-sm)}}@media (min-width: 641px) and (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}:root,.theme-light{--text-color: #1A202C;--text-muted: #4A5568;--background-color: #FFFFFF;--background-alt: #F7FAFC;--primary-color: #3F51B5;--secondary-color: #A0AEC0;--accent-color: #E53E3E;--success-color: #38A169;--warning-color: #ECC94B;--danger-color: #E53E3E;--card-bg: #FFFFFF;--input-bg: #EDF2F7;--border-color: #E2E8F0;--shadow-color: rgba(0, 0, 0, .1);--header-bg: #FFFFFF;--sidebar-bg: #F7FAFC;--modal-bg: #FFFFFF;--hover-bg: #F7FAFC}.theme-dark{--text-color: #F7FAFC;--text-muted: #A0AEC0;--background-color: #1A202C;--background-alt: #2D3748;--primary-color: #5C6AC4;--secondary-color: #4A5568;--accent-color: #F56565;--success-color: #68D391;--warning-color: #F6E05E;--danger-color: #FC8181;--card-bg: #2D3748;--input-bg: #4A5568;--border-color: #4A5568;--shadow-color: rgba(0, 0, 0, .3);--header-bg: #2D3748;--sidebar-bg: #2D3748;--modal-bg: #2D3748;--hover-bg: #4A5568}@media (prefers-color-scheme: dark){.theme-auto{--text-color: #F7FAFC;--text-muted: #A0AEC0;--background-color: #1A202C;--background-alt: #2D3748;--primary-color: #5C6AC4;--secondary-color: #4A5568;--accent-color: #F56565;--success-color: #68D391;--warning-color: #F6E05E;--danger-color: #FC8181;--card-bg: #2D3748;--input-bg: #4A5568;--border-color: #4A5568;--shadow-color: rgba(0, 0, 0, .3);--header-bg: #2D3748;--sidebar-bg: #2D3748;--modal-bg: #2D3748;--hover-bg: #4A5568}}.color-theme-strawberry{--primary-color: #E53E3E;--accent-color: #38A169}.color-theme-blueberry{--primary-color: #3182CE;--accent-color: #D53F8C}.color-theme-mint{--primary-color: #38A169;--accent-color: #805AD5}.color-theme-lavender{--primary-color: #805AD5;--accent-color: #DD6B20}.status-expired{color:var(--danger-color)}.status-expiring-soon{color:var(--warning-color)}.status-opened{color:var(--accent-color)}.bg-status-expired{background-color:rgba(var(--danger-color-rgb, 229, 62, 62),.2)}.bg-status-expiring-soon{background-color:rgba(var(--warning-color-rgb, 236, 201, 75),.2)}.bg-status-opened{background-color:rgba(var(--accent-color-rgb, 245, 101, 101),.2)}@keyframes flash-theme{0%,to{--text-color: var(--text-color);--background-color: var(--background-color)}50%{--text-color: #1A202C;--background-color: #FFFFFF}}.flash-theme{animation:flash-theme .5s ease-in-out 6}