:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:2rem;font-family:var(--font-family);position:relative;overflow:hidden;width:100vw;box-sizing:border-box;margin:0;left:0;right:0}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;width:100%;max-width:500px;box-shadow:0 8px 32px #86efac14,0 4px 16px #0000000a,inset 0 1px #ffffffe6;border:1px solid rgba(255,255,255,.6);animation:slideUp .8s cubic-bezier(.16,1,.3,1);position:relative;z-index:10;transform:perspective(1000px) rotateX(2deg);transition:all .3s ease;flex-shrink:0}.login-card:hover{transform:perspective(1000px) rotateX(0) translateY(-3px);box-shadow:0 12px 40px #86efac1f,0 8px 20px #0000000f,inset 0 1px #fffffff2}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) perspective(1000px) rotateX(15deg)}to{opacity:1;transform:translateY(0) perspective(1000px) rotateX(5deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.logo-image{width:180px;height:80px;object-fit:contain;border-radius:20px;animation:float 4s ease-in-out infinite;transition:all .3s ease;border:1px solid rgba(255,255,255,.8)}.logo-image:hover{transform:scale(1.03) translateY(-2px)}.logo-icon{font-size:2.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-logo h1{font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,#86efac,#bbf7d0,#dcfce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 1px 2px rgba(134,239,172,.1);animation:float 3s ease-in-out infinite;letter-spacing:-.01em}.login-subtitle{color:var(--color-text-secondary);font-size:1rem;margin:0;font-weight:400}.login-form{margin-bottom:2rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary);font-size:.9rem}.form-input{width:100%;padding:1rem 1.25rem;border:1px solid rgba(134,239,172,.3);border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc;color:var(--color-text-primary);box-shadow:0 2px 8px #86efac0d,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.form-input:focus{outline:none;border-color:#86efac99;background:#fffffff2;box-shadow:0 4px 16px #86efac1a,0 0 0 3px #86efac1a,inset 0 1px #fffffff2;transform:translateY(-1px)}.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error)}.form-input:disabled{opacity:.6;cursor:not-allowed}.password-input-container{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;transition:opacity .2s ease;padding:.25rem}.password-toggle:hover{opacity:1}.password-toggle:disabled{cursor:not-allowed;opacity:.3}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:.5rem;font-weight:500}.general-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.75rem;margin-bottom:1rem;text-align:center}.success-message{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#047857;border-radius:8px;padding:.75rem;margin-bottom:1rem;text-align:center;font-weight:500}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:#6b7280;-webkit-user-select:none;user-select:none}.checkbox-container input{display:none}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;margin-right:.5rem;position:relative;transition:all .2s ease}.checkbox-container input:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-container input:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.forgot-password{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:#5a67d8;text-decoration:underline}.login-button{width:100%;background:linear-gradient(135deg,#86efac,#bbf7d0,#dcfce7);color:#374151;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #86efac33,0 2px 8px #0000000d,inset 0 1px #ffffff4d;text-transform:uppercase;letter-spacing:.3px}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #86efac4d,0 4px 12px #00000014,inset 0 1px #fff6}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 8px 20px var(--color-primary),0 4px 8px #0000001a,inset 0 1px #fff3}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.demo-credentials{background:#86efac0d;border:1px solid rgba(134,239,172,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #86efac14,inset 0 1px #fff9}.demo-credentials h4{margin:0 0 1rem;color:var(--color-text-primary);font-size:.9rem;font-weight:600;text-align:center}.demo-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.demo-button{flex:1;min-width:80px;background:#86efac1a;color:#374151;border:1px solid rgba(134,239,172,.3);padding:.625rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #86efac1a,inset 0 1px #fff9;position:relative;overflow:hidden}.demo-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.demo-button:hover:not(:disabled){background:#86efac26;border-color:#86efac66;transform:translateY(-1px);box-shadow:0 2px 8px #86efac26,inset 0 1px #fffc}.demo-button:hover:not(:disabled):before{left:100%}.demo-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;color:#6b7280;font-size:.9rem}.signup-link{color:#667eea;background:none;border:none;font:inherit;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.signup-link:hover,.signup-link:focus{color:#5a67d8;text-decoration:underline}@media (max-width: 768px){.login-container{padding:1rem}.login-card{padding:2.5rem;max-width:100%;transform:perspective(1000px) rotateX(2deg)}.login-card:hover{transform:perspective(1000px) rotateX(0) translateY(-3px)}.login-logo h1{font-size:2.2rem}.logo-image{width:70px;height:70px}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}.demo-buttons{flex-direction:column}.demo-button{min-width:auto}}@media (max-width: 480px){.login-card{padding:2rem;border-radius:24px}.login-logo h1{font-size:1.8rem}.logo-image{width:60px;height:60px}.form-input{padding:1rem 1.25rem}.login-button{padding:1rem;font-size:1rem}}@media (max-width: 480px){.login-card{padding:1.5rem}.login-logo{flex-direction:column;gap:.5rem}.login-logo h1{font-size:1.5rem}.logo-icon{font-size:2rem}}.super-admin-modal__overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.super-admin-modal__container{background:#fff;border-radius:16px;width:min(900px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a73}.super-admin-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(148,163,184,.3)}.super-admin-modal__header h2{margin:0;font-size:1.5rem;font-weight:600;color:#0f172a}.super-admin-modal__close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:#64748b;line-height:1}.super-admin-modal__form{padding:1.75rem 2rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem}.super-admin-modal__section{background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:1rem}.super-admin-modal__section h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.super-admin-modal__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.5rem}.super-admin-modal__field{display:flex;flex-direction:column;gap:.45rem;font-size:.95rem;color:#475569}.super-admin-modal__field input,.super-admin-modal__field textarea{width:100%;padding:.65rem .85rem;border-radius:10px;border:1px solid rgba(148,163,184,.45);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.super-admin-modal__field input:focus,.super-admin-modal__field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.super-admin-modal__toggles{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.super-admin-modal__toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:#334155}.super-admin-modal__alert{padding:.85rem 1rem;border-radius:10px;font-size:.95rem;line-height:1.5}.super-admin-modal__alert--error{background:#f8717126;color:#b91c1c;border:1px solid rgba(248,113,113,.45)}.super-admin-modal__alert--success{background:#86efac33;color:#166534;border:1px solid rgba(134,239,172,.5)}.super-admin-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.super-admin-modal__button{min-width:150px;padding:.65rem 1.25rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.super-admin-modal__button--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 30px -12px #2563ebb3}.super-admin-modal__button--primary:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.super-admin-modal__button--secondary{background:#fff;border-color:#94a3b880;color:#1f2937}.super-admin-modal__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px -16px #0f172a59}@media (max-width: 768px){.super-admin-modal__container{max-height:95vh}.super-admin-modal__form{padding:1.25rem 1.5rem 2rem}.super-admin-modal__section{padding:1.25rem}}.sidebar{width:280px;height:100vh;background:#3b82f6;color:#fff;position:fixed;left:0;top:0;z-index:1000;box-shadow:4px 0 20px #0000001a;overflow-y:auto}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a;display:flex;align-items:center;gap:.75rem}.sidebar-logo{width:32px;height:32px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0003}.sidebar-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.sidebar-nav{padding:1rem 0}.sidebar-loading,.sidebar-error{padding:2rem 1.5rem;text-align:center;color:#fffc;display:flex;flex-direction:column;align-items:center;gap:1rem}.sidebar-loading .loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.sidebar-error p{margin-bottom:1rem;color:#fca5a5}.sidebar-error button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.sidebar-error button:hover{background:#ffffff4d}.sidebar-list{list-style:none;margin:0;padding:0}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;box-shadow:none}.sidebar-header{padding:1.5rem 1rem}.sidebar-header h2{font-size:1.25rem}}@media (max-width: 480px){.sidebar-header{padding:1rem}.sidebar-header h2{font-size:1.1rem}}.admin-sidebar-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;margin-left:auto;animation:pulse 2s infinite}.retry-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.retry-btn:hover{background:#ffffff4d;border-color:#ffffff80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-header{position:fixed;top:0;left:280px;right:0;z-index:1000;height:70px;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 4px 20px #065f4614;display:flex;align-items:center;justify-content:space-between;padding:0 24px;transition:all .3s ease;overflow:visible}.admin-header.sidebar-closed{left:0;width:100vw}.admin-header-left{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.admin-sidebar-toggle{width:44px;height:44px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d;font-size:18px;font-weight:700}.admin-sidebar-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 16px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.admin-header-logo{width:50px;height:50px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #065f4633;transition:all .3s ease;object-fit:contain}.admin-header-logo:hover{transform:scale(1.05);box-shadow:0 6px 20px #065f464d}.admin-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0;height:100%;position:relative;justify-content:flex-end}.admin-header-btn{width:48px;height:48px;border:none;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #065f461a;border:1px solid #e2e8f0;font-size:18px;position:relative;flex-shrink:0}.admin-header-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #065f4633;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1e293b}.admin-header-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #047857;box-shadow:0 3px 12px #10b9814d}.admin-header-btn.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166}.admin-header-btn.theme-toggle-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;color:#475569;font-size:1.2rem;transition:all .2s ease}.admin-header-btn.theme-toggle-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 8px #065f4633}.admin-notification-container{position:relative;display:inline-block}.admin-notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid #ffffff;box-shadow:0 2px 8px #ef444466;z-index:10}.user-menu{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #065f4626;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:20px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;border-radius:16px 16px 0 0}.user-menu-avatar{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 4px 12px #10b9814d}.user-menu-name{font-size:16px;font-weight:600;color:#064e3b;margin-bottom:4px}.user-menu-email{font-size:14px;color:#047857;opacity:.8;margin-bottom:2px}.user-menu-role{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.user-menu-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:8px 0}.user-menu-items{padding:8px 0}.user-menu-item{width:100%;padding:12px 20px;border:none;background:none;color:#475569;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;text-align:left}.user-menu-item:hover{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);color:#064e3b}.user-menu-item.logout-item{color:#ef4444;font-weight:600}.user-menu-item.logout-item:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.menu-icon{font-size:16px;width:20px;text-align:center}@media (max-width: 768px){.admin-header{padding:0 16px;height:60px;left:0!important;width:100vw!important}.admin-header-left{gap:12px}.admin-header-icons{gap:8px}.admin-sidebar-toggle,.admin-header-logo{width:40px;height:40px}.admin-header-btn{width:44px;height:44px}.user-menu{width:260px;right:-8px}}@media (max-width: 480px){.admin-header{padding:0 12px}.admin-header-icons{gap:6px}.user-menu{width:240px;right:-12px}}.dashboard{padding:2rem;max-width:1500px;margin:0 auto;min-height:calc(100vh - 80px);background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{text-align:center;margin-bottom:3rem;color:#1f2937}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{font-size:1.1rem;color:#6b7280;font-weight:300}.dashboard-stats{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.9rem;opacity:.8}.dashboard-stats span{background:#667eea1a;color:#667eea;padding:.25rem .75rem;border-radius:20px;font-weight:500}.dashboard-widgets{margin-bottom:3rem}.widget-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.widget-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.widget-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.widget-icon{font-size:2.5rem;width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.widget-content h3{font-size:.9rem;font-weight:600;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.widget-number{font-size:2rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.widget-description{font-size:.8rem;color:#6b7280;margin:0}.dashboard-content{max-width:1200px;margin:0 auto}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f3f4f6}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.no-categories{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb;color:#1f2937}.no-categories h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.no-categories p{color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.add-category-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#1f2937}.loading-spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.3);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-error{text-align:center;padding:4rem 2rem;background:#ef44441a;border-radius:16px;border:1px solid rgba(239,68,68,.2);color:#1f2937;max-width:500px;margin:2rem auto}.dashboard-error h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600;color:#ef4444}.dashboard-error p{margin-bottom:1.5rem;color:#6b7280}.retry-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.dashboard-container{background:var(--dashboard-background);min-height:100vh;padding:var(--dashboard-section-spacing)}.progress-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--dashboard-widget-spacing);margin-bottom:var(--dashboard-section-spacing)}.trend-chart-container{background:var(--dashboard-surface);border-radius:var(--dashboard-card-radius);padding:var(--dashboard-card-padding);box-shadow:var(--dashboard-card-shadow);border:1px solid var(--dashboard-border);margin-bottom:var(--dashboard-section-spacing)}.no-categories{text-align:center;padding:3rem 2rem;background:var(--dashboard-surface);border-radius:var(--dashboard-card-radius);box-shadow:var(--dashboard-card-shadow);border:1px solid var(--dashboard-border)}.no-categories-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-categories h3{color:var(--dashboard-text-primary);margin-bottom:.5rem}.no-categories p{color:var(--dashboard-text-secondary);margin-bottom:2rem}.add-category-btn{background:var(--dashboard-primary);color:var(--dashboard-text-primary);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-category-btn:hover{background:var(--dashboard-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--dashboard-widget-spacing)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.period-dropdown{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;color:var(--dashboard-text-primary);cursor:pointer;transition:all .3s ease}.period-dropdown:hover{border-color:var(--dashboard-primary)}.period-dropdown:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #86efac1a}.donut-chart-section{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fff,#f8fffe);border-radius:24px;padding:3rem 2rem;box-shadow:0 20px 40px #00000014,0 8px 20px #0000000a,inset 0 1px #ffffffe6;border:1px solid rgba(134,239,172,.2);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.donut-chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7,#a7f3d0);border-radius:24px 24px 0 0}.donut-chart-section:hover{transform:translateY(-4px);box-shadow:0 25px 50px #0000001f,0 12px 25px #0000000f,inset 0 1px #fffffff2}@media (max-width: 1024px){.progress-charts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.dashboard,.dashboard-container{padding:1rem}.dashboard-header h1{font-size:2rem}.progress-charts-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:1fr;gap:1rem}.no-categories{padding:2rem 1rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.period-selector{justify-content:flex-end}.donut-chart-section{padding:1rem}}@media (max-width: 480px){.dashboard-header h1{font-size:1.75rem}.dashboard-header p{font-size:1rem}}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto;background:#fff;min-height:100vh}.page-header{margin-bottom:2rem}.page-description{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.orders-card{border-left:4px solid #6b7280}.buyers-card{border-left:4px solid #3b82f6}.revenue-card{border-left:4px solid #10b981}.metric-content{flex:1}.metric-value{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.metric-label{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.25rem}.metric-period{font-size:.875rem;color:#6b7280}.metric-dropdown{margin-left:1rem}.period-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.chart-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem}.chart-container{height:300px}.order-target-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.period-selector{display:flex;align-items:center;gap:.5rem}.period-dropdown{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;font-size:.875rem;color:#374151;cursor:pointer}.target-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.target-values{display:flex;flex-direction:column;gap:1rem}.target-item{display:flex;flex-direction:column;gap:.25rem}.target-label{font-size:.875rem;color:#6b7280;font-weight:500}.target-number{font-size:1.5rem;font-weight:700;color:#1f2937}.donut-chart-container{flex-shrink:0}.order-history-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.history-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.date-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;font-size:.875rem;color:#374151}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th{background:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.history-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;color:#374151}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.profile-container{padding:2rem;max-width:1500px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.profile-header{text-align:center;margin-bottom:3rem;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.profile-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-header p{font-size:1.1rem;color:#6b7280;font-weight:300}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.profile-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9811a}.profile-avatar-section{text-align:center;margin-bottom:2rem}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1rem;box-shadow:0 8px 25px #10b9814d;border:4px solid #f0fdf4}.avatar-selector{margin-top:1rem}.avatar-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.avatar-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.avatar-option{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.avatar-option:hover{border-color:#10b981;transform:scale(1.1)}.avatar-option.selected{border-color:#10b981;background:#10b9811a;transform:scale(1.1)}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.profile-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.profile-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.profile-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.profile-actions{margin-top:1rem}.edit-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.edit-actions{display:flex;gap:1rem}.save-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.cancel-button{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#4b5563;transform:translateY(-2px)}.profile-stats{display:flex;flex-direction:column;gap:1rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9811a}.stat-icon{font-size:2rem;width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#10b981,#34d399);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-content h3{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.stat-content p{color:#6b7280;font-size:.9rem;margin-bottom:.25rem}.change-password-btn{background:none;border:1px solid #10b981;color:#10b981;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.change-password-btn:hover{background:#10b981;color:#fff}@media (max-width: 768px){.profile-content{grid-template-columns:1fr;gap:1.5rem}.profile-container{padding:1rem}.profile-header h1{font-size:2rem}.profile-card{padding:1.5rem}.profile-avatar-large{width:100px;height:100px;font-size:2.5rem}.edit-actions{flex-direction:column}.stat-card{flex-direction:column;text-align:center}.stat-icon{width:50px;height:50px;font-size:1.5rem}}@media (max-width: 480px){.profile-header h1{font-size:1.75rem}.profile-header p{font-size:1rem}.profile-card{padding:1rem}.avatar-options{gap:.25rem}.avatar-option{width:35px;height:35px;font-size:1rem}}.settings-container{padding:2rem;max-width:1500px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.settings-header{text-align:center;margin-bottom:3rem;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.settings-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-header p{font-size:1.1rem;color:#6b7280;font-weight:300}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb}.settings-section h2{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f3f4f6}.settings-group{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f3f4f6}.setting-item:last-child{border-bottom:none}.setting-info{flex:1;margin-right:1rem}.setting-info h3{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.25rem}.setting-info p{font-size:.9rem;color:#6b7280;line-height:1.4}.setting-select{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;color:#374151;min-width:150px;transition:all .2s ease}.setting-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#667eea}input:checked+.toggle-slider:before{transform:translate(26px)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.save-settings-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.save-settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.reset-settings-btn{background:#6b7280;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.reset-settings-btn:hover{background:#4b5563;transform:translateY(-2px)}@media (max-width: 768px){.settings-container{padding:1rem}.settings-header h1{font-size:2rem}.settings-section{padding:1.5rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-select{min-width:100%}.settings-actions{flex-direction:column}.save-settings-btn,.reset-settings-btn{width:100%}}@media (max-width: 480px){.settings-header h1{font-size:1.75rem}.settings-header p{font-size:1rem}.settings-section{padding:1rem}.settings-section h2{font-size:1.25rem}}.theme-toggle-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.theme-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.theme-preview{display:flex;align-items:center;justify-content:center}.theme-preview-box{width:80px;height:50px;border-radius:8px;border:2px solid #e5e7eb;overflow:hidden;position:relative;transition:all .3s ease}.theme-preview-box.light{background:#fff;border-color:#e5e7eb}.theme-preview-box.dark{background:#1f2937;border-color:#374151}.theme-preview-header{height:20px;background:#10b981;width:100%}.theme-preview-content{height:30px;background:#f8fafc;width:100%;position:relative}.theme-preview-box.dark .theme-preview-content{background:#374151}.theme-preview-box.dark .theme-preview-header{background:#059669}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--card-bg: #ffffff;--shadow: 0 4px 6px rgba(0, 0, 0, .05)}.dark-theme{--bg-primary: #1f2937;--bg-secondary: #111827;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #374151;--card-bg: #1f2937;--shadow: 0 4px 6px rgba(0, 0, 0, .3)}.settings-container{background:var(--bg-secondary);color:var(--text-primary)}.settings-header,.settings-section{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}.setting-info h3{color:var(--text-primary)}.setting-info p{color:var(--text-secondary)}.setting-select{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}.setting-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.locale-display{display:flex;align-items:center;justify-content:flex-end;min-width:120px}.locale-info{background:#f0fdf4;color:#065f46;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;border:1px solid #10b981;text-align:center;min-width:100px}.country-selector{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.country-search{padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;color:#374151;transition:border-color .2s ease}.country-search:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.country-search::placeholder{color:#9ca3af}.setting-select option{padding:.5rem}@media (max-width: 768px){.locale-display{justify-content:flex-start;margin-top:.5rem}.locale-info{min-width:80px;font-size:.8rem;padding:.375rem .75rem}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.modal-container{background:var(--global-bg-primary);border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--global-border-color)}.modal-header{background:linear-gradient(135deg,var(--global-button-bg) 0%,#059669 100%);color:#fff;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:12px}.modal-icon{font-size:1.75rem;opacity:.9}.modal-close-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-form{flex:1;overflow-y:auto;padding:0}.form-sections{padding:32px;display:flex;flex-direction:column;gap:32px}.form-section{background:var(--global-bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--global-border-color);transition:all .3s ease}.form-section:hover{box-shadow:0 4px 12px #0000000d;border-color:var(--global-button-bg)}.section-title{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:var(--global-text-primary);display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:2px solid var(--global-border-color)}.section-icon{font-size:1.25rem;opacity:.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:500;color:var(--global-text-primary);font-size:.875rem;display:flex;align-items:center;gap:4px}.required{color:#ef4444;font-weight:600}.form-input,.form-select,.form-textarea{padding:12px 16px;border:2px solid var(--global-input-border);border-radius:8px;font-size:.875rem;color:var(--global-input-text);background:var(--global-input-bg);transition:all .3s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--global-button-bg);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--global-button-bg)}.form-input.error,.form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.error:focus,.form-select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.error-message{color:#ef4444;font-size:.75rem;font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px}.error-message:before{content:"⚠";font-size:.875rem}.modal-footer{background:var(--global-bg-secondary);padding:24px 32px;border-top:1px solid var(--global-border-color);display:flex;justify-content:flex-end;gap:16px;margin-top:auto}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none;font-family:inherit;min-width:120px;justify-content:center}.btn-primary{background:var(--global-button-bg);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-primary:hover:not(:disabled){background:var(--global-button-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #10b98133}.btn-secondary{background:var(--global-bg-primary);color:var(--global-text-primary);border:2px solid var(--global-border-color)}.btn-secondary:hover{background:var(--global-bg-secondary);border-color:var(--global-button-bg);transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-container{max-height:95vh;border-radius:12px}.modal-header{padding:20px 24px}.modal-title{font-size:1.25rem}.form-sections{padding:24px;gap:24px}.form-section{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.modal-footer{padding:20px 24px;flex-direction:column-reverse;gap:12px}.btn-primary,.btn-secondary{width:100%;padding:14px 24px}}@media (max-width: 480px){.modal-overlay{padding:12px}.modal-header{padding:16px 20px}.modal-title{font-size:1.125rem}.form-sections{padding:20px;gap:20px}.form-section{padding:16px}.section-title{font-size:1rem;margin-bottom:16px}.form-input,.form-select,.form-textarea{padding:10px 14px;font-size:.875rem}.modal-footer{padding:16px 20px}}.dark-theme .modal-container{background:var(--global-bg-primary);border-color:var(--global-border-color)}.dark-theme .form-section{background:var(--global-bg-secondary);border-color:var(--global-border-color)}.dark-theme .form-section:hover{border-color:var(--global-button-bg)}.dark-theme .section-title{color:var(--global-text-primary);border-bottom-color:var(--global-border-color)}.dark-theme .form-label{color:var(--global-text-primary)}.dark-theme .form-input,.dark-theme .form-select,.dark-theme .form-textarea{background:var(--global-input-bg);color:var(--global-input-text);border-color:var(--global-input-border)}.dark-theme .modal-footer{background:var(--global-bg-secondary);border-top-color:var(--global-border-color)}.dark-theme .btn-secondary{background:var(--global-bg-primary);color:var(--global-text-primary);border-color:var(--global-border-color)}.dark-theme .btn-secondary:hover{background:var(--global-bg-secondary);border-color:var(--global-button-bg)}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--global-button-bg);outline-offset:2px}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--global-button-bg);outline-offset:2px}.modal-close-btn:focus-visible{outline:2px solid white;outline-offset:2px}.form-sections{scroll-behavior:smooth}.modal-form::-webkit-scrollbar{width:6px}.modal-form::-webkit-scrollbar-track{background:var(--global-bg-secondary)}.modal-form::-webkit-scrollbar-thumb{background:var(--global-border-color);border-radius:3px}.modal-form::-webkit-scrollbar-thumb:hover{background:var(--global-button-bg)}.base-card{background:var(--background-color, #ffffff);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease;font-family:var(--font-family, "Inter, sans-serif")}.base-card--outlined{border:1px solid #e5e7eb;box-shadow:none}.base-card--elevated{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.base-card--flat{box-shadow:none;border:1px solid #f3f4f6}.base-card--sm{padding:1rem}.base-card--md{padding:1.5rem}.base-card--lg{padding:2rem}.base-card--xl{padding:2.5rem}.base-card--loading{opacity:.7;pointer-events:none}.base-card--error{border-color:#ef4444}.base-card--collapsed .base-card__content{display:none}.base-card__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem}.base-card__header-content{display:flex;align-items:center;gap:.75rem;flex:1}.base-card__collapse-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.base-card__collapse-btn:hover{background-color:#f3f4f6}.base-card__collapse-icon{display:inline-block;transition:transform .2s ease;font-size:.875rem;color:#6b7280}.base-card__collapse-icon.collapsed{transform:rotate(-90deg)}.base-card__title-section{flex:1}.base-card__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color, #1f2937);line-height:1.2}.base-card__subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280;line-height:1.4}.base-card__header-actions{display:flex;align-items:center;gap:.5rem}.base-card__refresh-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease;color:#6b7280}.base-card__refresh-btn:hover:not(:disabled){background-color:#f3f4f6;color:var(--primary-color, #3b82f6)}.base-card__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.base-card__refresh-icon{display:inline-block;font-size:1rem;transition:transform .2s ease}.base-card__refresh-btn:hover:not(:disabled) .base-card__refresh-icon{transform:rotate(180deg)}.base-card__content{padding:0 1.5rem;color:var(--text-color, #1f2937)}.base-card__loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#6b7280}.base-card__spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.base-card__error{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.base-card__error-icon{font-size:1.25rem}.base-card__error-message{font-size:.875rem;font-weight:500}.base-card__actions{padding:1.5rem;border-top:1px solid #f3f4f6;margin-top:1.5rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}@media (max-width: 768px){.base-card__header{flex-direction:column;align-items:flex-start;gap:1rem}.base-card__header-actions{width:100%;justify-content:flex-end}.base-card__actions{flex-direction:column;align-items:stretch}}.data-table{--table-border-color: #e5e7eb;--table-header-bg: #f9fafb;--table-row-hover: #f3f4f6;--table-selected: #eff6ff;--table-text: var(--text-color, #1f2937);--table-text-muted: #6b7280;--primary-color: var(--primary-color, #3b82f6)}.data-table__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.data-table__search{position:relative;flex:1;max-width:300px}.data-table__search-input{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid var(--table-border-color);border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.data-table__search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.data-table__search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--table-text-muted);pointer-events:none}.data-table__container{border:1px solid var(--table-border-color);border-radius:8px;overflow:hidden}.data-table__table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table__thead{background-color:var(--table-header-bg)}.data-table__th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--table-text);border-bottom:1px solid var(--table-border-color);position:sticky;top:0;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.data-table__th:hover{background-color:var(--table-row-hover)}.data-table__th--center{text-align:center}.data-table__th--right{text-align:right}.data-table__th--select{width:40px;text-align:center}.data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.data-table__th-title{flex:1}.data-table__sort-icon{color:var(--table-text-muted);font-size:.75rem;transition:color .2s ease}.data-table__th:hover .data-table__sort-icon{color:var(--primary-color)}.data-table__tbody{background-color:#fff}.data-table__tr{border-bottom:1px solid var(--table-border-color);transition:background-color .2s ease;cursor:pointer}.data-table__tr:hover{background-color:var(--table-row-hover)}.data-table__tr--selected{background-color:var(--table-selected)}.data-table__tr--selected:hover{background-color:#dbeafe}.data-table__td{padding:.75rem 1rem;color:var(--table-text);border-bottom:1px solid #f3f4f6}.data-table__td--center{text-align:center}.data-table__td--right{text-align:right}.data-table__td--select{width:40px;text-align:center}.data-table__td--empty{text-align:center;padding:3rem 1rem}.data-table__checkbox{width:16px;height:16px;cursor:pointer}.data-table__empty{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--table-text-muted)}.data-table__empty-image{width:64px;height:64px;opacity:.5}.data-table__empty-text{font-size:.875rem}.data-table__cell-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.data-table__pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:1rem 0;border-top:1px solid var(--table-border-color)}.data-table__pagination-info{color:var(--table-text-muted);font-size:.875rem}.data-table__pagination-controls{display:flex;align-items:center;gap:1rem}.data-table__pagination-btn{padding:.5rem 1rem;border:1px solid var(--table-border-color);background:#fff;color:var(--table-text);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.data-table__pagination-btn:hover:not(:disabled){background-color:var(--table-row-hover);border-color:var(--primary-color)}.data-table__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.data-table__pagination-current{color:var(--table-text-muted);font-size:.875rem}.data-table--small .data-table__th,.data-table--small .data-table__td{padding:.5rem .75rem;font-size:.8125rem}.data-table--large .data-table__th,.data-table--large .data-table__td{padding:1rem 1.25rem;font-size:.9375rem}@media (max-width: 768px){.data-table__toolbar{flex-direction:column;align-items:stretch}.data-table__search{max-width:none}.data-table__pagination{flex-direction:column;gap:1rem;text-align:center}.data-table__container{overflow-x:auto}.data-table__table{min-width:600px}}.users-content{padding:1rem;max-width:1500px;margin:0 auto;min-width:300px}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--global-bg-secondary, #ffffff);border:1px solid var(--global-border, #e9ecef);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;min-height:80px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--admin-primary, #10b981);border-radius:50%;flex-shrink:0}.stat-content h3{margin:0 0 .25rem;color:var(--global-text-secondary, #6c757d);font-size:.8rem;font-weight:500;line-height:1.2}.stat-number{margin:0;font-size:1.25rem;font-weight:700;color:var(--global-text-primary, #212529);line-height:1.2}.users-table-container{background:var(--global-bg-secondary, #ffffff);border:1px solid var(--global-border, #e9ecef);border-radius:8px;padding:1rem;overflow-x:auto}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--global-border, #e9ecef);gap:1rem}.table-header h2{margin:0;color:var(--global-text-primary, #212529);font-size:1.1rem;font-weight:600}.btn-primary{background:var(--admin-primary, #10b981);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.btn-primary:hover{background:var(--admin-primary-hover, #059669);transform:translateY(-1px)}.btn-icon{font-size:.9rem}.user-bulk-actions{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6;flex-wrap:wrap}.user-bulk-actions__count{font-weight:500;color:#495057;font-size:.85rem}.user-bulk-actions__btn{padding:.375rem .75rem;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.user-bulk-actions__btn--activate{background:#28a745;color:#fff}.user-bulk-actions__btn--activate:hover{background:#218838}.user-bulk-actions__btn--deactivate{background:#ffc107;color:#212529}.user-bulk-actions__btn--deactivate:hover{background:#e0a800}.user-bulk-actions__btn--delete{background:#dc3545;color:#fff}.user-bulk-actions__btn--delete:hover{background:#c82333}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar__img{width:100%;height:100%;object-fit:cover}.user-avatar__placeholder{width:100%;height:100%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem}.user-name__full{font-weight:600;color:#212529;margin-bottom:.125rem;font-size:.9rem;line-height:1.2}.user-name__email{font-size:.75rem;color:#6c757d;line-height:1.2}.user-role,.user-department,.user-phone{font-size:.8rem;color:#495057;line-height:1.2}.user-status{padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;white-space:nowrap}.user-status--active{background:#d4edda;color:#155724}.user-status--inactive{background:#f8d7da;color:#721c24}.user-last-login{font-size:.75rem;color:#6c757d;line-height:1.2}.user-actions{display:flex;gap:.25rem}.user-actions__btn{width:24px;height:24px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.8rem}.user-actions__btn--edit{background:#10b981;color:#fff}.user-actions__btn--edit:hover{background:#059669}.user-actions__btn--delete{background:#dc3545;color:#fff}.user-actions__btn--delete:hover{background:#c82333}@media (max-width: 479px){.users-content{padding:.5rem 0}.users-stats{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.stat-card{padding:.75rem;min-height:70px}.stat-icon{width:36px;height:36px;font-size:1.25rem}.stat-content h3{font-size:.75rem}.stat-number{font-size:1.1rem}.users-table-container{padding:.75rem}.table-header{flex-direction:column;gap:.75rem;align-items:flex-start}.table-header h2{font-size:1rem}.btn-primary{padding:.5rem .75rem;font-size:.8rem;width:100%;justify-content:center}.user-bulk-actions{padding:.5rem;gap:.375rem}.user-bulk-actions__count{font-size:.8rem}.user-bulk-actions__btn{font-size:.75rem;padding:.25rem .5rem}.user-avatar{width:28px;height:28px}.user-avatar__placeholder{font-size:.7rem}.user-name__full{font-size:.85rem}.user-name__email{font-size:.7rem}.user-role,.user-department,.user-phone{font-size:.75rem}.user-status{font-size:.65rem;padding:.2rem .4rem}.user-last-login{font-size:.7rem}.user-actions__btn{width:22px;height:22px;font-size:.75rem}}@media (min-width: 480px) and (max-width: 767px){.users-content{padding:.75rem 0}.users-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-icon{width:44px;height:44px;font-size:1.4rem}.stat-content h3{font-size:.8rem}.stat-number{font-size:1.3rem}.table-header{flex-direction:row;gap:1rem}.btn-primary{padding:.5rem 1rem;font-size:.85rem}.user-bulk-actions{padding:.75rem;gap:.5rem}.user-avatar{width:36px;height:36px}.user-name__full{font-size:.9rem}.user-name__email{font-size:.75rem}.user-role,.user-department,.user-phone{font-size:.8rem}.user-status{font-size:.7rem}.user-last-login{font-size:.75rem}.user-actions__btn{width:26px;height:26px;font-size:.85rem}}@media (min-width: 768px) and (max-width: 1023px){.users-content{padding:1rem 0}.users-stats{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.stat-card{padding:1.25rem}.stat-icon{width:50px;height:50px;font-size:1.6rem}.stat-content h3{font-size:.85rem}.stat-number{font-size:1.5rem}.users-table-container{padding:1.5rem}.table-header{margin-bottom:1.25rem;padding-bottom:1rem}.table-header h2{font-size:1.25rem}.btn-primary{padding:.75rem 1.5rem;font-size:.9rem}.user-bulk-actions{padding:1rem;gap:.75rem}.user-bulk-actions__btn{font-size:.85rem;padding:.5rem 1rem}.user-avatar{width:40px;height:40px}.user-name__full{font-size:1rem}.user-name__email{font-size:.8rem}.user-role,.user-department,.user-phone{font-size:.85rem}.user-status{font-size:.75rem}.user-last-login{font-size:.8rem}.user-actions__btn{width:28px;height:28px;font-size:.9rem}}@media (min-width: 1024px){.users-content{padding:1.5rem 0}.users-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:1.5rem}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-content h3{font-size:.9rem}.stat-number{font-size:1.8rem}.users-table-container{padding:2rem}.table-header{margin-bottom:1.5rem;padding-bottom:1rem}.table-header h2{font-size:1.5rem}.btn-primary{padding:.75rem 1.5rem;font-size:1rem}.user-bulk-actions{padding:1rem 1.5rem;gap:1rem}.user-bulk-actions__btn{font-size:.9rem;padding:.5rem 1rem}.user-avatar{width:40px;height:40px}.user-name__full{font-size:1rem}.user-name__email{font-size:.85rem}.user-role,.user-department,.user-phone{font-size:.9rem}.user-status{font-size:.8rem}.user-last-login{font-size:.85rem}.user-actions__btn{width:28px;height:28px;font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.users-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.stat-card{padding:.75rem;min-height:60px}.stat-icon{width:36px;height:36px;font-size:1.25rem}.stat-content h3{font-size:.75rem}.stat-number{font-size:1.1rem}}.category-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.category-modal-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003;position:relative;display:flex;flex-direction:column;border:1px solid #e9ecef}.category-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;box-shadow:0 4px 8px #00000026;border-bottom:2px solid rgba(255,255,255,.1)}.category-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.category-modal-close-btn{background:#ffffff4d;border:2px solid rgba(255,255,255,.5);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.category-modal-close-btn:hover{background:#ffffff4d}.category-modal-form{padding:2.5rem;max-height:calc(90vh - 100px);overflow-y:auto}.form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.category-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.category-modal-overlay{padding:.5rem}.category-modal-container{max-width:100%;max-height:95vh}.category-modal-header{padding:1rem}.category-modal-title{font-size:1.125rem}.category-modal-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.category-modal-footer{flex-direction:column-reverse;gap:.75rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.category-modal-overlay{padding:.25rem}.category-modal-header{padding:.75rem}.category-modal-title{font-size:1rem}.category-modal-form{padding:1rem}.form-group{margin-bottom:1rem}.form-input,.form-textarea,.form-select{padding:.625rem .75rem;font-size:.8rem}.form-label{font-size:.8rem}.section-title{font-size:.9rem;margin-bottom:1rem}}.btn-add{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #10b9814d;min-height:44px}.btn-add:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-add:active{transform:translateY(0);box-shadow:0 2px 4px #10b9814d}.btn-add:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn-edit{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.btn-edit:hover{background:#2563eb;transform:translateY(-1px)}.btn-delete{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.btn-save{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-save:hover{background:#059669}.btn-cancel{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-refresh{background:#06b6d4;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #06b6d44d;min-height:44px}.btn-refresh:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.btn-sm{padding:.5rem .75rem;font-size:.75rem;min-height:32px}.btn-lg{padding:1rem 2rem;font-size:1rem;min-height:52px}.btn-loading{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-loading .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.btn-add,.btn-refresh{width:100%;justify-content:center;padding:.875rem 1rem}.btn-edit,.btn-delete{padding:.375rem .5rem;font-size:.75rem}}@media (max-width: 480px){.btn-add,.btn-refresh{padding:.75rem .875rem;font-size:.8rem}.btn-save,.btn-cancel{width:100%;justify-content:center}}.categories-page{padding:1rem;max-width:1500px;margin:0 auto;background:#f8f9fa;min-height:100vh}.btn-primary{background:#10b981;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #10b9814d;min-height:44px}.btn-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-secondary{background:#8b5cf6;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #8b5cf64d;min-height:44px}.btn-secondary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.stats-section{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #dee2e6;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.stat-item{text-align:center;min-width:100px;flex:1;padding:.5rem}.categories-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.categories-table{width:100%;border-collapse:collapse}.categories-table th{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.categories-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.category-image{width:32px;height:32px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#6b7280}.category-name{font-weight:500;color:#0f172a;margin-bottom:.25rem;font-size:.875rem}.category-slug{font-size:.75rem;color:#6b7280;font-family:SF Mono,Monaco,Inconsolata,monospace}.category-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fef2f2;color:#991b1b}.status-draft{background:#fef3c7;color:#92400e}@media (max-width: 768px){.categories-page{padding:1rem}.categories-header{padding:1rem;margin:.75rem 0 1rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.8rem;margin-bottom:1rem}.header-actions{flex-direction:column;width:100%;gap:.5rem}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:.875rem 1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.stat-card,.categories-container{padding:1rem}.table-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-filters{flex-direction:column;gap:.75rem}.search-input{min-width:100%}.categories-table{font-size:.75rem}.categories-table th,.categories-table td{padding:.5rem}.action-buttons{flex-direction:column;gap:.25rem}}@media (max-width: 480px){.categories-page{padding:.75rem}.categories-header{padding:.75rem;margin:.5rem 0 .75rem}.page-title{font-size:1.125rem}.page-subtitle{font-size:.75rem;margin-bottom:.75rem}.btn-primary,.btn-secondary{padding:.75rem .875rem;font-size:.8rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.75rem}.stat-icon{width:35px;height:35px;font-size:1rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}.categories-container{padding:.75rem}.table-title{font-size:1rem}.categories-table{font-size:.7rem}.categories-table th,.categories-table td{padding:.375rem}.search-input,.filter-select{padding:.625rem .75rem;font-size:.8rem}}@media (max-width: 320px){.categories-page{padding:.5rem}.categories-header{padding:.5rem;margin:.25rem 0 .5rem}.page-title{font-size:1rem}.page-subtitle{font-size:.7rem;margin-bottom:.5rem}.btn-primary,.btn-secondary{padding:.625rem .75rem;font-size:.75rem}.stat-card{padding:.5rem}.stat-icon{width:30px;height:30px;font-size:.875rem}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}.categories-container{padding:.5rem}.categories-table th,.categories-table td{padding:.25rem}}.blog-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.blog-modal-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003;position:relative;display:flex;flex-direction:column;border:1px solid #e9ecef}.blog-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative;z-index:10;box-shadow:0 2px 10px #10b98133}.blog-modal-title{font-size:1.25rem;font-weight:600;margin:0;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.blog-modal-close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;font-weight:700}.blog-modal-close-btn:hover{background:#ffffff4d}.blog-modal-form{padding:2.5rem;max-height:calc(90vh - 100px);overflow-y:auto}.blog-form-content{display:flex;flex-direction:column;gap:2rem}.blog-form-section{margin-bottom:2rem}.tag-input-container{display:flex;gap:.5rem;align-items:stretch}.tag-input-container .form-input{flex:1;margin-bottom:0}.add-tag-btn{background:#10b981;color:#fff;border:none;border-radius:6px;padding:0 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.add-tag-btn:hover{background:#059669}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag{background:#f3f4f6;color:#1f2937;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.tag-remove{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;font-size:.75rem}.tag-remove:hover{color:#ef4444}.blog-modal-footer{padding:1.5rem 2.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;background:#fafafa}@media (max-width: 768px){.blog-modal-container{max-width:95vw;margin:1rem}.blog-modal-form{padding:1.5rem}.blog-modal-footer{padding:1rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.blog-modal-header{padding:1rem 1.5rem}.blog-modal-title{font-size:1.1rem}.tag-input-container{flex-direction:column}}@media (max-width: 480px){.blog-modal-container{max-width:100vw;margin:.5rem;max-height:95vh}.blog-modal-form{padding:1rem}.blog-modal-footer{padding:1rem;flex-direction:column}.section-title{font-size:1rem}.upload-icon{font-size:1.5rem}}@media (max-width: 360px){.blog-modal-overlay{padding:.25rem}.blog-modal-container{max-width:100%;margin:0;border-radius:8px}.blog-modal-header{padding:.75rem 1rem}.blog-modal-title{font-size:1rem}.header-icon{width:36px;height:36px;font-size:1.2rem}.blog-modal-close-btn{width:32px;height:32px;font-size:1.2rem}.blog-modal-form{padding:.75rem}.section-title{font-size:.9rem;margin-bottom:1rem}.section-icon{font-size:1rem}.form-group{margin-bottom:1rem}.form-input,.form-select,.form-textarea{font-size:.8rem;padding:.6rem}.form-label{font-size:.8rem}.file-upload-container{padding:1rem}.upload-icon{font-size:1.25rem}.upload-text{font-size:.8rem}.upload-hint{font-size:.7rem}.blog-modal-footer{padding:.75rem;gap:.75rem}}@media (max-width: 320px){.blog-modal-overlay{padding:.1rem}.blog-modal-container{max-width:100%;margin:0;border-radius:6px}.blog-modal-header{padding:.5rem .75rem}.blog-modal-title{font-size:.9rem}.header-icon{width:32px;height:32px;font-size:1rem}.blog-modal-close-btn{width:28px;height:28px;font-size:1rem}.blog-modal-form{padding:.5rem}.section-title{font-size:.85rem;margin-bottom:.75rem}.section-icon{font-size:.9rem}.form-group{margin-bottom:.75rem}.form-input,.form-select,.form-textarea{font-size:.75rem;padding:.5rem}.form-label{font-size:.75rem}.file-upload-container{padding:.75rem}.upload-icon{font-size:1rem}.upload-text{font-size:.75rem}.upload-hint{font-size:.65rem}.blog-modal-footer{padding:.5rem;gap:.5rem}.tag-input-container{gap:.5rem}.add-tag-btn{padding:.5rem .75rem;font-size:.75rem}}.blogs-page{padding:1rem;max-width:1500px;margin:0 auto;background:#f8f9fa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef}.page-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;line-height:1.2}.page-description{font-size:1rem;color:#718096;margin:0;line-height:1.5}.add-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 4px #10b98133;flex-shrink:0;margin-top:.5rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef}.stat-item{text-align:center;padding:.5rem}.stat-number{display:block;font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.25rem;line-height:1}.stat-label{font-size:.875rem;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.search-filters{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.filter-select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;min-width:140px}.blogs-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef;overflow:hidden}.section-header{padding:2rem;border-bottom:1px solid #e9ecef}.section-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 .5rem}.section-subtitle{font-size:.875rem;color:#718096;margin:0}.blogs-list{padding:0}.blog-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.blog-item:last-child{border-bottom:none}.blog-item:hover{background:#f8f9fa}.blog-image{width:120px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.blog-image img{width:100%;height:100%;object-fit:cover}.blog-image-placeholder{font-size:2rem;color:#94a3b8}.blog-content{flex:1}.blog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.blog-title{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0;line-height:1.3;flex:1}.blog-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.status-published{background:#d1fae5;color:#047857}.status-draft{background:#fef3c7;color:#d97706}.status-archived{background:#f3f4f6;color:#6b7280}.blog-excerpt{color:#4b5563;margin:0 0 1rem;line-height:1.5;font-size:.875rem}.blog-meta{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.75rem;color:#6b7280}.blog-author,.blog-category,.blog-date{display:flex;align-items:center;gap:.25rem}.blog-stats{display:flex;gap:1rem}.blog-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;margin-left:1rem}@media (max-width: 768px){.blogs-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;padding:1rem}.header-content{margin-right:0}.page-title{font-size:1.5rem}.page-description{font-size:.9rem}.add-button{align-self:flex-start;margin-top:0;padding:.6rem 1.2rem;font-size:.8rem}.stats-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:1rem}.stat-item{padding:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.search-filters{flex-direction:column;gap:.75rem;padding:1rem}.filters{flex-direction:column;gap:.75rem}.filter-select{min-width:auto;padding:.6rem .8rem;font-size:.8rem}.search-input{padding:.6rem .8rem;font-size:.8rem;min-width:100%}.blog-item{flex-direction:column;gap:1rem;padding:1rem}.blog-image{width:100%;height:150px}.blog-actions{flex-direction:row;justify-content:flex-start;margin-left:0;gap:.5rem}.blog-meta{flex-direction:column;gap:.5rem}.section-header{padding:1rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.8rem}}@media (max-width: 480px){.blogs-page,.page-header{padding:.75rem}.page-title{font-size:1.125rem}.page-description{font-size:.75rem}.add-button{padding:.75rem .875rem;font-size:.8rem}.button-icon{font-size:.9rem}.stats-section{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.stat-item{padding:.75rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}.search-filters{padding:.75rem}.search-input,.filter-select{padding:.625rem .75rem;font-size:.8rem}.blog-item{padding:.75rem}.blog-header{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-title{font-size:1rem}.blog-excerpt{font-size:.8rem}.blog-stats{flex-wrap:wrap;gap:.75rem}.stat{font-size:.7rem}.stat-icon{font-size:.8rem}.section-header{padding:.75rem}.section-title{font-size:1rem}.section-subtitle{font-size:.75rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.8rem}}@media (max-width: 320px){.blogs-page,.page-header{padding:.5rem}.page-title{font-size:1rem}.page-description{font-size:.7rem}.add-button{padding:.625rem .75rem;font-size:.75rem}.button-icon{font-size:.8rem}.stats-section{padding:.5rem;gap:.4rem}.stat-item{padding:.5rem}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}.search-filters{padding:.5rem}.search-input,.filter-select{padding:.5rem .6rem;font-size:.75rem}.blog-item{padding:.5rem}.blog-image{height:120px}.blog-title{font-size:.9rem}.blog-excerpt{font-size:.7rem}.blog-meta{font-size:.65rem}.blog-stats{gap:.5rem}.stat{font-size:.65rem}.stat-icon{font-size:.7rem}.blog-actions{gap:.3rem}.section-header{padding:.5rem}.section-title{font-size:.9rem}.section-subtitle{font-size:.7rem}.empty-state{padding:1.5rem .5rem}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1rem}.empty-state p{font-size:.75rem}}.banner-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.banner-modal-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003;position:relative;display:flex;flex-direction:column;border:1px solid #e9ecef}.banner-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative;z-index:10;box-shadow:0 2px 10px #10b98133}.header-icon{font-size:1.5rem;background:#fff3;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:0 2px 8px #0000001a}.banner-modal-title{font-size:1.25rem;font-weight:600;margin:0;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.banner-modal-close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;font-weight:700}.banner-modal-close-btn:hover{background:#ffffff4d}.banner-modal-form{padding:2.5rem;max-height:calc(90vh - 100px);overflow-y:auto}.banner-form-content{display:flex;flex-direction:column;gap:2rem}.banner-form-section{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1f2937}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:100px}.file-upload-container{border:2px dashed #e5e7eb;border-radius:8px;padding:1.5rem;text-align:center;background:#fafafa;transition:border-color .2s}.file-upload-container:hover{border-color:#10b981}.file-upload-area{margin-bottom:1rem}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:1rem;border-radius:6px;transition:background-color .2s}.file-upload-label:hover{background:#10b9810d}.upload-icon{font-size:2rem;color:#10b981}.upload-text{font-weight:500;color:#1f2937}.upload-hint{font-size:.75rem;color:#6b7280}.upload-divider{margin:1rem 0;position:relative;text-align:center;color:#6b7280;font-size:.75rem}.upload-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb;z-index:1}.upload-divider span{background:#fafafa;padding:0 1rem;position:relative;z-index:2}.url-input-container input{margin-top:0}.image-preview{max-width:200px;max-height:150px;border-radius:8px;object-fit:cover;border:2px solid #e5e7eb}.remove-image-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.banner-modal-footer{padding:1.5rem 2.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;background:#fafafa}@media (max-width: 768px){.banner-modal-container{max-width:95vw;margin:1rem}.banner-modal-form{padding:1.5rem}.banner-modal-footer{padding:1rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.banner-modal-header{padding:1rem 1.5rem}.banner-modal-title{font-size:1.1rem}}@media (max-width: 480px){.banner-modal-container{max-width:100vw;margin:.5rem;max-height:95vh}.banner-modal-form{padding:1rem}.banner-modal-footer{padding:1rem;flex-direction:column}.section-title{font-size:1rem}.upload-icon{font-size:1.5rem}}@media (max-width: 360px){.banner-modal-overlay{padding:.25rem}.banner-modal-container{max-width:100%;margin:0;border-radius:8px}.banner-modal-header{padding:.75rem 1rem}.banner-modal-title{font-size:1rem}.header-icon{width:36px;height:36px;font-size:1.2rem}.banner-modal-close-btn{width:32px;height:32px;font-size:1.2rem}.banner-modal-form{padding:.75rem}.section-title{font-size:.9rem;margin-bottom:1rem}.section-icon{font-size:1rem}.form-group{margin-bottom:1rem}.form-input,.form-select,.form-textarea{font-size:.8rem;padding:.6rem}.form-label{font-size:.8rem}.file-upload-container{padding:1rem}.upload-icon{font-size:1.25rem}.upload-text{font-size:.8rem}.upload-hint{font-size:.7rem}.banner-modal-footer{padding:.75rem;gap:.75rem}}@media (max-width: 320px){.banner-modal-overlay{padding:.1rem}.banner-modal-container{max-width:100%;margin:0;border-radius:6px}.banner-modal-header{padding:.5rem .75rem}.banner-modal-title{font-size:.9rem}.header-icon{width:32px;height:32px;font-size:1rem}.banner-modal-close-btn{width:28px;height:28px;font-size:1rem}.banner-modal-form{padding:.5rem}.section-title{font-size:.85rem;margin-bottom:.75rem}.section-icon{font-size:.9rem}.form-group{margin-bottom:.75rem}.form-input,.form-select,.form-textarea{font-size:.75rem;padding:.5rem}.form-label{font-size:.75rem}.file-upload-container{padding:.75rem}.upload-icon{font-size:1rem}.upload-text{font-size:.75rem}.upload-hint{font-size:.65rem}.banner-modal-footer{padding:.5rem;gap:.5rem}}.banners-page{padding:1rem;max-width:1500px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;position:relative}.banners-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.banners-section{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;border:1px solid rgba(16,185,129,.1);overflow:hidden}.loading-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top:3px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:#1a202c;margin:0 0 .5rem}.empty-state p{color:#718096;margin:0 0 2rem;max-width:400px}.banners-list{padding:0}.banner-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;border-bottom:1px solid rgba(16,185,129,.1);transition:all .2s ease;background:#ffffff80}.banner-item:hover{background:#10b98105;transform:translate(5px)}.banner-image{width:120px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#10b9810d;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.banner-image:hover{transform:scale(1.02);box-shadow:0 4px 12px #10b98133}.banner-image img{width:100%;height:100%;object-fit:cover}.banner-image-placeholder{font-size:2rem;color:#10b981}.banner-content{flex:1}.banner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.banner-title{font-size:1.3rem;font-weight:600;color:#1f2937;margin:0;line-height:1.3;flex:1}.banner-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.status-active{background:#d1fae5;color:#047857}.status-inactive{background:#f3f4f6;color:#6b7280}.status-scheduled{background:#dbeafe;color:#1d4ed8}.status-expired{background:#fee2e2;color:#dc2626}.banner-description{color:#4b5563;margin:0 0 1rem;line-height:1.5;font-size:.875rem}.banner-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.75rem;color:#6b7280}.banner-position-meta,.banner-type,.banner-priority,.banner-dates{display:flex;align-items:center;gap:.25rem}.banner-position{background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.banner-stats{display:flex;gap:1rem}.stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.stat-icon{font-size:.875rem}.banner-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;margin-left:1rem}@media (max-width: 768px){.banners-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;padding:1rem}.header-content{margin-right:0}.page-title{font-size:1.5rem}.page-description{font-size:.9rem}.add-button{align-self:flex-start;margin-top:0;padding:.6rem 1.2rem;font-size:.8rem}.stats-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:1rem}.stat-item{padding:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.search-filters{flex-direction:column;gap:.75rem;padding:1rem}.filters{flex-direction:column;gap:.75rem}.filter-select{min-width:auto;padding:.6rem .8rem;font-size:.8rem}.search-input{padding:.6rem .8rem;font-size:.8rem;min-width:100%}.banner-item{flex-direction:column;gap:1rem;padding:1rem}.banner-image{width:100%;height:150px}.banner-actions{flex-direction:row;justify-content:flex-start;margin-left:0}.banner-meta{flex-direction:column;gap:.5rem}.section-header{padding:1rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.8rem}}@media (max-width: 480px){.banners-page,.page-header{padding:.75rem}.page-title{font-size:1.125rem}.page-description{font-size:.75rem}.add-button{padding:.75rem .875rem;font-size:.8rem}.button-icon{font-size:.9rem}.stats-section{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.stat-item{padding:.75rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}.search-filters{padding:.75rem}.search-input,.filter-select{padding:.625rem .75rem;font-size:.8rem}.banner-item{padding:.75rem}.banner-header{flex-direction:column;align-items:flex-start;gap:.5rem}.banner-title{font-size:1rem}.banner-description{font-size:.8rem}.banner-stats{flex-wrap:wrap;gap:.75rem}.stat{font-size:.7rem}.stat-icon{font-size:.8rem}.section-header{padding:.75rem}.section-title{font-size:1rem}.section-subtitle{font-size:.75rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.8rem}}@media (max-width: 320px){.banners-page,.page-header{padding:.5rem}.page-title{font-size:1rem}.page-description{font-size:.7rem}.add-button{padding:.625rem .75rem;font-size:.75rem}.button-icon{font-size:.8rem}.stats-section{padding:.5rem;gap:.4rem}.stat-item{padding:.5rem}.stat-number{font-size:1rem}.stat-label{font-size:.65rem}.search-filters{padding:.5rem}.search-input,.filter-select{padding:.5rem .6rem;font-size:.75rem}.banner-item{padding:.5rem}.banner-image{height:120px}.banner-title{font-size:.9rem}.banner-description{font-size:.7rem}.banner-meta{font-size:.65rem}.banner-stats{gap:.5rem}.stat{font-size:.65rem}.stat-icon{font-size:.7rem}.banner-actions{gap:.3rem}.section-header{padding:.5rem}.section-title{font-size:.9rem}.section-subtitle{font-size:.7rem}.empty-state{padding:1.5rem .5rem}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1rem}.empty-state p{font-size:.75rem}}.prescription-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.prescription-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;border:1px solid rgba(16,185,129,.1);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.prescription-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0;box-shadow:0 2px 4px #0000001a;position:relative;z-index:10}.header-content{display:flex;align-items:center;gap:.75rem}.header-icon{font-size:1.5rem;background:#fff3;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.prescription-modal-title{font-size:1.4rem;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.prescription-modal-close-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .2s ease}.prescription-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.prescription-modal-form{flex:1;overflow-y:auto;padding:2rem;max-height:calc(90vh - 100px)}.prescription-form-content{display:flex;flex-direction:column;gap:2rem}.prescription-form-section{background:#10b98105;border:1px solid rgba(16,185,129,.1);border-radius:12px;padding:1.5rem}.section-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.section-icon{font-size:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(16,185,129,.2);border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1f2937}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.symptom-input-container{display:flex;gap:.5rem;margin-bottom:1rem}.symptom-input-container .form-input{flex:1}.add-symptom-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-symptom-btn:hover{background:#059669;transform:translateY(-1px)}.symptom-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.symptom-item{background:#10b9811a;color:#059669;padding:.5rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(16,185,129,.2)}.remove-symptom-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.875rem;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-symptom-btn:hover{background:#ef4444;color:#fff}.medications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-medication-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.add-medication-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.medication-item{background:#fff;border:1px solid rgba(16,185,129,.1);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.medication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(16,185,129,.1)}.medication-header h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.remove-medication-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-medication-btn:hover{background:#dc2626;transform:translateY(-1px)}.prescription-modal-footer{padding:1.5rem 2rem;background:#10b98105;border-top:1px solid rgba(16,185,129,.1);display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#4b5563;transform:translateY(-1px)}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.prescription-modal-overlay{padding:.5rem}.prescription-modal-container{max-width:100%;max-height:95vh}.prescription-modal-header{padding:1rem 1.5rem}.prescription-modal-title{font-size:1.2rem}.prescription-modal-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:.75rem}.prescription-form-section{padding:1rem}.prescription-modal-footer{padding:1rem 1.5rem;flex-direction:column}.btn-cancel,.btn-save{width:100%}}@media (max-width: 480px){.prescription-modal-overlay{padding:.25rem}.prescription-modal-container{border-radius:12px}.prescription-modal-header{padding:.75rem 1rem}.prescription-modal-title{font-size:1.1rem}.prescription-modal-form{padding:1rem}.prescription-form-section{padding:.75rem}.symptom-input-container{flex-direction:column}.add-symptom-btn{width:100%}}@media (max-width: 360px){.prescription-modal-header{padding:.5rem .75rem}.prescription-modal-title{font-size:1rem}.prescription-modal-form{padding:.75rem}.prescription-form-section{padding:.5rem}.form-input,.form-select,.form-textarea{padding:.6rem .75rem;font-size:.8rem}.prescription-modal-footer{padding:.75rem 1rem}}@media (max-width: 320px){.prescription-modal-container{border-radius:8px}.prescription-modal-header{padding:.5rem}.prescription-modal-title{font-size:.9rem}.prescription-modal-form,.prescription-form-section{padding:.5rem}.form-input,.form-select,.form-textarea{padding:.5rem;font-size:.75rem}.prescription-modal-footer{padding:.5rem}}.prescriptions-page{padding:1rem;max-width:1500px;margin:0 auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;position:relative}.prescriptions-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;border:1px solid rgba(16,185,129,.1);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);border-radius:16px 16px 0 0}.header-content{flex:1;margin-right:2rem}.page-title{font-size:2.2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;line-height:1.2}.page-description{font-size:1rem;color:#6b7280;margin:0;line-height:1.5;font-weight:400}.add-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 4px #10b98133;flex-shrink:0;margin-top:.5rem}.add-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.button-icon{font-size:1rem;font-weight:700}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;border:1px solid rgba(16,185,129,.1)}.stat-item{text-align:center;padding:1.5rem;background:#fff9;border-radius:12px;border:1px solid rgba(16,185,129,.1);transition:all .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98126}.stat-number{display:block;font-size:2.2rem;font-weight:700;color:#10b981;margin-bottom:.5rem;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.search-filters{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;border:1px solid rgba(16,185,129,.1)}.search-container{flex:1}.search-input{width:100%;padding:.875rem 1.25rem;border:2px solid rgba(16,185,129,.2);border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fffc;color:#1f2937;font-weight:400}.filters{display:flex;gap:1rem;align-items:center}.filter-select{padding:.875rem 1.25rem;border:2px solid rgba(16,185,129,.2);border-radius:12px;font-size:.95rem;background:#fffc;cursor:pointer;transition:all .2s ease;min-width:140px;color:#1f2937;font-weight:400}.prescriptions-section{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;border:1px solid rgba(16,185,129,.1);overflow:hidden}.section-header{padding:2rem;border-bottom:1px solid rgba(16,185,129,.1);background:#10b98105}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.section-subtitle{font-size:.95rem;color:#6b7280;margin:0;font-weight:400}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(16,185,129,.2);border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 2rem}.prescriptions-list{padding:0}.prescription-item{padding:2rem;border-bottom:1px solid rgba(16,185,129,.1);transition:all .2s ease;background:#ffffff80}.prescription-item:hover{background:#10b98105;transform:translate(5px)}.prescription-item:last-child{border-bottom:none}.prescription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.prescription-info{flex:1}.prescription-number{font-size:1.3rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.prescription-badges{display:flex;gap:.75rem;flex-wrap:wrap}.status-badge,.priority-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-approved{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-rejected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-dispensed{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-expired,.priority-low{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.priority-medium{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.priority-high{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.priority-urgent{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.prescription-actions{display:flex;gap:.5rem;flex-wrap:wrap}.prescription-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-group{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.875rem;color:#1f2937;font-weight:500}.symptoms-section{display:flex;flex-direction:column;gap:.5rem}.symptoms-list{display:flex;flex-wrap:wrap;gap:.5rem}.symptom-tag{background:#10b9811a;color:#059669;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(16,185,129,.2)}.notes-section{display:flex;flex-direction:column;gap:.25rem}@media (max-width: 768px){.prescriptions-page{padding:.75rem}.page-header{flex-direction:column;gap:1rem;padding:1.5rem}.header-content{margin-right:0}.page-title{font-size:1.8rem}.stats-section{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.stat-item{padding:1rem}.stat-number{font-size:1.8rem}.search-filters{flex-direction:column;gap:1rem;padding:1rem}.filters{width:100%;justify-content:space-between}.filter-select{flex:1;min-width:auto}.prescription-header{flex-direction:column;gap:1rem}.prescription-actions{width:100%;justify-content:flex-start}.detail-row{grid-template-columns:1fr;gap:.75rem}}@media (max-width: 480px){.prescriptions-page{padding:.5rem}.page-header{padding:1rem}.page-title{font-size:1.5rem}.stats-section{grid-template-columns:1fr;padding:1rem}.stat-item{padding:.75rem}.stat-number{font-size:1.5rem}.search-filters{padding:.75rem}.prescription-item{padding:1rem}.prescription-number{font-size:1.1rem}.prescription-badges{gap:.5rem}.prescription-actions{gap:.25rem}.prescription-actions button{padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 360px){.page-header{padding:.75rem}.page-title{font-size:1.3rem}.prescription-item{padding:.75rem}.prescription-number{font-size:1rem}.detail-label{font-size:.7rem}.detail-value{font-size:.8rem}}@media (max-width: 320px){.prescriptions-page{padding:.25rem}.page-header{padding:.5rem}.page-title{font-size:1.2rem}.stats-section{padding:.75rem}.stat-item{padding:.5rem}.stat-number{font-size:1.3rem}.prescription-item{padding:.5rem}.prescription-number{font-size:.95rem}.prescription-badges{flex-direction:column;align-items:flex-start}.prescription-actions{flex-direction:column;width:100%}.prescription-actions button{width:100%;justify-content:center}}.medicine-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-out}.medicine-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:800px;width:100%;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid #e9ecef}.medicine-modal-header{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.medicine-modal-title{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.medicine-modal-icon{font-size:1.5rem}.medicine-modal-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.medicine-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.medicine-modal-form{flex:1;display:flex;flex-direction:column;overflow:hidden}.medicine-form-content{flex:1;overflow-y:auto;padding:1.5rem}.medicine-form-section{margin-bottom:2rem}.section-title{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.section-icon{font-size:1.25rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-group{flex:1;margin-bottom:1rem}.form-label{display:block;font-size:.9rem;font-weight:500;color:#495057;margin-bottom:.5rem}.required{color:#dc3545}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 2px #05966940}.form-input.error,.form-select.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.form-textarea{resize:vertical;min-height:80px}.error-message{color:#dc3545;font-size:.8rem;margin-top:.25rem;display:block}.file-upload-container{display:flex;flex-direction:column;gap:1rem}.file-upload-area{position:relative}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #ced4da;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .2s ease;text-align:center}.file-upload-label:hover{border-color:#059669;background:#f0fdf4}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-text{font-size:1rem;font-weight:500;color:#495057;margin-bottom:.25rem}.upload-hint{font-size:.8rem;color:#6c757d}.upload-divider{text-align:center;position:relative;margin:.5rem 0}.upload-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#dee2e6}.upload-divider span{background:#fff;padding:0 1rem;color:#6c757d;font-size:.8rem;font-weight:500}.url-input-container{width:100%}.image-preview-container{position:relative;display:inline-block;margin-bottom:1rem}.image-preview{max-width:200px;max-height:200px;border-radius:8px;border:1px solid #dee2e6}.remove-image-btn{position:absolute;top:-8px;right:-8px;background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s ease}.remove-image-btn:hover{background:#c82333;transform:scale(1.1)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#495057}.checkbox-input{width:18px;height:18px;cursor:pointer}.checkbox-text{-webkit-user-select:none;user-select:none}.medicine-modal-footer{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-primary{background:#059669;color:#fff}.btn-primary:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff}.btn-icon{font-size:1rem}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (min-width: 768px){.medicine-modal-overlay{padding:2rem}.medicine-modal-container{max-width:900px}.medicine-modal-header{padding:2rem}.medicine-modal-title{font-size:1.5rem}.medicine-form-content{padding:2rem}.section-title{font-size:1.25rem}.form-input,.form-select,.form-textarea{font-size:1rem;padding:.875rem}.form-label{font-size:1rem}.file-upload-label{padding:3rem}.upload-icon{font-size:3rem}.upload-text{font-size:1.1rem}.medicine-modal-footer{padding:2rem}.btn-primary,.btn-secondary{padding:1rem 2rem;font-size:1rem}}@media (max-width: 767px){.medicine-modal-overlay{padding:.5rem}.medicine-modal-container{max-height:98vh}.medicine-modal-header{padding:1rem}.medicine-modal-title{font-size:1.1rem;gap:.5rem}.medicine-modal-icon{font-size:1.25rem}.medicine-form-content{padding:1rem}.form-row{flex-direction:column;gap:0}.form-group{margin-bottom:.75rem}.file-upload-label{padding:1.5rem}.upload-icon{font-size:1.5rem}.upload-text{font-size:.9rem}.image-preview{max-width:150px;max-height:150px}.medicine-modal-footer{padding:1rem;flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.medicine-modal-overlay{padding:.25rem}.medicine-modal-header{padding:.75rem}.medicine-modal-title{font-size:1rem}.medicine-form-content{padding:.75rem}.section-title{font-size:1rem}.form-input,.form-select,.form-textarea{font-size:.9rem;padding:.75rem}.file-upload-label{padding:1rem}.upload-icon{font-size:1.25rem}.upload-text{font-size:.85rem}.image-preview{max-width:120px;max-height:120px}.medicine-modal-footer{padding:.75rem}}.medicine-page{padding:1rem;max-width:1500px;margin:0 auto;background:#f8f9fa;min-height:100vh}.add-button:active{transform:translateY(0);box-shadow:0 2px 4px #28a7454d}.stats-section{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #dee2e6;overflow-x:auto}.stat-item{text-align:center;min-width:100px;flex:1}.stat-number{font-size:1.5rem;font-weight:700;color:#007bff;display:block}.stat-label{font-size:.8rem;color:#6c757d;margin-top:.25rem}.search-section{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1.5rem;border:1px solid #dee2e6}.search-input{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-select{padding:.5rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;background:#fff;min-width:120px}.medicines-section{background:#fff;border-radius:8px;padding:1rem;border:1px solid #dee2e6}.section-header{margin-bottom:1rem}.section-title{font-size:1.2rem;font-weight:600;color:#212529;margin:0 0 .25rem}.section-subtitle{color:#6c757d;font-size:.9rem;margin:0}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-icon,.empty-icon{font-size:3rem;color:#dc3545;margin-bottom:1rem}.empty-icon{color:#6c757d}.loading-state h3,.error-state h3,.empty-state h3{color:#212529;margin-bottom:.5rem}.loading-state p,.error-state p,.empty-state p{color:#6c757d;margin-bottom:1rem}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background:#5a6268}.medicines-list{display:flex;flex-direction:column;gap:.75rem}.medicine-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;transition:all .2s ease}.medicine-item:hover{background:#e9ecef;border-color:#007bff}.medicine-info{flex:1}.medicine-name{font-size:1rem;font-weight:600;color:#212529;margin:0 0 .25rem}.medicine-manufacturer{color:#6c757d;font-size:.9rem;margin:0 0 .25rem}.medicine-category{color:#007bff;font-size:.8rem;font-weight:500;margin:0}.medicine-details{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.detail{display:flex;flex-direction:column;align-items:center}.detail-label{font-size:.7rem;color:#6c757d;margin-bottom:.25rem}.detail-value{font-size:.9rem;font-weight:600;color:#212529}.detail-value.low-stock{color:#dc3545}.status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.medicine-actions{display:flex;gap:.5rem;flex-shrink:0}.edit-btn,.delete-btn{padding:.5rem;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}@media (min-width: 768px){.medicine-page{padding:2rem}.page-header{padding:2rem;margin-bottom:2rem}.page-title{font-size:2rem}.page-description{font-size:1rem}.add-button{padding:1rem 2rem;font-size:1rem;min-width:140px}.button-icon{font-size:1.2rem}.stats-section{gap:2rem;padding:1.5rem;margin-bottom:2rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem}.search-section{padding:1.5rem;margin-bottom:2rem}.search-input{font-size:1rem;padding:.875rem}.filter-select{font-size:1rem;padding:.75rem}.medicines-section{padding:2rem}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}.medicine-item{padding:1.5rem}.medicine-name{font-size:1.1rem}.medicine-manufacturer{font-size:1rem}.medicine-category{font-size:.9rem}.detail-value{font-size:1rem}.edit-btn,.delete-btn{padding:.75rem 1rem;font-size:.9rem}}@media (max-width: 767px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-content{margin-right:0}.add-button{margin-top:0;align-self:flex-end}.stats-section{flex-direction:column;gap:1rem}.stat-item{min-width:auto}.filters{flex-direction:column;gap:.75rem}.filter-select{min-width:auto;width:100%}.medicine-item{flex-direction:column;align-items:flex-start;gap:1rem}.medicine-details{width:100%;justify-content:space-between}.medicine-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.medicine-page{padding:.5rem}.page-header{padding:1rem}.page-title{font-size:1.25rem}.add-button{padding:.75rem 1rem;font-size:.85rem;min-width:100px}.stats-section{padding:.75rem}.stat-number{font-size:1.25rem}.search-section,.medicines-section,.medicine-item{padding:.75rem}.medicine-details{flex-direction:column;gap:.5rem}.detail{flex-direction:row;justify-content:space-between;width:100%}}.permission-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.permission-modal-container{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003;position:relative;display:flex;flex-direction:column;border:1px solid #e9ecef}.permission-modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:1.5rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;box-shadow:0 4px 8px #00000026;border-bottom:2px solid rgba(255,255,255,.1)}.permission-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.permission-modal-close-btn{background:#ffffff4d;border:2px solid rgba(255,255,255,.5);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.permission-modal-close-btn:hover{background:#fff6}.permission-modal-form{padding:2.5rem;max-height:calc(90vh - 100px);overflow-y:auto}.form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-select.error{border-color:#ef4444}.permission-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-add{background:#8b5cf6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-add:hover:not(:disabled){background:#7c3aed}@media (max-width: 768px){.permission-modal-overlay{padding:.5rem}.permission-modal-container{max-width:100%;max-height:95vh}.permission-modal-header{padding:1rem}.permission-modal-title{font-size:1.125rem}.permission-modal-form{padding:1.5rem}.permission-modal-footer{flex-direction:column-reverse;gap:.75rem}.btn-cancel,.btn-add{width:100%;justify-content:center}}.permissions-page{padding:1rem;max-width:1500px;margin:0 auto;background:#f8f9fa;min-height:100vh}.permissions-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.filter-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;min-width:120px}.filter-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.permissions-table{width:100%;border-collapse:collapse}.permissions-table th{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.permissions-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.permission-name{font-weight:500;color:#0f172a;font-size:.875rem}.permission-group{font-size:.875rem;color:#6b7280;padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;display:inline-block}@media (max-width: 768px){.permissions-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.permissions-container{padding:1rem}.search-filters{flex-direction:column}.permissions-table{font-size:.75rem}.permissions-table th,.permissions-table td{padding:.5rem}}.group-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.group-modal-container{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003;position:relative;display:flex;flex-direction:column;border:1px solid #e9ecef}.group-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.5rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;box-shadow:0 4px 8px #00000026;border-bottom:2px solid rgba(255,255,255,.1)}.group-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.group-modal-close-btn{background:#ffffff4d;border:2px solid rgba(255,255,255,.5);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.group-modal-close-btn:hover{background:#fff6}.group-modal-form{padding:2.5rem;max-height:calc(90vh - 100px);overflow-y:auto}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.group-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-add{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-add:hover:not(:disabled){background:#059669}@media (max-width: 768px){.group-modal-overlay{padding:.5rem}.group-modal-container{max-width:100%;max-height:95vh}.group-modal-header{padding:1rem}.group-modal-title{font-size:1.125rem}.group-modal-form{padding:1.5rem}.group-modal-footer{flex-direction:column-reverse;gap:.75rem}.btn-cancel,.btn-add{width:100%;justify-content:center}}.permission-groups-page{padding:1rem;max-width:1500px;margin:0 auto;background:#f8f9fa;min-height:100vh}.permission-groups-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.group-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s ease}.group-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.group-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.group-name{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0}.group-actions{display:flex;gap:.5rem}.btn-edit{background:#3b82f6;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-delete{background:#ef4444;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.group-permissions{display:flex;flex-direction:column;gap:.75rem}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-badge{background:#fff;border:1px solid #d1d5db;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#374151}.permission-badge.more{background:#f3f4f6;color:#6b7280;font-style:italic}@media (max-width: 768px){.permission-groups-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.permission-groups-container{padding:1rem}.groups-grid{grid-template-columns:1fr}}.role-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.role-modal-container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0003;position:relative;display:flex;flex-direction:column;border:1px solid #e9ecef}.role-modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:1.5rem;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;box-shadow:0 4px 8px #00000026;border-bottom:2px solid rgba(255,255,255,.1)}.header-left{display:flex;align-items:center;gap:.75rem}.header-icon{font-size:1.5rem;background:#fff3;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.role-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.role-modal-close-btn{background:#ffffff4d;border:2px solid rgba(255,255,255,.5);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.role-modal-close-btn:hover{background:#fff6}.role-modal-form{padding:2.5rem;max-height:calc(90vh - 100px);overflow-y:auto}.form-section{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1rem;font-weight:600;color:#374151}.section-icon{font-size:1rem}.permissions-count-badge{margin-left:auto;background:#3b82f6;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.form-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#111827;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#111827;transition:all .2s ease;resize:vertical;min-height:80px;font-family:inherit;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#111827;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.permissions-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;max-height:400px;overflow-y:auto}.permission-group-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.permission-group-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.permission-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.group-name{font-size:.875rem;font-weight:600;color:#374151;margin:0}.select-all-btn{background:#3b82f6;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.select-all-btn:hover{background:#2563eb}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.permission-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.permission-checkbox:hover{background:#f9fafb;border-color:#3b82f6}.permission-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.permission-label{font-size:.875rem;color:#374151;-webkit-user-select:none;user-select:none}.no-permissions-message{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem}.role-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-cancel{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#4b5563}.btn-add{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-add:hover:not(:disabled){background:#2563eb}.btn-add:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.role-modal-overlay{padding:.5rem}.role-modal-container{max-width:100%;max-height:95vh}.role-modal-header{padding:1rem}.role-modal-title{font-size:1.125rem}.role-modal-form{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:0}.permissions-grid{grid-template-columns:1fr}.role-modal-footer{flex-direction:column-reverse;gap:.75rem}.btn-cancel,.btn-add{width:100%;justify-content:center}}.roles-page{padding:1rem;max-width:1500px;margin:0 auto;background:#f8f9fa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;border-bottom:2px solid #e9ecef}.header-content{flex:1;margin-right:1rem}.page-title{font-size:1.5rem;font-weight:600;color:#212529;margin:0 0 .5rem}.page-description{color:#6c757d;font-size:.9rem;margin:0}.add-button{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #28a7454d;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;margin-top:.5rem}.add-button:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a74566}.button-icon{font-size:1.1rem;font-weight:700}.roles-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.table-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.search-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.roles-table{width:100%;border-collapse:collapse}.roles-table th{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.roles-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.role-name{font-weight:500;color:#0f172a;font-size:.875rem}.role-type{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.role-type-user{background:#dbeafe;color:#1e40af}.role-type-admin{background:#fef3c7;color:#92400e}.role-type-superadmin{background:#fce7f3;color:#9f1239}.role-description{font-size:.875rem;color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-permissions{display:flex;flex-direction:column;gap:.5rem;max-width:400px}.permissions-count{font-size:.75rem;color:#6b7280;font-weight:500}.permissions-preview{display:flex;flex-wrap:wrap;gap:.25rem}.permission-tag{background:#f3f4f6;border:1px solid #d1d5db;padding:.125rem .5rem;border-radius:4px;font-size:.7rem;color:#374151}.permission-tag.more{background:#e5e7eb;color:#6b7280;font-style:italic}.no-permissions{font-size:.75rem;color:#9ca3af;font-style:italic}.action-buttons{display:flex;gap:.5rem}.btn-edit{background:#3b82f6;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#dc2626}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.pagination button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f9fafb;border-color:#10b981}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.875rem;color:#6b7280}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem;color:#374151}.empty-state-description{font-size:.875rem;margin-bottom:1.5rem}.loading-state{text-align:center;padding:3rem 1rem;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.roles-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.roles-container{padding:1rem}.search-filters{flex-direction:column}.roles-table{font-size:.75rem}.roles-table th,.roles-table td{padding:.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6}#root{min-height:100vh}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.app-loading p{font-size:1.1rem;font-weight:500;opacity:.9}.app{display:flex;min-height:100vh}.main-content{flex:1;margin-left:280px;min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.content-wrapper{flex:1;padding:0}@media (max-width: 768px){.main-content{margin-left:0;margin-top:0}.app{flex-direction:column}}:root{--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #f093fb;--color-background: #f8fafc;--color-surface: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--sidebar-width: 280px;--header-height: 80px;--border-radius: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-accent: linear-gradient(135deg, var(--color-accent), var(--color-primary));--gradient-success: linear-gradient(135deg, var(--color-success), #059669);--gradient-warning: linear-gradient(135deg, var(--color-warning), #d97706);--gradient-error: linear-gradient(135deg, var(--color-error), #dc2626);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);margin:0;padding:0;line-height:1.6}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-heading{font-family:var(--font-heading)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-surface{background-color:var(--color-surface)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.gradient-primary{background:var(--gradient-primary)}.gradient-accent{background:var(--gradient-accent)}.gradient-success{background:var(--gradient-success)}.gradient-warning{background:var(--gradient-warning)}.gradient-error{background:var(--gradient-error)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:calc(var(--border-radius) * .5)}.rounded-lg{border-radius:calc(var(--border-radius) * 1.5)}.rounded-xl{border-radius:calc(var(--border-radius) * 2)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius);font-family:var(--font-family);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);gap:var(--spacing-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-success{background:var(--gradient-success);color:#fff}.btn-warning{background:var(--gradient-warning);color:#fff}.btn-error{background:var(--gradient-error);color:#fff}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.card{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.05)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.05);background:#00000005}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#0000000d;color:var(--color-text-muted);cursor:not-allowed}.form-label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media (max-width: 768px){:root{--sidebar-width: 100%;--header-height: 60px;--spacing-lg: 1rem;--spacing-xl: 1.5rem}}@media (max-width: 480px){:root{--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}}:root{--dashboard-primary: #10b981;--dashboard-secondary: #059669;--dashboard-accent: #34d399;--dashboard-background: #f0fdf4;--dashboard-surface: #ffffff;--dashboard-text-primary: #064e3b;--dashboard-text-secondary: #047857;--dashboard-text-muted: #6b7280;--dashboard-success: #10b981;--dashboard-warning: #f59e0b;--dashboard-error: #ef4444;--dashboard-info: #06b6d4;--dashboard-border: #a7f3d0;--dashboard-grid-columns: 4;--dashboard-widget-spacing: 1.5rem;--dashboard-section-spacing: 2rem;--dashboard-card-padding: 1.5rem;--dashboard-card-radius: 12px;--dashboard-card-shadow: 0 4px 12px rgba(16, 185, 129, .08)}.dashboard-container{background:var(--global-bg-secondary);color:var(--global-text-primary);min-height:100vh;padding:2rem;width:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.header-left{flex:1}.page-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-subtitle{font-size:1rem;color:#6b7280;margin:0}.header-right{display:flex;align-items:center;gap:1rem}.date-time{background:#f3f4f6;padding:.75rem 1rem;border-radius:8px;text-align:center}.date{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.time{font-size:.75rem;color:#6b7280;font-family:monospace}.section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem}.metrics-section{margin-bottom:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.metric-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;text-align:center;border:1px solid #e5e7eb}.metric-value{font-size:2.5rem;font-weight:700;color:#10b981;margin-bottom:.5rem;line-height:1}.metric-label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.charts-section{margin-bottom:2rem}.charts-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb;transition:box-shadow .2s ease}.chart-card:hover{box-shadow:0 4px 8px #00000026}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.chart-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.chart-period{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.legend-color{width:12px;height:12px;border-radius:50%}.legend-color.completed{background:#10b981}.legend-color.pending{background:#f59e0b}.chart-content{height:200px;display:flex;flex-direction:column;justify-content:center}.chart-bars{display:flex;align-items:end;justify-content:space-between;height:150px;gap:.5rem;margin-bottom:1rem}.chart-bar{flex:1;background:linear-gradient(180deg,#10b981,#34d399);border-radius:4px 4px 0 0;position:relative;transition:height .3s ease;display:flex;align-items:flex-start;justify-content:center;min-height:20px}.bar-value{position:absolute;top:-25px;font-size:.75rem;font-weight:600;color:#10b981}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280;font-weight:500}.donut-chart{width:150px;height:150px;border-radius:50%;background:conic-gradient(#10b981 0deg 306deg,#f59e0b 306deg 360deg);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.donut-chart:before{content:"";position:absolute;width:80px;height:80px;background:#fff;border-radius:50%}.donut-center{position:relative;z-index:1;text-align:center}.donut-value{font-size:1.5rem;font-weight:700;color:#10b981;margin-bottom:.25rem}.donut-label{font-size:.875rem;color:#6b7280;font-weight:500}.category-bars{display:flex;flex-direction:column;gap:1rem}.category-bar{display:flex;flex-direction:column;gap:.5rem}.category-info{display:flex;justify-content:space-between;align-items:center}.category-name{font-size:.875rem;font-weight:500;color:#374151}.category-percent{font-size:.875rem;font-weight:600;color:#10b981}.category-progress{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.tables-section{margin-bottom:2rem}.tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;margin-bottom:1rem}.table-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.view-all-btn{padding:.5rem 1rem;background:#10b981;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500}.view-all-btn:hover{background:#059669}.table-content{padding:0 1.5rem 1.5rem}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.75rem 0;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table td{padding:1rem 0;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6}.data-table tr:last-child td{border-bottom:none}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:600;color:#1f2937}.product-category{font-size:.75rem;color:#6b7280}.trend.up{color:#10b981;font-weight:600}.trend.down{color:#ef4444;font-weight:600}.loading-cell{text-align:center;color:#6b7280;font-style:italic}.filters-section{margin-bottom:2rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:300px}.search-input{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#374151;font-size:.875rem}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none}.search-btn{padding:.75rem 1rem;background:#10b981;border:none;color:#fff;cursor:pointer}.search-btn:hover{background:#059669}.filters-grid{display:flex;align-items:end;gap:2rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{font-size:.875rem;font-weight:600;color:#374151}.date-range{display:flex;align-items:center;gap:.5rem}.date-range span{font-size:.875rem;color:#6b7280;font-weight:500;margin:0 .25rem;align-self:center}.date-input,.filter-select{padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;height:44px;box-sizing:border-box;outline:none;transition:border-color .2s ease}.date-input:focus,.filter-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.filter-actions{display:flex;gap:1rem;align-items:end;margin-left:auto}.filter-btn{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.filter-btn.primary{background:#10b981;color:#fff;border:1px solid #10b981}.filter-btn.primary:hover{background:#059669}.filter-btn.secondary{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.filter-btn.secondary:hover{background:#f3f4f6;color:#374151}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-container{grid-template-columns:1fr;gap:1.5rem}.tables-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:1rem}.metrics-grid,.charts-container{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.search-bar{width:100%}.filters-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 768px){.filters-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-grid{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{min-width:auto}.filter-actions{margin-left:0;justify-content:stretch}.filter-btn{flex:1}}.locale-demo,.currency-demo{background:#fff;border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.currency-demo h3{color:#10b981;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;text-align:center}.currency-demo h4{color:#374151;margin-bottom:1rem;font-size:1rem;font-weight:600}.demo-section{margin-bottom:1.5rem}.demo-section:last-child{margin-bottom:0}.locale-demo h3{color:#10b981;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.demo-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.demo-item strong{color:#374151;font-size:.9rem}.demo-item span{color:#10b981;font-weight:600;font-size:.9rem}@media (max-width: 768px){.demo-grid{grid-template-columns:1fr}.demo-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.dashboard-container{padding:.5rem}.metric-value{font-size:2rem}.page-title{font-size:1.5rem}}.dashboard-grid{display:grid;grid-template-columns:repeat(var(--dashboard-grid-columns),1fr);gap:var(--dashboard-widget-spacing);margin-bottom:var(--dashboard-section-spacing);padding:var(--dashboard-section-spacing);width:100%;box-sizing:border-box}.dashboard-section{margin-bottom:var(--dashboard-section-spacing)}.dashboard-section-title{font-size:1.5rem;font-weight:700;color:var(--dashboard-text-primary);margin-bottom:.5rem}.dashboard-section-description{color:var(--dashboard-text-secondary);margin-bottom:1rem}.dashboard-card{background:var(--dashboard-surface);border-radius:var(--dashboard-card-radius);padding:var(--dashboard-card-padding);box-shadow:var(--dashboard-card-shadow);border:1px solid var(--dashboard-border);transition:all .3s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.widget-card{background:var(--dashboard-surface);border-radius:var(--dashboard-card-radius);padding:var(--dashboard-card-padding);box-shadow:var(--dashboard-card-shadow);border:1px solid var(--dashboard-border);transition:all .3s ease;position:relative;overflow:hidden}.widget-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.widget-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--dashboard-primary)}.widget-icon{font-size:2rem;margin-bottom:.75rem;display:block}.widget-title{font-size:.875rem;font-weight:600;color:var(--dashboard-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.widget-value{font-size:2rem;font-weight:700;color:var(--dashboard-text-primary);margin-bottom:.25rem}.widget-description{font-size:.875rem;color:var(--dashboard-text-muted);margin-bottom:.75rem}.widget-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.widget-trend.up{color:var(--dashboard-success)}.widget-trend.down{color:var(--dashboard-error)}.widget-trend.neutral{color:var(--dashboard-text-muted)}.welcome-message{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-secondary));color:var(--dashboard-text-primary);padding:2rem;border-radius:var(--dashboard-card-radius);margin:var(--dashboard-section-spacing);margin-bottom:var(--dashboard-section-spacing);text-align:center}.welcome-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.welcome-subtitle{font-size:1rem;color:var(--dashboard-text-secondary)}.quick-actions{background:var(--dashboard-surface);border-radius:var(--dashboard-card-radius);padding:var(--dashboard-card-padding);box-shadow:var(--dashboard-card-shadow);border:1px solid var(--dashboard-border);margin:0 var(--dashboard-section-spacing) var(--dashboard-section-spacing) var(--dashboard-section-spacing)}.quick-actions-title{font-size:1.25rem;font-weight:600;color:var(--dashboard-text-primary);margin-bottom:1rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-button{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:8px;color:var(--dashboard-text-primary);text-decoration:none;transition:all .3s ease;cursor:pointer}.quick-action-button:hover{background:var(--dashboard-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.quick-action-icon{font-size:1.5rem}.quick-action-label{font-weight:500}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr;gap:1.5rem}.tables-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.dashboard-header-right{align-items:flex-start;width:100%}.clean-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-container{padding:1rem;gap:2rem}.dashboard-header{padding:1.5rem}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}.dashboard-user-info{width:100%;justify-content:flex-start}.clean-metrics-grid{grid-template-columns:1fr;gap:1rem}.clean-metric-card{min-height:120px;padding:1.5rem 1rem}.quick-actions-grid{grid-template-columns:1fr}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-container{min-height:300px;padding:1.5rem}.tables-grid,.filters-grid{grid-template-columns:1fr}.search-bar{width:100%}.filters-header,.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-controls{width:100%;justify-content:flex-start}.timeframe-selector{width:100%}}@media (max-width: 480px){.dashboard-container{padding:.5rem;gap:1.5rem}.dashboard-header{padding:1rem}.dashboard-title{font-size:1.75rem}.clean-metric-value{font-size:2rem}.quick-action-btn{padding:.75rem 1rem}.action-icon{font-size:1rem}.action-label{font-size:.75rem}.table-container{overflow-x:auto}.data-table{min-width:500px}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--admin-primary: #10b981;--admin-secondary: #10b981;--admin-accent: #8b5cf6;--admin-background: #f8fafc;--admin-surface: #ffffff;--admin-sidebar: #1e293b;--admin-header: #ffffff;--admin-text-primary: #0f172a;--admin-text-secondary: #64748b;--admin-text-muted: #94a3b8;--admin-text-sidebar: #e2e8f0;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-error: #ef4444;--admin-info: #06b6d4;--admin-border: #e2e8f0;--admin-shadow: rgba(15, 23, 42, .08);--admin-hover: #f1f5f9;--admin-active: #10b981;--admin-spacing-xs: .25rem;--admin-spacing-sm: .5rem;--admin-spacing-md: 1rem;--admin-spacing-lg: 1.5rem;--admin-spacing-xl: 2rem;--admin-spacing-2xl: 3rem;--admin-radius-sm: .375rem;--admin-radius-md: .5rem;--admin-radius-lg: .75rem;--admin-radius-xl: 1rem;--admin-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--admin-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--admin-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--admin-transition: all .2s cubic-bezier(.4, 0, .2, 1);--admin-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--global-bg-primary: #ffffff;--global-bg-secondary: #f8fafc;--global-text-primary: #1f2937;--global-text-secondary: #6b7280;--global-border-color: #e5e7eb;--global-card-bg: #ffffff;--global-shadow: 0 4px 6px rgba(0, 0, 0, .05);--global-sidebar-bg: #065f46;--global-sidebar-text: #d1fae5;--global-header-bg: #ffffff;--global-header-text: #1f2937;--global-button-bg: #10b981;--global-button-text: #ffffff;--global-button-hover: #059669;--global-input-bg: #ffffff;--global-input-border: #e5e7eb;--global-input-text: #374151;--global-table-bg: #ffffff;--global-table-header-bg: #f8fafc;--global-table-border: #e5e7eb}.dark-theme{--global-bg-primary: #1f2937;--global-bg-secondary: #111827;--global-text-primary: #f9fafb;--global-text-secondary: #d1d5db;--global-border-color: #374151;--global-card-bg: #1f2937;--global-shadow: 0 4px 6px rgba(0, 0, 0, .3);--global-sidebar-bg: #0f172a;--global-sidebar-text: #e2e8f0;--global-header-bg: #1e293b;--global-header-text: #f1f5f9;--global-button-bg: #3b82f6;--global-button-text: #ffffff;--global-button-hover: #2563eb;--global-input-bg: #374151;--global-input-border: #4b5563;--global-input-text: #f9fafb;--global-table-bg: #1f2937;--global-table-header-bg: #374151;--global-table-border: #4b5563}.admin-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--global-bg-secondary);color:var(--global-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-sidebar{width:280px;height:100vh;background:var(--global-sidebar-bg);color:var(--global-sidebar-text);position:fixed;left:0;top:0;z-index:1000;overflow-y:auto;box-shadow:0 4px 20px #065f464d;transition:var(--admin-transition)}@media (max-width: 1024px){.admin-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 10px #0000001a}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%)}.admin-header{left:0!important;width:100%!important;z-index:999}.admin-content{margin-left:0!important;width:100%!important}.admin-panel:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.admin-panel.sidebar-open:before{opacity:1;visibility:visible}}.admin-sidebar.closed{transform:translate(-100%)}.admin-sidebar-header{padding:var(--admin-spacing-xl) var(--admin-spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);background:#0000001a;display:flex;align-items:center;justify-content:center;min-height:80px}.admin-sidebar-logo{width:120px;height:60px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #ece9e94d;background:#ffffffe6;padding:8px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:block;flex-shrink:0}.admin-sidebar-logo:hover{transform:scale(1.05);box-shadow:0 6px 20px #0009;background:#fff;border-color:#ffffff80}.admin-sidebar-title{font-size:1.5rem;font-weight:700;color:var(--admin-text-sidebar);margin:0}.admin-sidebar-nav{padding:var(--admin-spacing-md) 0}.admin-sidebar-list{list-style:none;margin:0;padding:0}.admin-sidebar-item{margin:0}.admin-sidebar-link{display:flex;align-items:center;gap:var(--admin-spacing-md);padding:var(--admin-spacing-md) var(--admin-spacing-lg);color:var(--admin-text-sidebar);text-decoration:none;transition:var(--admin-transition);border-left:3px solid transparent;position:relative;width:100%;text-align:left;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}.admin-sidebar-link:hover{background:#ffffff26;color:#fff;border-left-color:#34d399;transform:translate(4px)}.admin-sidebar-link.active{background:#34d39933;color:#fff;border-left-color:#34d399;font-weight:600}.admin-sidebar-icon{font-size:1.25rem;width:24px;text-align:center}.admin-sidebar-text{font-weight:500;font-size:.875rem}.admin-header{background:var(--global-header-bg);color:var(--global-header-text);border-bottom:1px solid var(--global-border-color);padding:0 var(--admin-spacing-xl);height:80px;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;overflow:visible;left:280px;right:0;z-index:1000;box-shadow:0 2px 10px #065f461a;width:calc(100% - 280px);box-sizing:border-box;transition:var(--admin-transition)}.admin-header.sidebar-closed{left:0;width:100%}.admin-header-left{display:flex;align-items:center;gap:var(--admin-spacing-lg)}.admin-sidebar-toggle{background:var(--admin-primary);border:none;padding:var(--admin-spacing-sm);border-radius:var(--admin-radius-md);cursor:pointer;color:#fff;transition:var(--admin-transition);display:flex;align-items:center;justify-content:center;font-size:1.25rem;min-width:44px;min-height:44px;z-index:1002;position:relative;box-shadow:0 2px 4px #0000001a}.admin-sidebar-toggle:hover{background:var(--admin-hover);color:var(--admin-text-primary)}@media (max-width: 1024px){.admin-sidebar-toggle{font-size:1.5rem;padding:var(--admin-spacing-md);min-width:48px;min-height:48px;background:var(--admin-primary);color:#fff;z-index:1002;position:relative;display:flex!important;visibility:visible!important}}@media (max-width: 480px){.admin-sidebar-toggle{font-size:1.125rem;padding:var(--admin-spacing-xs);min-width:40px;min-height:40px;background:var(--admin-primary);color:#fff;z-index:1002;position:relative;display:flex!important;visibility:visible!important}}@media (max-width: 360px){.admin-sidebar-toggle{font-size:1rem;padding:6px;min-width:36px;min-height:36px;background:var(--admin-primary);color:#fff;z-index:1002;position:relative;display:flex!important;visibility:visible!important}}.admin-header-logo{width:48px;height:48px;object-fit:contain;border-radius:var(--admin-radius-md);box-shadow:0 2px 8px #065f4633;transition:var(--admin-transition)}.admin-header-logo:hover{transform:scale(1.05);box-shadow:0 4px 12px #065f464d}.admin-header-right{display:flex;align-items:center;gap:var(--admin-spacing-md)}.admin-header-btn{background:none;border:none;padding:var(--admin-spacing-sm) var(--admin-spacing-md);border-radius:var(--admin-radius-md);font-size:.875rem;font-weight:500;color:var(--admin-text-secondary);cursor:pointer;transition:var(--admin-transition);display:flex;align-items:center;gap:var(--admin-spacing-sm)}.admin-header-btn:hover{background:var(--admin-hover);color:var(--admin-text-primary)}.admin-header-btn.primary{background:var(--admin-primary);color:#fff}.admin-header-btn.primary:hover{background:#059669}.admin-notification-container{position:relative}.admin-notification-badge{position:absolute;top:-2px;right:-2px;background:var(--admin-error);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--admin-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--admin-transition)}.admin-user-avatar:hover{transform:scale(1.05)}.user-menu-container{position:relative;display:inline-block}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #065f4626;min-width:280px;z-index:9999;overflow:visible;display:block!important;visibility:visible!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-menu-header{padding:var(--admin-spacing-lg);background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:var(--admin-spacing-md);border-radius:12px 12px 0 0}.user-menu-avatar{width:48px;height:48px;border-radius:50%;background:var(--admin-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.user-menu-details{flex:1}.user-menu-name{font-weight:600;color:var(--admin-text-primary);margin-bottom:.25rem}.user-menu-email{font-size:.875rem;color:var(--admin-text-secondary);margin-bottom:.25rem}.user-menu-role{font-size:.75rem;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.05em}.user-menu-divider{height:1px;background:var(--admin-border);margin:0}.user-menu-items{padding:var(--admin-spacing-sm) 0}.user-menu-item{width:100%;padding:var(--admin-spacing-md) var(--admin-spacing-lg);background:none;border:none;text-align:left;display:flex;align-items:center;gap:var(--admin-spacing-md);cursor:pointer;transition:var(--admin-transition);color:var(--admin-text-primary);font-size:.875rem}.user-menu-item:hover{background:var(--admin-hover)}.user-menu-item.logout-item{color:var(--admin-error)}.user-menu-item.logout-item:hover{background:#ef44441a}.menu-icon{font-size:1rem;width:20px;text-align:center}.admin-content{margin-left:280px;margin-top:80px;min-height:calc(100vh - 80px);background:var(--admin-background);transition:var(--admin-transition);width:calc(100vw - 280px);box-sizing:border-box;padding:0}.admin-content.sidebar-closed{margin-left:0;width:100vw;padding:0}.admin-main{padding:0;min-height:calc(100vh - 80px);width:100%;margin:0}.admin-page-header{margin-bottom:var(--admin-spacing-2xl)}.admin-page-title{font-size:2rem;font-weight:700;color:var(--admin-text-primary);margin:0 0 var(--admin-spacing-sm) 0}.admin-page-description{font-size:1rem;color:var(--admin-text-secondary);margin:0;line-height:1.6}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--admin-spacing-lg);margin-bottom:var(--admin-spacing-2xl)}.admin-metric-card{background:var(--admin-surface);border-radius:var(--admin-radius-lg);padding:var(--admin-spacing-xl);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border);display:flex;justify-content:space-between;align-items:center;transition:var(--admin-transition);position:relative;overflow:hidden}.admin-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--admin-primary)}.admin-metric-card:hover{transform:translateY(-2px);box-shadow:var(--admin-shadow-lg)}.admin-metric-card.orders:before{background:var(--admin-text-secondary)}.admin-metric-card.buyers:before{background:var(--admin-primary)}.admin-metric-card.revenue:before{background:var(--admin-success)}.admin-metric-content{flex:1}.admin-metric-value{font-size:2.5rem;font-weight:700;color:var(--admin-text-primary);margin-bottom:var(--admin-spacing-xs);line-height:1}.admin-metric-label{font-size:1rem;font-weight:600;color:var(--admin-text-secondary);margin-bottom:var(--admin-spacing-xs)}.admin-metric-period{font-size:.875rem;color:var(--admin-text-muted)}.admin-metric-dropdown{margin-left:var(--admin-spacing-md)}.admin-period-select{background:var(--admin-hover);border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-sm) var(--admin-spacing-md);font-size:.875rem;color:var(--admin-text-primary);cursor:pointer;transition:var(--admin-transition)}.admin-period-select:hover{border-color:var(--admin-primary)}.admin-period-select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-chart-section{background:var(--admin-surface);border-radius:var(--admin-radius-lg);padding:var(--admin-spacing-xl);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border);margin-bottom:var(--admin-spacing-2xl)}.admin-chart-container{height:300px;margin-top:var(--admin-spacing-lg)}.admin-order-target-section{background:var(--admin-surface);border-radius:var(--admin-radius-lg);padding:var(--admin-spacing-xl);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border);margin-bottom:var(--admin-spacing-2xl)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--admin-spacing-xl)}.admin-section-title{font-size:1.25rem;font-weight:600;color:var(--admin-text-primary);margin:0}.admin-target-content{display:flex;justify-content:space-between;align-items:center;gap:var(--admin-spacing-2xl)}.admin-target-values{display:flex;flex-direction:column;gap:var(--admin-spacing-lg)}.admin-target-item{display:flex;flex-direction:column;gap:var(--admin-spacing-xs)}.admin-target-label{font-size:.875rem;color:var(--admin-text-secondary);font-weight:500}.admin-target-number{font-size:1.5rem;font-weight:700;color:var(--admin-text-primary)}.admin-order-history-section{background:var(--admin-surface);border-radius:var(--admin-radius-lg);padding:var(--admin-spacing-xl);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border)}.admin-history-filters{display:flex;gap:var(--admin-spacing-lg);margin-bottom:var(--admin-spacing-xl)}.admin-filter-group{display:flex;flex-direction:column;gap:var(--admin-spacing-xs)}.admin-filter-group label{font-size:.875rem;font-weight:500;color:var(--admin-text-secondary)}.admin-date-input{background:var(--admin-hover);border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);padding:var(--admin-spacing-sm) var(--admin-spacing-md);font-size:.875rem;color:var(--admin-text-primary);transition:var(--admin-transition)}.admin-date-input:hover{border-color:var(--admin-primary)}.admin-date-input:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-table-container{overflow-x:auto;border-radius:var(--admin-radius-md);border:1px solid var(--admin-border)}.admin-table{width:100%;border-collapse:collapse;background:var(--admin-surface)}.admin-table th{background:var(--admin-hover);padding:var(--admin-spacing-md);text-align:left;font-weight:600;color:var(--admin-text-primary);border-bottom:1px solid var(--admin-border);font-size:.875rem}.admin-table td{padding:var(--admin-spacing-md);border-bottom:1px solid var(--admin-border);color:var(--admin-text-primary);font-size:.875rem}.admin-table tr:hover{background:var(--admin-hover)}.admin-status-badge{padding:var(--admin-spacing-xs) var(--admin-spacing-md);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-status-badge.pending{background:#fef3c7;color:#92400e}.admin-status-badge.completed{background:#d1fae5;color:#065f46}.admin-status-badge.cancelled{background:#fee2e2;color:#991b1b}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--admin-spacing-2xl);color:var(--admin-text-secondary)}.admin-spinner{width:40px;height:40px;border:3px solid var(--admin-border);border-top:3px solid var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--admin-spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--admin-spacing-2xl);color:var(--admin-error);text-align:center}.admin-error button{background:var(--admin-error);color:#fff;border:none;padding:var(--admin-spacing-sm) var(--admin-spacing-lg);border-radius:var(--admin-radius-md);cursor:pointer;font-weight:500;transition:var(--admin-transition);margin-top:var(--admin-spacing-md)}.admin-error button:hover{background:#dc2626}@media (max-width: 1024px){.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%)}.admin-header{padding:0 var(--admin-spacing-md);z-index:1002;position:fixed;top:0}.admin-content{margin-top:80px;width:100vw!important;padding:0!important}.admin-main{margin-top:0;padding:0!important;width:100%!important}.admin-dashboard-grid{grid-template-columns:1fr}.admin-target-content{flex-direction:column;align-items:flex-start;gap:var(--admin-spacing-lg)}}@media (max-width: 768px){.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%)}.admin-sidebar-toggle{font-size:1.25rem;padding:var(--admin-spacing-sm);min-width:44px;min-height:44px;background:var(--admin-primary);color:#fff;z-index:1002;position:relative;display:flex!important;visibility:visible!important}.admin-header{padding:0 var(--admin-spacing-sm)!important;height:70px}.admin-header-left{gap:var(--admin-spacing-sm);flex-shrink:0}.admin-header-right{gap:var(--admin-spacing-xs);flex-shrink:1;min-width:0}.admin-content{margin-top:70px;width:100vw!important;padding:0!important}.admin-main{padding:0!important;margin-top:0;width:100%!important}.admin-header-btn{padding:var(--admin-spacing-xs) var(--admin-spacing-sm);font-size:.875rem;white-space:nowrap}.admin-header-btn.primary{padding:var(--admin-spacing-xs) var(--admin-spacing-sm);font-size:.875rem}.admin-user-avatar{width:32px;height:32px;font-size:.875rem;flex-shrink:0}.admin-main{padding:var(--admin-spacing-lg);margin-top:70px;margin-left:0!important;width:100%!important}.admin-page-title{font-size:1.5rem}.admin-metric-card{padding:var(--admin-spacing-lg)}.admin-metric-value{font-size:2rem}.admin-history-filters{flex-direction:column}}@media (max-width: 480px){.admin-sidebar{transform:translate(-100%);z-index:1001;transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%)}.admin-header{padding:0 var(--admin-spacing-xs)!important;height:60px;left:0!important;right:0!important;width:100%!important}.admin-header-left{gap:var(--admin-spacing-xs);flex-shrink:0}.admin-header-right{gap:2px;flex-shrink:1;min-width:0;overflow:visible}.admin-header-btn{padding:4px 6px;font-size:.75rem;min-width:auto;white-space:nowrap}.admin-header-btn.primary{padding:6px 8px;font-size:.75rem}.admin-user-avatar{width:28px;height:28px;font-size:.75rem;flex-shrink:0}.admin-notification-badge{font-size:.625rem;padding:1px 4px;min-width:14px;height:14px}.admin-main{padding:0!important;margin-top:60px;margin-left:0!important;width:100%!important}.admin-page-title{font-size:1.25rem}.admin-metric-card{padding:var(--admin-spacing-md)}.admin-metric-value{font-size:1.5rem}}@media (max-width: 360px){.admin-sidebar{transform:translate(-100%);z-index:1001;transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%)}.admin-header{padding:0 8px!important;height:55px}.admin-header-left{gap:4px}.admin-header-right{gap:1px}.admin-header-btn{padding:2px 4px;font-size:.7rem}.admin-header-btn.primary{padding:4px 6px;font-size:.7rem}.admin-user-avatar{width:24px;height:24px;font-size:.7rem}.admin-main{margin-top:55px}}.admin-fade-in{animation:fadeIn .3s ease-out}.admin-slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--global-border)}.page-header h1{margin:0 0 8px;color:var(--global-text-primary);font-size:2rem;font-weight:700}.page-header p{margin:0;color:var(--global-text-secondary);font-size:1rem;line-height:1.5}.admin-main{padding:30px;min-height:calc(100vh - 80px);background:var(--global-bg-primary);color:var(--global-text-primary)}@media (max-width: 768px){.admin-main{padding:20px 15px}.page-header h1{font-size:1.5rem}.page-header p{font-size:.9rem}}.dark-theme .page-header{border-bottom-color:var(--global-border)}.dark-theme .page-header h1{color:var(--global-text-primary)}.dark-theme .page-header p{color:var(--global-text-secondary)}