: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:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-accent) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:var(--spacing-xl);font-family:var(--font-family);position:relative;overflow:hidden;width:100vw;box-sizing:border-box;margin:0;left:0;right:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.08) 0%,transparent 50%);animation:floatParticles 20s ease-in-out infinite;pointer-events:none}@keyframes floatParticles{0%,to{transform:translateY(0) translate(0);opacity:.8}33%{transform:translateY(-30px) translate(20px);opacity:.6}66%{transform:translateY(20px) translate(-20px);opacity:.9}}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:var(--spacing-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl),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 var(--transition-normal);flex-shrink:0}.login-card:hover{transform:perspective(1000px) rotateX(0) translateY(-3px);box-shadow:var(--shadow-xl),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:50px;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:var(--font-size-4xl);font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1);animation:float 3s ease-in-out infinite;letter-spacing:-.01em}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;font-weight:400}.login-form{margin-bottom:2rem}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:all var(--transition-normal);background:#fffc;color:var(--color-text-primary);box-shadow:var(--shadow-sm),inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.form-input:focus{outline:none;border-color:var(--color-primary);background:#fffffff2;box-shadow:var(--shadow-md),0 0 0 3px #10b9811a,inset 0 1px #fffffff2;transform:translateY(-1px)}.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.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:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);font-weight:500}.general-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center;color:var(--color-error)}.success-message{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:var(--color-success);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center;font-weight:500}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);-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:var(--color-primary);border-color:var(--color-primary)}.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:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.forgot-password:hover{color:var(--color-secondary);text-decoration:underline}.login-button{width:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-secondary));color:var(--color-surface);border:none;padding:var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);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:var(--shadow-xl)}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:var(--shadow-lg)}.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:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm),inset 0 1px #fff9}.demo-credentials h4{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;text-align:center}.demo-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.demo-button{flex:1;min-width:80px;background:#10b9811a;color:var(--color-text-primary);border:1px solid rgba(16,185,129,.3);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm),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:#10b98126;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md),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:var(--color-text-secondary);font-size:var(--font-size-sm)}.signup-link{color:var(--color-primary);background:none;border:none;font:inherit;font-weight:600;cursor:pointer;padding:0;transition:color var(--transition-fast)}.signup-link:hover,.signup-link:focus{color:var(--color-secondary);text-decoration:underline}@media (max-width: 768px){.login-container{padding:var(--spacing-md)}.login-card{padding:calc(var(--spacing-xl) * 1.25);max-width:100%;transform:perspective(1000px) rotateX(2deg)}.login-card:hover{transform:perspective(1000px) rotateX(0) translateY(-3px)}.login-logo h1{font-size:var(--font-size-3xl)}.logo-image{width:70px;height:70px}.form-options{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.demo-buttons{flex-direction:column}.demo-button{min-width:auto}}@media (max-width: 480px){.login-card{padding:var(--spacing-xl);border-radius:var(--border-radius)}.login-logo h1{font-size:var(--font-size-2xl)}.logo-image{width:60px;height:60px}.form-input{padding:var(--spacing-md) var(--spacing-lg)}.login-button{padding:var(--spacing-md);font-size:var(--font-size-base)}.login-card{padding:var(--spacing-lg)}.login-logo{flex-direction:column;gap:var(--spacing-sm)}.login-logo h1{font-size:var(--font-size-xl)}.logo-icon{font-size:var(--font-size-2xl)}}.super-admin-modal__overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.super-admin-modal__container{background:var(--color-surface);border-radius:20px;width:min(1000px,100%);max-height:92vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.super-admin-modal__header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:none;box-shadow:0 4px 12px #0000001a;position:relative;flex-shrink:0}.super-admin-modal__header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.super-admin-modal__header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff;font-family:var(--font-heading);text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em}.super-admin-modal__close{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;font-weight:300;line-height:1;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.super-admin-modal__close:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1) rotate(90deg)}.super-admin-modal__form{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;max-height:calc(95vh - 120px)}.super-admin-modal__form::-webkit-scrollbar{width:6px}.super-admin-modal__form::-webkit-scrollbar-track{background:transparent}.super-admin-modal__form::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.super-admin-modal__form::-webkit-scrollbar-thumb:hover{background:#94a3b880}.super-admin-modal__section{background:var(--color-background);padding:1.25rem;border-radius:12px;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;animation:fadeInUp .4s ease-out backwards}.super-admin-modal__section:nth-child(1){animation-delay:.1s}.super-admin-modal__section:nth-child(2){animation-delay:.2s}.super-admin-modal__section:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.super-admin-modal__section:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.super-admin-modal__section h3{margin:0 0 .875rem;font-size:1rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-heading);display:flex;align-items:center;gap:.5rem;padding-bottom:.625rem;border-bottom:2px solid rgba(148,163,184,.15)}.super-admin-modal__section h3:before{content:"";width:3px;height:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px}.super-admin-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;align-items:start}@media (max-width: 900px){.super-admin-modal__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 640px){.super-admin-modal__grid{grid-template-columns:1fr;gap:.75rem}.super-admin-modal__form{padding:1.25rem 1.5rem}.super-admin-modal__section{padding:1rem;gap:.875rem}}.super-admin-modal__field{display:flex;flex-direction:column;gap:.375rem}.super-admin-modal__field span{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);font-family:var(--font-family)}.super-admin-modal__field input,.super-admin-modal__field textarea{width:100%;padding:.625rem .875rem;border-radius:8px;border:2px solid rgba(148,163,184,.3);font-size:.875rem;font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface);transition:all .2s ease;box-sizing:border-box}.super-admin-modal__field input:focus,.super-admin-modal__field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #10b9811a,0 2px 8px #0000000d;transform:translateY(-1px)}.super-admin-modal__field input::placeholder,.super-admin-modal__field textarea::placeholder{color:var(--color-text-muted);opacity:.6}.super-admin-modal__alert{padding:1rem 1.25rem;border-radius:12px;font-size:.9375rem;line-height:1.5;font-family:var(--font-family);animation:slideInDown .3s ease-out;display:flex;align-items:center;gap:.75rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.super-admin-modal__alert--error{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.super-admin-modal__alert--success{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.super-admin-modal__footer{display:flex;justify-content:flex-end;gap:.875rem;padding:1.25rem 2rem;background:var(--color-background);border-top:1px solid rgba(148,163,184,.2);margin-top:auto}.super-admin-modal__button{min-width:130px;padding:.75rem 1.75rem;border-radius:10px;border:2px solid transparent;font-size:.875rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.super-admin-modal__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}.super-admin-modal__button:hover:not(:disabled):before{left:100%}.super-admin-modal__button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-surface);box-shadow:0 4px 14px #10b9814d}.super-admin-modal__button--primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.super-admin-modal__button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.super-admin-modal__button--primary:active:not(:disabled){transform:translateY(0)}.super-admin-modal__button--secondary{background:var(--color-surface);border-color:#94a3b866;color:var(--color-text-primary)}.super-admin-modal__button--secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 768px){.super-admin-modal__container{max-height:98vh;border-radius:16px 16px 0 0;margin-top:auto}.super-admin-modal__header{padding:1.5rem}.super-admin-modal__header h2{font-size:1.5rem}.super-admin-modal__form{padding:1.5rem;gap:1.25rem}.super-admin-modal__section{padding:1.25rem;gap:1rem}.super-admin-modal__footer{padding:1.25rem 1.5rem;flex-direction:column-reverse}.super-admin-modal__button{width:100%;min-width:auto}}.super-admin-modal__field[data-full-width]{grid-column:1 / -1}.sidebar{width:240px;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:240px;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}.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}}.recent-prescriptions-container{display:flex;flex-direction:column;gap:1rem}.prescription-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.prescription-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.prescription-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.prescription-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.prescription-number{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.prescription-badges{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.dispensed{background:#dbeafe;color:#1e40af}.status-badge.expired{background:#f3f4f6;color:#374151}.priority-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.low{background:#dbeafe;color:#1e40af}.prescription-info-row{display:flex;gap:1.5rem;flex-wrap:wrap}.info-item{display:flex;gap:.5rem;align-items:center}.info-label{font-size:.875rem;color:#6b7280;font-weight:500}.info-value{font-size:.875rem;color:#1f2937;font-weight:600}.prescription-section{margin-bottom:1rem}.prescription-section:last-child{margin-bottom:0}.section-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.section-value{font-size:.9375rem;color:#1f2937;line-height:1.5}.medications-section{background:#f9fafb;padding:1rem;border-radius:8px;margin-top:.5rem}.medication-item{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.medication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:.5rem}.medication-name{font-size:1rem;font-weight:600;color:#1f2937}.medication-value{font-size:.9375rem;font-weight:500;color:#059669;background:#d1fae5;padding:.25rem .75rem;border-radius:6px}.sub-attributes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.sub-attribute-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#f9fafb;border-radius:6px}.sub-attribute-name{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.sub-attribute-value{font-size:.875rem;color:#1f2937;font-weight:500}.loading-placeholder,.empty-placeholder{text-align:center;padding:2rem;color:#6b7280;font-size:.9375rem}@media (max-width: 768px){.prescription-info-row{flex-direction:column;gap:.75rem}.sub-attributes-list{grid-template-columns:1fr}.medication-header{flex-direction:column;align-items:flex-start}}.dashboard-container{background:#f8fafc;min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.02em}.date-time{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:.875rem 1.25rem;border-radius:12px;text-align:center;border:1px solid #e5e7eb}.time{font-size:.875rem;color:#10b981;font-family:SF Mono,Monaco,monospace;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;align-items:stretch}.metric-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#34d399)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#10b981}.metric-value{font-size:1.875rem;font-weight:700;color:#10b981;margin-bottom:.5rem;line-height:1}.metric-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.stat-card{display:flex;align-items:center;gap:1rem;text-align:left;padding:1.25rem 1.5rem}.stat-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;flex-shrink:0}.stat-content{flex:1}.stat-card .metric-value{font-size:1.5rem;margin-bottom:.375rem}.stat-card .metric-label{font-size:.8125rem;margin-bottom:.125rem}.stat-sublabel{font-size:.75rem;color:#9ca3af;margin-top:.25rem;font-weight:500}.loading-placeholder,.error-placeholder{grid-column:1 / -1;text-align:center;padding:3rem;color:#6b7280;font-size:1rem}.error-placeholder{color:#ef4444}.chart-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease}.chart-card:hover{box-shadow:0 4px 12px #00000014}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.chart-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.chart-period{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease}.chart-period:hover{border-color:#10b981}.chart-period:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.chart-content{height:280px;display:flex;flex-direction:column;justify-content:center}.chart-bars{display:flex;align-items:end;justify-content:space-between;height:200px;gap:.75rem;margin-bottom:1rem;padding:0 .5rem}.chart-bar{flex:1;background:linear-gradient(180deg,#10b981,#34d399);border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:center;min-height:20px;cursor:pointer}.chart-bar:hover{opacity:.9;transform:scaleY(1.05)}.bar-value{position:absolute;top:-28px;font-size:.75rem;font-weight:600;color:#10b981}.chart-labels{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280;font-weight:500;padding:0 .5rem}.table-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.table-container:hover{box-shadow:0 4px 12px #00000014}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f3f4f6}.table-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.view-all-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.table-content{padding:0;overflow-x:auto}.data-table th{text-align:left;padding:1rem 2rem;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table td{padding:1.25rem 2rem;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f9fafb}.order-id{font-weight:600;color:#10b981}.customer{font-weight:500;color:#1f2937}.amount{font-weight:600;color:#1f2937}.date{color:#6b7280}.status-badge{padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;display:inline-block}.status-badge.processing{background:#dbeafe;color:#1e40af}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.chart-bars{gap:.5rem}}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header{padding:1.5rem}.page-title{font-size:1.75rem}.header-content{flex-direction:column;align-items:flex-start}.date-time{width:100%}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem}.metric-value{font-size:2rem}.chart-card{padding:1.5rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-period{width:100%}.chart-content{height:240px}.chart-bars{height:160px;gap:.375rem}.table-header{padding:1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.view-all-btn{width:100%}.data-table th,.data-table td{padding:.875rem 1rem}}@media (max-width: 480px){.dashboard-container{padding:.75rem}.page-title{font-size:1.5rem}.metric-value{font-size:1.75rem}.chart-bars{gap:.25rem}.bar-value{font-size:.625rem;top:-24px}.chart-labels{font-size:.75rem}}.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}}.settings-section-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.bank-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1rem}.bank-error p{margin:0;color:#991b1b}.setting-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;color:#374151;min-width:300px;transition:all .2s ease;font-family:inherit}.setting-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-input::placeholder{color:#9ca3af}.setting-textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;color:#374151;min-width:300px;width:100%;max-width:600px;transition:all .2s ease;font-family:inherit;resize:vertical}.setting-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-textarea::placeholder{color:#9ca3af}.mail-template-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.mail-template-section h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.mail-template-section .setting-info h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.25rem}.mail-template-section .setting-info p{font-size:.85rem;color:#6b7280;line-height:1.4}.mail-template-section .setting-item{margin-bottom:1.5rem}.mail-template-section .settings-actions{margin-top:1rem;margin-bottom:0}@media (max-width: 768px){.setting-input,.setting-textarea{min-width:100%;max-width:100%}.mail-template-section{padding:1rem}.mail-template-section .setting-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.bank-contact-container{padding:2rem;max-width:1400px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.bank-contact-header{text-align:center;margin-bottom:2.5rem;background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;border:none}.header-icon{font-size:4rem;margin-bottom:1rem;display:block}.bank-contact-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bank-contact-header p{font-size:1.1rem;color:#6b7280;font-weight:400;margin:0}.bank-contact-content{display:grid;grid-template-columns:1fr;gap:2rem}.form-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000014;border:1px solid rgba(255,255,255,.8);transition:transform .3s ease,box-shadow .3s ease}.form-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000001f}.card-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f3f4f6;position:relative}.edit-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;margin-left:auto}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.edit-btn:active{transform:translateY(0)}.edit-btn span{font-size:1rem}.card-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 15px #667eea4d}.card-title-group h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.card-subtitle{font-size:.95rem;color:#6b7280;margin:0;font-weight:400}.form-body{display:flex;flex-direction:column;gap:1.75rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:start}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1 / -1}.form-field label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:.25rem}.label-icon{font-size:1.1rem}.form-input,.form-textarea{padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#f9fafb;color:#1f2937;transition:all .3s ease;font-family:inherit;width:100%}.form-input:disabled,.form-textarea:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.8;border-color:#e5e7eb}.form-input:focus:not(:disabled),.form-textarea:focus:not(:disabled){outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.field-hint{font-size:.85rem;color:#6b7280;margin-top:.25rem;font-style:italic}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:#6b7280;font-size:.95rem;margin:0}.error-alert{display:flex;align-items:center;gap:.75rem;background:#fef2f2;border:2px solid #fecaca;border-left:4px solid #ef4444;color:#991b1b;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem}.error-icon{font-size:1.25rem}.error-alert p{margin:0;color:#991b1b;font-weight:500;flex:1}.card-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.cancel-btn{display:inline-flex;align-items:center;gap:.5rem;background:#6b7280;color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b728033}.cancel-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-2px);box-shadow:0 6px 16px #6b72804d}.cancel-btn:active:not(:disabled){transform:translateY(0)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn span{font-size:1rem}.save-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 1024px){.bank-contact-container{padding:1.5rem}.form-card{padding:2rem}}@media (max-width: 768px){.bank-contact-container{padding:1rem}.bank-contact-header{padding:2rem 1.5rem}.header-icon{font-size:3rem}.bank-contact-header h1{font-size:2rem}.form-card{padding:1.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.edit-btn{margin-left:0;width:100%;justify-content:center}.card-icon{width:50px;height:50px;font-size:2rem}.form-row{grid-template-columns:1fr;gap:1.25rem}.card-actions{justify-content:stretch}.save-btn{width:100%;justify-content:center}}@media (max-width: 480px){.bank-contact-header{padding:1.5rem 1rem}.header-icon{font-size:2.5rem}.bank-contact-header h1{font-size:1.75rem}.bank-contact-header p{font-size:1rem}.form-card{padding:1.25rem;border-radius:16px}.card-title-group h2{font-size:1.5rem}.form-input,.form-textarea{padding:.75rem 1rem;font-size:.95rem}}@media (prefers-color-scheme: dark){.bank-contact-container{background:linear-gradient(135deg,#1f2937,#111827)}.bank-contact-header,.form-card{background:#1f2937;border-color:#374151}.bank-contact-header h1,.card-title-group h2,.form-field label{color:#f9fafb}.bank-contact-header p,.card-subtitle,.field-hint{color:#d1d5db}.form-input,.form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input:focus,.form-textarea:focus{background:#4b5563}}.order-shipping-config-page{padding:2rem;max-width:920px;margin:0 auto;min-height:100%;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:16px}.osc-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.5rem 1.75rem;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;border:1px solid rgba(148,163,184,.2)}.osc-header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:linear-gradient(135deg,#0d9488,#059669);color:#fff;border-radius:14px;box-shadow:0 4px 14px #0d948859}.osc-header h1{margin:0 0 .25rem;font-size:1.6rem;font-weight:700;color:#1e293b;letter-spacing:-.02em}.osc-header p{margin:0;font-size:.925rem;color:#64748b;line-height:1.45}.osc-error{padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#b91c1c;font-size:.95rem}.osc-error-icon{font-size:1.25rem;flex-shrink:0}.osc-loading{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;color:#64748b;font-size:.95rem}.osc-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#0d9488;border-radius:50%;animation:osc-spin .7s linear infinite}@keyframes osc-spin{to{transform:rotate(360deg)}}.osc-content{display:flex;flex-direction:column;gap:1.5rem}.osc-card{background:#fff;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border:1px solid rgba(148,163,184,.18);transition:box-shadow .2s ease}.osc-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a}.osc-card-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.6rem}.osc-card-icon{font-size:1.4rem;opacity:.9}.osc-card-desc{margin:0 0 1.25rem;font-size:.9rem;color:#64748b;line-height:1.5}.osc-form-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem}.osc-form-row:last-of-type{margin-bottom:0}.osc-field{flex:1;min-width:200px}.osc-field label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:#334155}.osc-field input,.osc-field select{width:100%;padding:.7rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;color:#1e293b;background:#f8fafc;transition:border-color .2s,box-shadow .2s}.osc-field input::placeholder{color:#94a3b8}.osc-field input:hover,.osc-field select:hover{border-color:#cbd5e1}.osc-field input:focus,.osc-field select:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f;background:#fff}.osc-discount-table-wrap{overflow-x:auto;margin-bottom:1rem;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.osc-discount-table{width:100%;border-collapse:collapse}.osc-discount-table th{padding:.85rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.osc-discount-table th:first-child{border-radius:12px 0 0}.osc-discount-table td{padding:.65rem 1rem;border-bottom:1px solid #e2e8f0;background:#fff}.osc-discount-table tbody tr:last-child td{border-bottom:none}.osc-discount-table td input{width:100%;max-width:130px;padding:.55rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;color:#1e293b;background:#fff}.osc-discount-table td input:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 2px #0d94881a}.osc-btn-add{padding:.6rem 1.2rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748b;transition:border-color .2s,color .2s,background .2s}.osc-btn-add:hover{border-color:#0d9488;color:#0d9488;background:#f0fdfa}.osc-btn-remove{padding:.4rem .85rem;background:#fff;border:1px solid #fecaca;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;color:#dc2626;transition:background .2s}.osc-btn-remove:hover:not(:disabled){background:#fef2f2}.osc-btn-remove:disabled{opacity:.45;cursor:not-allowed;border-color:#e2e8f0;color:#94a3b8}.osc-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.osc-btn-save{padding:.85rem 2rem;background:linear-gradient(135deg,#0d9488,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #0d948859;transition:transform .15s ease,box-shadow .2s ease}.osc-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0d948866}.osc-btn-save:active:not(:disabled){transform:translateY(0)}.osc-btn-save:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (max-width: 768px){.order-shipping-config-page{padding:1.25rem;border-radius:0}.osc-header{padding:1.25rem}.osc-header h1{font-size:1.35rem}.osc-card{padding:1.35rem 1.5rem}.osc-form-row{flex-direction:column;gap:1rem}.osc-field{min-width:100%}.osc-discount-table td input{max-width:none}.osc-actions{justify-content:stretch}.osc-btn-save{width:100%}}.dispense-container{padding:2rem;max-width:1200px;margin:0 auto}.dispense-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e0e0e0)}.dispense-header .header-icon{font-size:2.5rem}.dispense-header h1{margin:0;font-size:2rem;color:var(--text-primary, #333)}.dispense-header p{margin:0;color:var(--text-secondary, #666);font-size:.95rem}.dispense-content{display:flex;flex-direction:column;gap:2rem}.form-card{background:var(--card-bg, #ffffff);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color, #e0e0e0)}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e0e0e0)}.card-icon{font-size:2rem}.card-title-group{flex:1}.card-title-group h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary, #333)}.card-subtitle{margin:0;color:var(--text-secondary, #666);font-size:.9rem;line-height:1.5}.loading-state,.error-alert{padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.loading-state{background:var(--bg-light, #f5f5f5);color:var(--text-secondary, #666)}.error-alert{background:#fee;color:#c33;border:1px solid #fcc}.error-icon{font-size:1.5rem}.spinner{width:20px;height:20px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #007bff);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-body{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:flex;gap:1.5rem;flex-wrap:wrap}.form-field{flex:1;min-width:250px}.form-field.full-width{flex:1 1 100%}.form-field label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:var(--text-primary, #333);font-size:.95rem}.label-icon{font-size:1.2rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.form-textarea{resize:vertical;min-height:150px}.field-hint{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-secondary, #666);line-height:1.4}.card-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-color, #e0e0e0)}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.save-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.dispense-container{padding:1rem}.form-card{padding:1.5rem}.form-row{flex-direction:column}.form-field{min-width:100%}}.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)}.edit-user-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.edit-user-modal{background:var(--global-bg-secondary, #ffffff);border-radius:10px;max-width:420px;width:100%;box-shadow:0 20px 50px #00000026;border:1px solid var(--global-border, #e5e7eb)}.edit-user-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--global-border, #e5e7eb)}.edit-user-modal__header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--global-text-primary, #111827)}.edit-user-modal__close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--global-text-secondary, #6b7280);padding:.25rem}.edit-user-modal__close:hover{color:var(--global-text-primary, #111827)}.edit-user-modal__body{padding:1.25rem}.edit-user-modal__meta{margin:0 0 .25rem;font-size:.95rem;color:var(--global-text-primary, #111827)}.edit-user-modal__role{color:var(--global-text-secondary, #6b7280);font-weight:500}.edit-user-modal__hint{margin:0 0 1rem;font-size:.8rem;color:var(--global-text-secondary, #6b7280)}.edit-user-modal__error{background:#fef2f2;color:#b91c1c;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.edit-user-modal__field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.edit-user-modal__field label{font-size:.8rem;font-weight:500;color:var(--global-text-secondary, #4b5563)}.edit-user-modal__field input{padding:.5rem .65rem;border:1px solid var(--global-border, #d1d5db);border-radius:6px;font-size:.9rem}.edit-user-modal__field input:focus{outline:none;border-color:var(--admin-primary, #10b981);box-shadow:0 0 0 2px #10b98133}.edit-user-modal__btn{align-self:flex-start;padding:.45rem .9rem;border-radius:6px;border:1px solid var(--global-border, #d1d5db);background:var(--global-bg-secondary, #fff);font-size:.85rem;font-weight:500;cursor:pointer}.edit-user-modal__btn:hover:not(:disabled){background:#f9fafb}.edit-user-modal__btn:disabled{opacity:.6;cursor:not-allowed}.edit-user-modal__btn--primary{background:var(--admin-primary, #10b981);color:#fff;border-color:transparent}.edit-user-modal__btn--primary:hover:not(:disabled){background:var(--admin-primary-hover, #059669)}.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}.users-role-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.users-role-filter__label{font-size:.85rem;font-weight:500;color:var(--global-text-secondary, #6c757d)}.users-role-filter__btn{padding:.35rem .85rem;border:1px solid var(--global-border, #dee2e6);border-radius:6px;background:var(--global-bg-secondary, #fff);font-size:.8rem;font-weight:500;cursor:pointer;color:var(--global-text-primary, #212529);transition:background .2s ease,border-color .2s ease}.users-role-filter__btn:hover{background:#f8f9fa}.users-role-filter__btn--active{background:var(--admin-primary, #10b981);color:#fff;border-color:transparent}.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;overflow-y:auto;-webkit-overflow-scrolling:touch}.category-modal-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;height:90vh;box-shadow:0 20px 40px #0003;position:relative;display:flex;flex-direction:column;border:1px solid #e9ecef;overflow:hidden}@media (max-width: 480px){.category-modal-container{max-height:100vh;height:100vh}}.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:#fff!important;border:2px solid white!important;color:#dc2626!important;width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:1.25rem!important;font-weight:700!important;transition:all .2s ease;box-shadow:0 2px 8px #0000004d!important;z-index:10000!important;position:relative!important;flex-shrink:0!important;opacity:1!important;visibility:visible!important;line-height:1!important}.category-modal-close-btn:hover{background:#fee2e2!important;transform:scale(1.1);box-shadow:0 6px 16px #dc262680!important}.category-modal-form{padding:2.5rem;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:#10b981 #f1f5f9;overscroll-behavior:contain;touch-action:pan-y}.category-modal-form::-webkit-scrollbar{width:10px}.category-modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.category-modal-form::-webkit-scrollbar-thumb{background:#10b981;border-radius:5px;border:2px solid #f1f5f9}.category-modal-form::-webkit-scrollbar-thumb:hover{background:#059669}.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:1.5rem 2.5rem;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0;position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 8px #0000000d}@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;flex:1 1 0;min-height:0;overflow-y:auto}.form-row{grid-template-columns:1fr;gap:0}.category-modal-footer{flex-direction:column-reverse;gap:.75rem;padding:1rem 1.5rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.category-modal-overlay{padding:0;align-items:flex-start;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.category-modal-container{max-height:100vh;min-height:100vh;border-radius:0;max-width:100%;width:100%;display:flex;flex-direction:column;margin:0}.category-modal-header{padding:1rem;flex-shrink:0;position:sticky;top:0;z-index:1000}.category-modal-close-btn{width:36px!important;height:36px!important;font-size:1.25rem!important;background:#fff!important;color:#dc2626!important;border:3px solid white!important;display:flex!important;opacity:1!important;visibility:visible!important;z-index:10001!important;box-shadow:0 4px 16px #dc262699!important}.category-modal-title{font-size:1rem}.category-modal-form{padding:1.5rem 1rem;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain;touch-action:pan-y}.category-modal-form::-webkit-scrollbar{width:14px}.category-modal-footer{padding:1.25rem 1rem;flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:1000;box-shadow:0 -4px 12px #0000001a;border-top:2px solid #e5e7eb}.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}}@media (max-width: 300px){.category-modal-header{padding:.75rem}.category-modal-close-btn{width:32px!important;height:32px!important;font-size:1.1rem!important}.category-modal-title{font-size:.9rem}.category-modal-form{padding:1rem .75rem}.category-modal-footer{padding:1rem .75rem;flex-direction:column;gap:.5rem}.category-modal-footer button{width:100%}}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;cursor:pointer;border-radius:8px;background:#fff;transition:all .2s}.file-upload-label:hover{background:#f9fafb}.upload-icon{font-size:2rem}.upload-text{font-size:.875rem;font-weight:500;color:#374151}.upload-divider{margin:1rem 0;display:flex;align-items:center;text-align:center}.upload-divider:before,.upload-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.upload-divider span{padding:0 1rem;color:#6b7280;font-size:.75rem}.url-input-container{margin-top:1rem}.image-preview-container img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;border:2px solid #e5e7eb}.error-alert{padding:12px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:15px}.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;overflow-y:auto;-webkit-overflow-scrolling:touch}.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:60px;height:60px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#6b7280;overflow:hidden;border:1px solid #e5e7eb;position:relative}.category-image-preview{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;position:absolute;top:0;left:0}.category-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5rem;position:absolute;top:0;left:0}.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}.category-image{width:40px;height:40px;font-size:1.2rem}.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}.category-image{width:32px;height:32px;font-size:1rem}.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}.category-image{width:28px;height:28px;font-size:.875rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;margin-top:20px;flex-wrap:wrap}.pagination button{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;color:#333;font-size:.875rem;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f0f0f0;border-color:#10b981}.pagination button:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.pagination span{padding:0 10px;color:#666;font-size:.875rem}@media (max-width: 768px){.pagination{padding:15px;gap:8px}.pagination button{padding:6px 12px;font-size:.8125rem}.pagination span{font-size:.8125rem;padding:0 8px}}@media (max-width: 480px){.pagination{padding:10px;gap:6px;flex-direction:column}.pagination button{width:100%;max-width:200px;padding:8px 16px}.pagination span{width:100%;text-align:center;padding:8px 0}}.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;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;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#10b981 #f1f5f9}.blog-modal-form::-webkit-scrollbar{width:10px}.blog-modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.blog-modal-form::-webkit-scrollbar-thumb{background:#10b981;border-radius:5px;border:2px solid #f1f5f9}.blog-modal-form::-webkit-scrollbar-thumb:hover{background:#059669}.blog-form-content{display:flex;flex-direction:column;gap:2rem}.blog-form-section{margin-bottom:2rem}.image-preview-actions{position:absolute;top:-8px;right:-8px;display:flex;gap:.5rem;align-items:center}.replace-image-btn{background:#2196f3;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .2s;white-space:nowrap}.replace-image-btn:hover:not(:disabled){background:#1976d2}.replace-image-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.remove-image-btn{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;flex-shrink:0}.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-overlay{padding:0;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.blog-modal-container{max-width:100vw;width:100%;margin:0;max-height:100vh;min-height:100vh;border-radius:0;display:flex;flex-direction:column}.blog-modal-header{position:sticky;top:0;z-index:1000;flex-shrink:0}.blog-modal-close-btn{width:36px!important;height:36px!important;font-size:1.25rem!important;background:#fff!important;color:#dc2626!important;border:2px solid white!important;box-shadow:0 2px 8px #0000004d!important}.blog-modal-form{padding:1.5rem 1rem;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-y}.blog-modal-form::-webkit-scrollbar{width:14px}.blog-modal-footer{padding:1.25rem 1rem;flex-direction:column;flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:1000;box-shadow:0 -4px 12px #0000001a;border-top:2px solid #e5e7eb}}@media (max-width: 300px){.blog-modal-header{padding:.75rem}.blog-modal-close-btn{width:32px!important;height:32px!important;font-size:1.1rem!important}.blog-modal-title{font-size:.9rem}.blog-modal-form,.blog-modal-footer{padding:1rem .75rem}.blog-modal-footer button{width:100%}.section-title{font-size:.9rem}.upload-icon{font-size:1.25rem}}@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;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;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#10b981 #f1f5f9}.banner-modal-form::-webkit-scrollbar{width:10px}.banner-modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.banner-modal-form::-webkit-scrollbar-thumb{background:#10b981;border-radius:5px;border:2px solid #f1f5f9}.banner-modal-form::-webkit-scrollbar-thumb:hover{background:#059669}.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:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.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}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.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-overlay{padding:0;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.banner-modal-container{max-width:100vw;width:100%;margin:0;max-height:100vh;min-height:100vh;border-radius:0;display:flex;flex-direction:column}.banner-modal-header{position:sticky;top:0;z-index:1000;flex-shrink:0}.banner-modal-close-btn{width:36px!important;height:36px!important;font-size:1.25rem!important;background:#fff!important;color:#dc2626!important;border:2px solid white!important;box-shadow:0 2px 8px #0000004d!important}.banner-modal-form{padding:1.5rem 1rem;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-y}.banner-modal-form::-webkit-scrollbar{width:14px}.banner-modal-footer{padding:1.25rem 1rem;flex-direction:column;flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:1000;box-shadow:0 -4px 12px #0000001a;border-top:2px solid #e5e7eb}}@media (max-width: 300px){.banner-modal-header{padding:.75rem}.banner-modal-close-btn{width:32px!important;height:32px!important;font-size:1.1rem!important}.banner-modal-title{font-size:.9rem}.banner-modal-form,.banner-modal-footer{padding:1rem .75rem}.banner-modal-footer button{width:100%}.section-title{font-size:.9rem}.upload-icon{font-size:1.25rem}}@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}.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}.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-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}.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}.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}.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-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:2rem;padding:2.5rem;border-bottom:1px solid rgba(16,185,129,.1);transition:all .3s ease;background:#fff9;min-height:180px;position:relative}.banner-number{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:.875rem;padding:.375rem .75rem;border-radius:6px;min-width:2.5rem;text-align:center;box-shadow:0 2px 8px #10b9814d;z-index:1}.banner-item:hover{background:#10b98105;transform:translate(5px)}.banner-image{width:180px;height:140px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#10b9811a,#3b82f61a);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;position:relative}.banner-image:hover{transform:scale(1.03);box-shadow:0 6px 16px #10b9814d}.banner-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#10b9810d,#3b82f60d);opacity:0;transition:opacity .3s ease;border-radius:12px}.banner-image:hover:before{opacity:1}.banner-image img{width:100%;height:100%;object-fit:cover}.banner-image-placeholder{font-size:3.5rem;color:#10b981;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:1rem}.banner-image-placeholder:after{content:"Banner";font-size:.75rem;font-weight:600;color:#059669;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.banner-content{flex:1;display:flex;flex-direction:column;gap:.75rem;min-height:140px}.banner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.banner-title{font-size:1.4rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;line-height:1.4;flex:1;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-id{font-size:.75rem;color:#6b7280;font-weight:500;display:block;margin-top:.25rem}.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;line-height:1.6;font-size:.95rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.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: 1024px){.banner-image{width:160px;height:120px}.banner-item{gap:1.5rem;padding:2rem}.banner-content{min-height:120px}}@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:1.5rem;padding:1.5rem;min-height:auto}.banner-image{width:100%;height:200px;min-height:200px}.banner-image-placeholder{font-size:3rem}.banner-image-placeholder:after{font-size:.7rem}.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:1rem;min-height:auto}.banner-image{height:180px;min-height:180px}.banner-image-placeholder{font-size:2.5rem}.banner-image-placeholder:after{font-size:.65rem}.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}}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid;transition:all .2s ease}.status-badge-small{padding:.25rem .5rem;font-size:.625rem}.status-badge-medium{padding:.375rem .75rem;font-size:.75rem}.status-badge-large{padding:.5rem 1rem;font-size:.875rem}.status-icon{font-size:.875em;line-height:1}.status-label{line-height:1}.admin-prescription-list{display:flex;flex-direction:column;gap:1.5rem}.prescription-filters{display:flex;gap:1rem;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.search-input{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1f2937}.filter-container{min-width:180px}.status-filter-select{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;color:#1f2937}.status-filter-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.prescription-results-count{padding:.75rem 1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.prescription-results-count p{margin:0;font-size:.875rem;color:#6b7280;font-weight:500}.prescription-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.prescription-list-empty h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.prescription-list-empty p{color:#6b7280;margin:0}.prescriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.prescription-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1rem}.prescription-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.prescription-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.prescription-card-title-section{flex:1}.prescription-card-number{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.prescription-card-date{font-size:.75rem;color:#6b7280;margin:0}.prescription-card-body{display:flex;flex-direction:column;gap:.75rem;flex:1}.prescription-card-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.card-info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.card-info-value{font-size:.875rem;color:#1f2937;font-weight:500;text-align:right}.amount-value{color:#10b981;font-weight:600}.prescription-card-footer{padding-top:1rem;border-top:1px solid #e5e7eb}.btn-view-details{width:100%;padding:.625rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-view-details:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}@media (max-width: 768px){.prescription-filters{flex-direction:column;gap:.75rem}.filter-container{width:100%}.prescriptions-grid{grid-template-columns:1fr;gap:1rem}.prescription-card{padding:1rem}}@media (max-width: 480px){.prescription-card-header{flex-direction:column;align-items:flex-start}}.medication-editor{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e5e7eb}.medication-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.medication-editor-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.btn-add-medication{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add-medication:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.medication-empty{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem}.medications-list{display:flex;flex-direction:column;gap:1rem}.medication-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s ease}.medication-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.medication-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.medication-number{font-size:.875rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.btn-remove-medication{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:50%;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.btn-remove-medication:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.medication-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}.medication-field{display:flex;flex-direction:column;gap:.5rem}.medication-field-full{grid-column:1 / -1}.medication-label{font-size:.75rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.required{color:#ef4444}.medication-input{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1f2937;transition:all .2s ease;background:#fff}.medication-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.medication-value{padding:.625rem .75rem;font-size:.875rem;color:#1f2937;font-weight:500;background:#fff;border:1px solid #e5e7eb;border-radius:6px;min-height:2.5rem;display:flex;align-items:center}.medication-autocomplete{position:relative;width:100%}.medication-autocomplete .medication-input{width:100%;box-sizing:border-box}.medication-autocomplete-dropdown{position:absolute;left:0;right:0;top:100%;margin-top:2px;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:50}.medication-autocomplete-item{display:block;width:100%;text-align:left;padding:.625rem .75rem;font-size:.875rem;color:#1f2937;background:none;border:none;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f3f4f6}.medication-autocomplete-item:last-child{border-bottom:none}.medication-autocomplete-item:hover{background:#f0fdf4}.medication-autocomplete-name{font-weight:500}.medication-autocomplete-meta{color:#6b7280;font-size:.8125rem}.medication-autocomplete-id{display:block;font-size:.75rem;color:#9ca3af;margin-top:.25rem}.medication-autocomplete-empty{color:#6b7280;cursor:default;font-style:italic}.medication-autocomplete-empty:hover{background:#fff}.medication-editor-save{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-save-medication{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-medication:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save-medication:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.medication-fields{grid-template-columns:1fr;gap:.75rem}.medication-field-full{grid-column:1}}.payment-verification{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e5e7eb}.payment-verification-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.payment-verification-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.payment-details{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.payment-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.payment-label{font-size:.875rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.payment-value{font-size:.9375rem;font-weight:600;color:#1f2937}.payment-missing{color:#ef4444;font-weight:500;font-style:italic}.payment-screenshot-section{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.payment-screenshot-container{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.payment-screenshot{max-width:100%;max-height:300px;border-radius:6px;border:1px solid #d1d5db;object-fit:contain;background:#fff}.payment-screenshot-link{font-size:.875rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.payment-screenshot-link:hover{color:#2563eb;text-decoration:underline}.payment-verification-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-verify-payment{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.btn-verify-payment:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-verify-payment:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.payment-warning{margin-top:1rem;padding:.75rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:.875rem}.payment-warning p{margin:0}@media (max-width: 768px){.payment-detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-screenshot{max-height:200px}}.admin-prescription-details-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.admin-prescription-details-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.prescription-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;position:sticky;top:0;z-index:10}.prescription-details-title-section{flex:1}.prescription-details-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.prescription-details-number{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.btn-close-modal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:50%;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;padding:0;flex-shrink:0}.btn-close-modal:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.prescription-details-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.prescription-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.save-medicines-error{color:#dc2626;font-size:.875rem;margin-bottom:.75rem;padding:.5rem .75rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.section-content{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.info-label{font-size:.875rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;min-width:150px}.info-value{font-size:.9375rem;color:#1f2937;font-weight:500;text-align:right;flex:1}.info-value a{color:#3b82f6;text-decoration:none}.info-value a:hover{text-decoration:underline}.uploaded-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.uploaded-file-item{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb;transition:all .2s ease}.uploaded-file-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.uploaded-file-preview{width:100%;height:150px;object-fit:cover;background:#fff}.pdf-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#fff}.pdf-icon{font-size:2rem}.pdf-label{font-size:.75rem;color:#6b7280;font-weight:500}.file-actions{display:flex;gap:.375rem;padding:.5rem;border-top:1px solid #e5e7eb;background:#fff;justify-content:center;align-items:center}.btn-view-file{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .75rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:0}.btn-view-file:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.btn-view-file:active{transform:translateY(0)}.btn-view-file .btn-icon{font-size:.875rem;line-height:1}.btn-view-file .btn-text{font-size:.75rem;white-space:nowrap}.btn-open-new-tab{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .75rem;text-align:center;font-size:.75rem;color:#3b82f6;text-decoration:none;font-weight:500;transition:all .2s ease;border:1.5px solid #3b82f6;border-radius:6px;background:#fff;flex:1;min-width:0}.btn-open-new-tab:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.btn-open-new-tab:active{transform:translateY(0)}.btn-open-new-tab .btn-icon{font-size:.875rem;line-height:1}.btn-open-new-tab .btn-text{font-size:.75rem;white-space:nowrap}.file-viewer-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.file-viewer-modal{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;width:100%;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d}.file-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.file-viewer-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.file-viewer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:50%;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}.file-viewer-close:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.file-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:auto;background:#000;min-height:400px}.file-viewer-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}.file-viewer-pdf{width:100%;height:80vh;border:none;border-radius:4px}.file-viewer-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;text-align:center}.file-viewer-link{display:inline-block;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:background .2s ease}.file-viewer-link:hover{background:#2563eb}.amount-editor{display:flex;flex-direction:column;gap:1rem}.amount-input-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.amount-label{font-size:.875rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.amount-input{flex:1;min-width:200px;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#1f2937;transition:all .2s ease}.amount-input::placeholder{color:#9ca3af}.amount-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.btn-save-amount{padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-amount:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-save-amount:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.amount-display{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;font-size:.9375rem;color:#166534;font-weight:600;margin:0}.amount-value{font-size:1.25rem}.amount-missing{color:#6b7280;font-style:italic;font-weight:400}.amount-missing-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.btn-edit-amount{padding:.375rem .75rem;background:#fff;color:#059669;border:1px solid #059669;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit-amount:hover{background:#f0fdf4}.btn-cancel-amount{padding:.375rem .75rem;background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-amount:hover{background:#e5e7eb}.prescription-actions-section{background:#f9fafb;border:2px solid #e5e7eb}.admin-actions{display:flex;flex-direction:column;gap:1rem}.btn-approve,.btn-verify,.btn-dispatch{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;justify-content:center}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-approve:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-verify{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-verify:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-dispatch{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-dispatch:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-approve:disabled,.btn-verify:disabled,.btn-dispatch:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.status-locked-message{padding:1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;text-align:center;color:#6b7280;font-size:.875rem}.status-locked-message p{margin:0}@media (max-width: 768px){.admin-prescription-details-modal{max-width:100%;max-height:100vh;border-radius:0}.prescription-details-header{padding:1rem}.prescription-details-content{padding:1rem;gap:1rem}.info-row{flex-direction:column;gap:.5rem}.info-value{text-align:left}.uploaded-files-grid{grid-template-columns:1fr}.file-actions{flex-direction:row;gap:.5rem}.btn-view-file,.btn-open-new-tab{padding:.5rem .75rem;font-size:.8125rem}.btn-view-file .btn-text,.btn-open-new-tab .btn-text{font-size:.8125rem}.amount-input-group{flex-direction:column;align-items:stretch}.amount-input{min-width:100%;background:#fff}}.prescriptions-page{padding:1rem;max-width:1500px;margin:0 auto;background:#f9fafb;min-height:100vh;position:relative}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;position:relative}.page-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;line-height:1.2}.page-description{display:none}.add-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 1px 2px #10b98133;flex-shrink:0;white-space:nowrap;height:fit-content}.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(150px,1fr));gap:.75rem;margin-bottom:1rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.stat-item{text-align:center;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s ease}.stat-item:hover{background:#f3f4f6;border-color:#d1d5db}.stat-number{display:block;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;line-height:1}.stat-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.search-filters{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.search-container{flex:1}.search-input{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1f2937;font-weight:400}.filters{display:flex;gap:1rem;align-items:center}.filter-select{padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;min-width:120px;color:#1f2937;font-weight:400}.prescriptions-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow:hidden}.section-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.section-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 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:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;transition:all .2s ease;background:#fff}.prescription-item:hover{background:#f9fafb}.prescription-item:last-child{border-bottom:none}.prescription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.prescription-info{flex:1}.prescription-number{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.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{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.status-paid{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-verified{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.status-dispatched,.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;width:100%}.prescription-details-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.prescription-details-table tbody tr{transition:background-color .2s ease}.prescription-details-table tbody tr:nth-child(odd){background-color:#fff}.prescription-details-table tbody tr:nth-child(2n){background-color:#f9fafb}.prescription-details-table tbody tr:last-child{border-bottom:none}.prescription-details-table tbody tr:hover{background-color:#f3f4f6!important}.prescription-details-table td{padding:1rem 1.25rem;vertical-align:middle;border-bottom:1px solid #f3f4f6}.prescription-details-table tbody tr:last-child td{border-bottom:none}.prescription-details-table td.detail-label{font-size:.8125rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;width:180px;min-width:180px;max-width:180px;background-color:transparent;padding-right:1rem}.prescription-details-table tbody tr:nth-child(odd) td.detail-label{background-color:transparent}.prescription-details-table tbody tr:nth-child(2n) td.detail-label{background-color:transparent}.prescription-details-table td.detail-value{font-size:.9375rem;color:#1f2937;font-weight:500;line-height:1.6;word-break:break-word;padding-left:0;padding-right:1.5rem}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.detail-row:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.detail-value{font-size:.9375rem;color:#1f2937;font-weight:500;line-height:1.5;word-break:break-word}.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;align-items:flex-start}.header-content{margin-right:0;width:100%}.add-button{width:100%;justify-content:center}.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}.prescription-details-table{font-size:.875rem}.prescription-details-table td{padding:.875rem 1rem;display:block;width:100%!important;border-bottom:1px solid #f3f4f6}.prescription-details-table td.detail-label{width:100%!important;min-width:100%!important;padding-bottom:.375rem;background-color:transparent!important;border-bottom:none;font-size:.7rem}.prescription-details-table td.detail-value{padding-left:1rem;padding-top:.25rem}.prescription-details-table tbody tr{display:block;margin-bottom:0;padding:.75rem 0;border-bottom:1px solid #e5e7eb;background-color:transparent!important}.prescription-details-table tbody tr:nth-child(odd){background-color:#fff!important}.prescription-details-table tbody tr:nth-child(2n){background-color:#fef2f2!important}.prescription-details-table tbody tr:last-child{border-bottom:1px solid #e5e7eb;margin-bottom:0;padding-bottom:.75rem}.prescription-details-table tbody tr:last-child td:last-child{border-bottom:none}.prescription-details-table td.detail-value[colspan="3"]{padding-top:.5rem;padding-left:1rem}}@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;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;overflow-x:hidden;padding:1.5rem;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#10b981 #f1f5f9}.medicine-form-content::-webkit-scrollbar{width:10px}.medicine-form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.medicine-form-content::-webkit-scrollbar-thumb{background:#10b981;border-radius:5px;border:2px solid #f1f5f9}.medicine-form-content::-webkit-scrollbar-thumb:hover{background:#059669}.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:0;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.medicine-modal-container{max-height:100vh;min-height:100vh;border-radius:0;max-width:100%;width:100%;display:flex;flex-direction:column}.medicine-modal-header{padding:1rem;position:sticky;top:0;z-index:1000;flex-shrink:0}.medicine-modal-close-btn{width:36px!important;height:36px!important;font-size:1.25rem!important;background:#fff!important;color:#dc2626!important;border:2px solid white!important;box-shadow:0 2px 8px #0000004d!important}.medicine-modal-title{font-size:1rem}.medicine-form-content{padding:1.5rem 1rem;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-y}.medicine-form-content::-webkit-scrollbar{width:14px}.medicine-modal-footer{padding:1.25rem 1rem;flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:1000;box-shadow:0 -4px 12px #0000001a;border-top:2px solid #e5e7eb}}@media (max-width: 300px){.medicine-modal-header{padding:.75rem}.medicine-modal-close-btn{width:32px!important;height:32px!important;font-size:1.1rem!important}.medicine-modal-title{font-size:.9rem}.medicine-form-content{padding:1rem .75rem}.medicine-modal-footer{padding:1rem .75rem;flex-direction:column}.medicine-modal-footer button{width:100%}.section-title{font-size:.9rem}.form-input,.form-select,.form-textarea{font-size:.8rem;padding:.625rem .75rem}.file-upload-label{padding:.75rem}.upload-icon{font-size:1.25rem}.upload-text{font-size:.8rem}.image-preview{max-width:100px;max-height:100px}}.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-filter-container{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.status-filter{display:flex;align-items:center;gap:.5rem}.filter-label{font-size:.9rem;font-weight:500;color:#495057;white-space:nowrap}.filter-select{padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;background:#fff;color:#495057;cursor:pointer;min-width:120px}.filter-select: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}.medicine-partial-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem;color:#856404}.medicine-partial-notice code{background:#0000000f;padding:.1em .35em;border-radius:4px;font-size:.85em}.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;gap:1rem}.medicine-image-container{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#e9ecef;display:flex;align-items:center;justify-content:center}.medicine-image{width:100%;height:100%;object-fit:cover}.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%}}.admin-cart-list{display:flex;flex-direction:column;gap:1.5rem}.cart-filters{display:flex;gap:1rem;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.admin-cart-list .search-container{flex:1}.admin-cart-list .search-input{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#1f2937}.admin-cart-list .search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.admin-cart-list .filter-container{min-width:180px}.admin-cart-list .status-filter-select{width:100%;padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease;color:#1f2937}.admin-cart-list .status-filter-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.cart-results-count{padding:.75rem 1rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.cart-results-count p{margin:0;font-size:.875rem;color:#6b7280;font-weight:500}.cart-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.cart-list-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.cart-list-empty h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.cart-list-empty p{color:#6b7280;margin:0}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1rem}.order-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.order-card-title-section{flex:1}.order-card-id{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.order-card-date{font-size:.75rem;color:#6b7280;margin:0}.order-status-badge{padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.order-status-purchased{background:#dbeafe;color:#1d4ed8}.order-status-shipped{background:#d1fae5;color:#047857}.order-card-body{display:flex;flex-direction:column;gap:.75rem;flex:1}.order-card-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.order-card-info-row .card-info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.order-card-info-row .card-info-value{font-size:.875rem;color:#1f2937;font-weight:500;text-align:right}.order-card-info-row .amount-value{color:#10b981;font-weight:600}.order-card-footer{padding-top:1rem;border-top:1px solid #e5e7eb}.order-card-footer .btn-view-details{width:100%;padding:.625rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.order-card-footer .btn-view-details:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.cart-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.25rem;margin-top:.5rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem}.pagination-btn:hover:not(:disabled){border-color:#10b981;color:#10b981}.pagination-btn:disabled{opacity:.6;cursor:not-allowed}.pagination-info{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.cart-filters{flex-direction:column;gap:.75rem}.admin-cart-list .filter-container{width:100%}.orders-grid{grid-template-columns:1fr;gap:1rem}.order-card{padding:1rem}}.admin-cart-details-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.admin-cart-details-modal{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cart-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;position:sticky;top:0;z-index:10}.cart-details-title-section{flex:1}.cart-details-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.cart-details-order-id{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.admin-cart-details-modal .btn-close-modal{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:50%;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1;padding:0;flex-shrink:0}.admin-cart-details-modal .btn-close-modal:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.cart-details-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.cart-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.cart-section .section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.cart-section .section-content{display:flex;flex-direction:column;gap:.75rem}.cart-section .info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.cart-section .info-label{font-size:.875rem;font-weight:600;color:#6b7280}.cart-section .info-value{font-size:.875rem;color:#1f2937;font-weight:500}.cart-section .order-status-badge{padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.cart-section .order-status-purchased{background:#dbeafe;color:#1d4ed8}.cart-section .order-status-shipped{background:#d1fae5;color:#047857}.cart-items-detail-list{display:flex;flex-direction:column;gap:1rem}.cart-detail-item{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.cart-detail-item-image{width:72px;height:72px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#e5e7eb}.cart-detail-item-image img{width:100%;height:100%;object-fit:cover}.cart-detail-item-image .img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:#e5e7eb}.cart-detail-item-info{flex:1;min-width:0}.cart-detail-item-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#1f2937}.cart-detail-item-info .item-qty,.cart-detail-item-info .item-price{margin:.25rem 0;font-size:.875rem;color:#6b7280}.cart-detail-item-info .item-line-total{margin:.5rem 0 0;font-size:.9375rem;font-weight:600;color:#10b981}.cart-detail-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;margin-top:1rem;background:#ecfdf5;border-radius:8px;border:1px solid #a7f3d0}.cart-detail-total .total-label{font-size:1rem;font-weight:600;color:#065f46}.cart-detail-total .total-amount{font-size:1.25rem;font-weight:700;color:#047857}.cart-details-actions{padding-top:.5rem;border-top:1px solid #e5e7eb}.btn-mark-shipped{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-mark-shipped:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #0596694d}@media (max-width: 600px){.cart-detail-item{flex-direction:column}.cart-detail-item-image{width:100%;height:140px}}.cart-page{padding:2rem;max-width:1200px;margin:0 auto}.cart-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem}.cart-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #10b981);border-radius:50%;animation:cart-spin .8s linear infinite}.cart-page-header{margin-bottom:1.5rem}.cart-page-title{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary, #333)}.cart-page-description{margin:0;font-size:.95rem;color:var(--text-secondary, #666)}.cart-stats-section{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.cart-stat-item{background:#fff;border:2px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1rem 1.5rem;min-width:100px;text-align:center;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:all .2s ease;font-family:inherit}.cart-stat-item:hover{border-color:var(--primary-color, #10b981);box-shadow:0 2px 8px #10b98133}.cart-stat-item-active{border-color:var(--primary-color, #10b981);background:#ecfdf5;box-shadow:0 2px 8px #10b98140}.cart-stat-item-active .cart-stat-number{color:#047857}.cart-stat-item-active .cart-stat-label{color:#065f46;font-weight:600}.cart-stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color, #10b981)}.cart-stat-label{font-size:.8rem;color:var(--text-secondary, #6b7280);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.cart-error-banner{padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cart-error-banner p{margin:0;color:#991b1b;font-weight:500}.cart-btn-refresh{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.cart-btn-refresh:hover{background:#b91c1c}.cart-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e0e0e0)}.cart-header .header-icon{font-size:2.5rem}.cart-header h1{margin:0;font-size:2rem;color:var(--text-primary, #333)}.cart-header p{margin:0;color:var(--text-secondary, #666);font-size:.95rem}.cart-search-section{margin-bottom:2rem}.search-card{background:var(--card-bg, #fff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color, #e0e0e0)}.search-card h3{margin:0 0 1rem;font-size:1.25rem}.search-fields{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.search-field{flex:1;min-width:180px}.search-field label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.9rem}.search-field input{width:100%;padding:.6rem .9rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:1rem}.search-field input:focus{outline:none;border-color:var(--primary-color, #10b981)}.search-actions{display:flex;gap:.75rem;align-items:center}.btn-search{padding:.6rem 1.25rem;background:var(--primary-color, #10b981);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-search:hover:not(:disabled){opacity:.9}.btn-search:disabled{opacity:.6;cursor:not-allowed}.btn-clear{padding:.6rem 1rem;background:transparent;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer}.btn-clear:hover{background:#f5f5f5}.cart-error{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.cart-error .error-icon{font-size:1.25rem}.cart-error .api-hint{font-size:.85rem;color:#666}.customers-section{margin-bottom:2rem}.customers-section h3{margin:0 0 1rem}.customer-list{display:flex;flex-wrap:wrap;gap:.75rem}.customer-card{padding:1rem 1.25rem;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;background:#fff;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s}.customer-card:hover{border-color:var(--primary-color, #10b981)}.customer-card.selected{border-color:var(--primary-color, #10b981);box-shadow:0 0 0 3px #10b98133}.customer-card .customer-name{display:block;font-weight:600;margin-bottom:.25rem}.customer-card .customer-mobile{display:block;font-size:.9rem;color:var(--text-secondary, #666)}.cart-items-section{margin-top:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.section-header h3{margin:0}.btn-back{padding:.5rem 1rem;background:transparent;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer}.btn-back:hover{background:#f5f5f5}.cart-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner{width:32px;height:32px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #10b981);border-radius:50%;animation:cart-spin .8s linear infinite}@keyframes cart-spin{to{transform:rotate(360deg)}}.cart-items-list{display:flex;flex-direction:column;gap:1rem}.cart-item-card{display:flex;gap:1rem;padding:1rem;background:var(--card-bg, #fff);border-radius:10px;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 1px 4px #0000000f}.cart-item-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f5f5f5}.cart-item-image img{width:100%;height:100%;object-fit:cover}.img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#f0f0f0}.cart-item-details{flex:1;min-width:0}.cart-item-details h4{margin:0 0 .4rem;font-size:1.1rem}.cart-item-qty,.cart-item-price{margin:.25rem 0;font-size:.95rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600}.badge-in_cart{background:#dbeafe;color:#1d4ed8}.badge-shipped{background:#d1fae5;color:#047857}.cart-summary{padding:1rem;border-top:2px solid var(--border-color, #e0e0e0);margin-top:.5rem}.cart-empty,.cart-placeholder{padding:2rem;text-align:center;color:var(--text-secondary, #666);background:#f9fafb;border-radius:10px;border:1px dashed var(--border-color, #e0e0e0)}.cart-dto-hint{margin-top:.75rem;font-size:.85rem;color:#999}@media (max-width: 768px){.cart-page{padding:1rem}.search-fields{flex-direction:column}.search-field{min-width:100%}.cart-item-card{flex-direction:column}.cart-item-image{width:100%;height:120px}}.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:240px;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: 240px;--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:240px;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:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.15);background:#0000001a;display:flex;align-items:center;justify-content:center;min-height:48px;flex-shrink:0}.admin-sidebar-logo{width:130px;height:38px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #ece9e94d;background:#ffffffe6;padding:6px;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:.5rem 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:.5rem;padding:.5rem .75rem;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:.9375rem;min-height:40px;box-sizing:border-box}.admin-sidebar-link:hover{background:#ffffff26;color:#fff;border-left-color:#34d399;transform:translate(2px)}.admin-sidebar-link.active{background:#34d39933;color:#fff;border-left-color:#34d399;font-weight:600}.admin-sidebar-icon{font-size:1.1rem;width:24px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.admin-sidebar-icon svg{flex-shrink:0}.admin-sidebar-text{font-weight:500;font-size:.9375rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.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:240px;right:0;z-index:1000;box-shadow:0 2px 10px #065f461a;width:calc(100% - 240px);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:240px;margin-top:80px;margin-bottom:50px;min-height:calc(100vh - 130px);background:var(--admin-background);transition:var(--admin-transition);width:calc(100vw - 240px);box-sizing:border-box;padding:0}.admin-content.sidebar-closed{margin-left:0;width:100vw;padding:0;margin-bottom:50px}.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)}