.layout{display:flex;min-height:100vh}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid #e5e7eb;padding:0 1rem;align-items:center;gap:1rem;z-index:100}.menu-toggle{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#1f2937;display:flex;align-items:center;justify-content:center}.mobile-logo{display:flex;align-items:center;gap:.5rem;color:#1f2937;font-weight:600}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform var(--transition-normal)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:150}.sidebar-header{padding:1.25rem;border-bottom:1px solid #f0f0f0}.sidebar-logo{display:flex;align-items:center;gap:.75rem}.logo-icon-wrapper{width:40px;height:40px;background:#1f2937;border-radius:.625rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00000026}.logo-text h1{font-size:.9375rem;font-weight:700;color:#1f2937;line-height:1.2}.logo-text span{font-size:.75rem;color:#9ca3af}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:.5rem;color:#6b7280;font-size:.875rem;font-weight:500;transition:all .15s ease;text-decoration:none}.nav-link:hover{background:#f3f4f6;color:#1f2937}.nav-link-active{background:#f3f4f6;color:#1f2937;font-weight:600}.nav-link-active:hover{background:#e5e7eb}.sidebar-footer{padding:.875rem;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.625rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f9fafb;border-radius:.5rem}.user-avatar{width:36px;height:36px;background:#1f2937;color:#fff;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.8125rem;color:#1f2937}.user-role{font-size:.6875rem;font-weight:500;padding:.125rem .375rem;border-radius:var(--radius-sm);display:inline-block;width:-moz-fit-content;width:fit-content;margin-top:.125rem}.role-admin{background:#f3e8ff;color:#7c3aed}.role-apoteker{background:#ecfdf5;color:#059669}.role-kasir{background:#eff6ff;color:#2563eb}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:transparent;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.main-content{flex:1;margin-left:260px;padding:2rem;min-height:100vh;background:var(--bg-primary)}@media(max-width:1024px){.mobile-header{display:flex}.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{margin-left:0;padding-top:calc(60px + 1.5rem)}}@media(max-width:640px){.main-content{padding:1rem;padding-top:calc(60px + 1rem)}}.lp-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lp-bg{position:absolute;inset:0;z-index:0}.lp-bg-img{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;animation:lpDrift 30s ease-in-out infinite alternate;will-change:transform}@keyframes lpDrift{0%{transform:scale(1) translate(0)}to{transform:scale(1.06) translate(-.5%,-.3%)}}.lp-bg-wash{position:absolute;inset:0;background:linear-gradient(160deg,#ffffff8c,#f0fdf473 40%,#ffffff4d);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.lp-layout{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 440px;gap:3rem;align-items:center;min-height:100vh}.lp-brand{display:flex;flex-direction:column;justify-content:center}.lp-logo-row{display:flex;align-items:center;gap:.875rem;margin-bottom:2.5rem}.lp-logo-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#059669,#0d9488);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0596694d,0 0 0 1px #0596691a;flex-shrink:0}.lp-logo-mark svg{width:28px;height:28px;stroke:#fff;stroke-width:2.5;fill:none}.lp-logo-name{font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#064e3b}.lp-hero-heading{font-size:3.25rem;font-weight:800;line-height:1.08;color:#0f172a;margin:0 0 1.25rem;letter-spacing:-.02em}.lp-hero-heading em{font-style:normal;background:linear-gradient(135deg,#059669,#0d9488);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{font-size:1.0625rem;line-height:1.7;color:#475569;font-weight:400;max-width:420px;margin:0}.lp-feature-pills{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:2.25rem}.lp-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .9375rem;border-radius:999px;background:#05966914;border:1px solid rgba(5,150,105,.15);font-size:.8125rem;font-weight:500;color:#047857}.lp-pill-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.lp-card-col{display:flex;justify-content:flex-end}.lp-card{width:100%;max-width:420px;background:#ffffffd1;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:2.5rem;box-shadow:0 24px 48px -12px #00000014,0 0 0 1px #00000008,0 4px 6px -2px #0000000a;animation:lpCardIn .7s cubic-bezier(.16,1,.3,1) both;animation-delay:.15s}@keyframes lpCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-card-header{margin-bottom:1.75rem}.lp-card-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;line-height:1.3}.lp-card-desc{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.lp-form{display:flex;flex-direction:column;gap:1.25rem}.lp-alert{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;animation:lpShake .45s cubic-bezier(.36,.07,.19,.97) both}.lp-alert-icon{width:18px;height:18px;color:#dc2626;flex-shrink:0}.lp-alert-text{font-size:.8125rem;color:#b91c1c;font-weight:500;line-height:1.4}@keyframes lpShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.lp-field{display:flex;flex-direction:column;gap:.375rem}.lp-label{font-size:.75rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.06em;padding-left:.125rem}.lp-input-box{position:relative;display:flex;align-items:center}.lp-input-icon{position:absolute;left:.875rem;width:18px;height:18px;color:#94a3b8;pointer-events:none;transition:color .25s;z-index:2}.lp-input-box:focus-within .lp-input-icon{color:#059669}.lp-input{display:block;width:100%;padding:.8125rem .875rem .8125rem 2.75rem;font-size:.9375rem;font-family:Inter,sans-serif;font-weight:400;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;transition:border-color .25s,box-shadow .25s,background-color .25s;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lp-input::-moz-placeholder{color:#94a3b8;font-weight:400}.lp-input::placeholder{color:#94a3b8;font-weight:400}.lp-input:hover{border-color:#cbd5e1}.lp-input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;background:#fff}.lp-input-pw{padding-right:3rem}.lp-toggle-pw{position:absolute;right:.625rem;z-index:2;background:none;border:none;padding:.375rem;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .2s,background .2s}.lp-toggle-pw:hover{color:#334155;background:#0000000a}.lp-forgot-row{display:flex;justify-content:flex-end;margin-top:.125rem}.lp-forgot{font-size:.75rem;color:#64748b;text-decoration:none;font-weight:500;transition:color .2s}.lp-forgot:hover{color:#059669}.lp-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;margin-top:.375rem;border:none;border-radius:14px;font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#059669,#0d9488);cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 12px #05966940,0 1px 3px #05966926;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lp-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #0596694d,0 2px 6px #0596692e}.lp-submit:active:not(:disabled){transform:translateY(0)}.lp-submit:disabled{opacity:.65;cursor:not-allowed}.lp-submit-icon{width:18px;height:18px;transition:transform .3s}.lp-submit:hover:not(:disabled) .lp-submit-icon{transform:translate(2px)}.lp-spinner{width:18px;height:18px;animation:lpSpin .8s linear infinite}@keyframes lpSpin{to{transform:rotate(360deg)}}.lp-footer{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #e2e8f0;text-align:center}.lp-footer-text{font-size:.6875rem;color:#94a3b8;line-height:1.6;margin:0}.lp-brand-animate{animation:lpBrandIn .8s cubic-bezier(.16,1,.3,1) both}@keyframes lpBrandIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:860px){.lp-layout{grid-template-columns:1fr;justify-items:center;gap:0;padding:1.25rem;min-height:100vh}.lp-brand{display:none}.lp-card-col{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.lp-card{max-width:400px;padding:2rem;border-radius:20px}.lp-bg-wash{background:linear-gradient(160deg,#ffffffa6,#f0fdf48c 40%,#ffffff73);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lp-mobile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.25rem}.lp-mobile-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#059669,#0d9488);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #05966940;margin-bottom:.625rem}.lp-mobile-mark svg{width:24px;height:24px;stroke:#fff;stroke-width:2.5;fill:none}.lp-mobile-name{font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#047857}}@media(min-width:861px){.lp-mobile-header{display:none}}.dashboard{animation:fadeIn .5s ease}.dashboard .recharts-wrapper,.dashboard .recharts-surface,.dashboard svg:focus,.dashboard svg,.chart-body *:focus{outline:none!important;border:none!important;box-shadow:none!important}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.dashboard-header p{color:var(--text-tertiary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;display:flex;gap:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-primary .stat-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 4px 12px #10b9814d}.stat-blue .stat-icon{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:#fff;box-shadow:0 4px 12px #3b82f64d}.stat-purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.stat-orange .stat-icon{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 12px #f973164d}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin:.25rem 0}.stat-change{font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.stat-meta{font-size:.75rem;color:var(--text-tertiary)}.alert-card{background:linear-gradient(135deg,var(--warning-light),#fef9c3);border:1px solid #fcd34d;border-radius:var(--radius-xl);padding:1.25rem;display:flex;gap:1rem;margin-bottom:1.5rem;animation:slideUp .3s ease}.alert-icon{width:40px;height:40px;background:var(--warning);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-content strong{color:#92400e;font-size:.9375rem}.alert-content p{color:#a16207;font-size:.8125rem;margin:.25rem 0 .5rem}.alert-items{display:flex;flex-wrap:wrap;gap:.5rem}.alert-item{background:#fff;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;color:#92400e;font-weight:500}.alert-more{color:#a16207;font-size:.75rem;font-weight:500}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}.chart-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.chart-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.chart-header h3 svg{color:var(--primary-500)}.chart-dropdown{position:relative}.chart-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.4375rem .875rem;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chart-dropdown-trigger:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.chart-dropdown-trigger.open{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50);box-shadow:0 0 0 3px #10b9811a}.chart-dropdown-trigger svg{flex-shrink:0}.chart-dropdown-chevron{transition:transform .25s ease}.chart-dropdown-chevron.rotated{transform:rotate(180deg)}.chart-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;padding:.375rem;box-shadow:0 12px 28px #00000014,0 4px 10px #0000000a,0 0 0 1px #00000005;z-index:50;animation:chartDropIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes chartDropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chart-dropdown-label{padding:.5rem .75rem .375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.chart-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5625rem .75rem;border:none;border-radius:10px;background:transparent;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.chart-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chart-dropdown-item.active{background:var(--primary-50);color:var(--primary-700)}.chart-dropdown-item-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:22px;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;background:var(--bg-tertiary);color:var(--text-tertiary);flex-shrink:0}.chart-dropdown-item.active .chart-dropdown-item-badge{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 2px 4px #10b98140}.chart-dropdown-check{width:16px;height:16px;margin-left:auto;color:var(--primary-500);flex-shrink:0}.chart-body{padding:1.5rem}.chart-pie{display:flex;flex-direction:column;align-items:center}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem}.legend-item{display:flex;align-items:center;gap:.375rem}.legend-color{width:10px;height:10px;border-radius:50%}.legend-label{font-size:.75rem;color:var(--text-secondary)}.empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary)}.empty-chart svg{margin-bottom:.75rem;opacity:.5}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.recent-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}.recent-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.recent-header h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600}.recent-header h3 svg{color:var(--primary-500)}.recent-body{padding:.5rem}.recent-list{display:flex;flex-direction:column}.recent-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.recent-item:hover{background:var(--bg-tertiary)}.recent-item-icon{width:36px;height:36px;background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-item-icon.activity{background:var(--secondary-50);color:var(--secondary-600)}.recent-item-content{flex:1;min-width:0}.recent-item-title{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-meta{display:block;font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-value{font-size:.875rem;font-weight:600;color:var(--primary-600);white-space:nowrap}.recent-item-time{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}.empty-recent{padding:2rem;text-align:center;color:var(--text-tertiary)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid,.recent-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.25rem}}.pos-container{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;height:calc(100vh - 4rem);animation:fadeIn .5s ease}.pos-products{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.pos-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pos-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.pos-header h2 svg{color:var(--primary-500)}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.625rem 1rem;border-radius:var(--radius-lg);flex:1;max-width:350px}.search-box input::-moz-placeholder{color:var(--text-tertiary)}.search-box input::placeholder{color:var(--text-tertiary)}.category-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-tertiary)}.category-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.category-tab:hover{background:var(--bg-secondary)}.category-tab.active{background:var(--primary-500);color:#fff}.products-grid{flex:1;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;overflow-y:auto;align-content:start}.product-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;display:flex;flex-direction:column;gap:.5rem}.product-card:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px)}.product-card.service{background:#18181b;border:1px solid #27272a;box-shadow:0 4px 6px -1px #00000080}.product-card.service:hover{background:#09090b;border-color:#52525b;box-shadow:0 10px 15px -3px #000000b3}.product-card.service .product-name,.product-card.service .product-price{color:#fff}.product-card.service .product-sku{color:#a1a1aa}.product-card.out-of-stock{opacity:.5;cursor:not-allowed}.product-card.out-of-stock:hover{transform:none;border-color:transparent}.product-icon{width:44px;height:44px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-500);box-shadow:var(--shadow-sm)}.product-card.service .product-icon{background:#27272a;color:#fff;box-shadow:none;border:1px solid #3f3f46}.product-info{display:flex;flex-direction:column}.product-name{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-sku{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.product-price{font-size:.9375rem;font-weight:700;color:var(--primary-600);margin-top:.25rem}.product-stock{font-size:.75rem;color:var(--text-tertiary);background:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content}.product-stock.low{background:var(--warning-light);color:#92400e}.product-service-badge{font-size:.6875rem;font-weight:600;color:var(--secondary-700);background:var(--secondary-100);padding:.25rem .5rem;border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.empty-products{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-tertiary)}.empty-products svg{margin-bottom:1rem;opacity:.5}.pos-cart{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.cart-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.cart-header h3{font-size:1rem;font-weight:600}.cart-info-section{padding:1rem;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;gap:.5rem}.info-select{flex:1;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.info-select:hover{background:var(--primary-50)}.info-select svg{color:var(--text-tertiary)}.selected-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.placeholder{font-size:.875rem;color:var(--text-tertiary)}.btn-clear{padding:.625rem;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast)}.btn-clear:hover{background:var(--error-light);color:var(--error)}.cart-items{flex:1;overflow-y:auto;padding:.5rem}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--text-tertiary);text-align:center}.empty-cart svg{margin-bottom:1rem;opacity:.5}.empty-cart p{font-size:.9375rem;font-weight:500;margin-bottom:.25rem}.empty-cart span{font-size:.8125rem}.cart-item{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:.5rem}.cart-item-info{flex:1;min-width:0}.cart-item-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.75rem;color:var(--text-tertiary)}.cart-item-actions{display:flex;align-items:center;gap:.25rem}.qty-btn{width:28px;height:28px;border:none;background:#fff;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.qty-btn:hover{background:var(--primary-100);color:var(--primary-600)}.qty-value{min-width:32px;text-align:center;font-size:.875rem;font-weight:600}.remove-btn{width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast);margin-left:.25rem}.remove-btn:hover{background:var(--error-light);color:var(--error)}.cart-item-subtotal{font-size:.875rem;font-weight:600;color:var(--primary-600);white-space:nowrap}.cart-summary{padding:1rem;border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.summary-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.summary-row.total{font-size:1.125rem;font-weight:700;color:var(--text-primary);padding-top:.5rem;border-top:1px dashed var(--border-medium);margin-bottom:0}.cart-actions{padding:1rem;border-top:1px solid var(--border-light)}.cart-actions .btn{width:100%}.patient-list{max-height:200px;overflow-y:auto;margin-bottom:1rem}.patient-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.patient-item:hover{background:var(--bg-tertiary)}.patient-item.selected{background:var(--primary-50)}.patient-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-400),var(--primary-500));color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:600}.patient-info{flex:1}.patient-name{display:block;font-size:.9375rem;font-weight:500}.patient-phone{font-size:.8125rem;color:var(--text-tertiary)}.check-icon{color:var(--primary-500)}.divider-text{text-align:center;padding:1rem 0;font-size:.8125rem;color:var(--text-tertiary);position:relative}.divider-text:before,.divider-text:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--border-light)}.divider-text:before{left:0}.divider-text:after{right:0}.new-patient-form{display:flex;flex-direction:column;gap:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.payment-total{text-align:center;padding:1.5rem;background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border-radius:var(--radius-lg);margin-bottom:1.5rem}.payment-total span:first-child{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.total-amount{font-size:2rem;font-weight:700;color:var(--primary-700)}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.payment-method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.payment-method:hover{background:var(--primary-50)}.payment-method.active{background:var(--primary-50);border-color:var(--primary-500)}.payment-method svg{color:var(--primary-500)}.payment-method span{font-size:.9375rem;font-weight:500}.cash-input{margin-bottom:1rem}.cash-input label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.cash-input .input{font-size:1.25rem;text-align:center;font-weight:600}.change-display{display:flex;justify-content:space-between;padding:1rem;background:var(--success-light);border-radius:var(--radius-md);margin-top:.75rem}.change-amount{font-weight:700;color:#166534}.quick-cash{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem}.quick-cash button{padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;font-weight:500;transition:all var(--transition-fast)}.quick-cash button:hover{background:var(--primary-50);border-color:var(--primary-300)}.receipt{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);font-family:Courier New,monospace;font-size:.8125rem}.receipt-header{text-align:center;margin-bottom:1rem}.receipt-header h2{font-size:1rem;margin-bottom:.25rem}.receipt-header p{font-size:.75rem;margin:.125rem 0}.receipt-divider{border-top:1px dashed var(--border-medium);margin:.75rem 0}.receipt-info{font-size:.8125rem}.receipt-info div{display:flex;gap:.5rem;margin:.25rem 0}.receipt-items{margin:.5rem 0}.receipt-item{margin-bottom:.5rem}.item-name{font-weight:500}.item-detail{display:flex;justify-content:space-between;padding-left:1rem;color:var(--text-secondary)}.receipt-summary div{display:flex;justify-content:space-between;margin:.25rem 0}.receipt-summary .total{font-weight:700;font-size:1rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light)}.receipt-footer{text-align:center;margin-top:1.5rem}.pos-dropdown-doctor-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.3;flex:1}.pos-dropdown-item-specialist{font-size:.75rem;color:var(--text-tertiary);font-weight:400}.receipt-footer p{font-size:.75rem;font-style:italic}.pos-dropdown{position:relative;flex:1}.pos-dropdown-trigger{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .875rem;background:var(--bg-tertiary);border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.875rem}.pos-dropdown-trigger:hover{background:var(--primary-50);border-color:var(--primary-200)}.pos-dropdown-trigger.open{background:var(--primary-50);border-color:var(--primary-400);box-shadow:0 0 0 3px #10b9811a}.pos-dropdown-trigger>svg:first-child{color:var(--text-tertiary);flex-shrink:0}.pos-dropdown-trigger.open>svg:first-child{color:var(--primary-500)}.pos-dropdown-placeholder{color:var(--text-tertiary);flex:1;text-align:left}.pos-dropdown-selected{color:var(--text-primary);font-weight:500;flex:1;text-align:left}.pos-dropdown-chevron{color:var(--text-tertiary);transition:transform .25s ease;flex-shrink:0}.pos-dropdown-chevron.rotated{transform:rotate(180deg);color:var(--primary-500)}.pos-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;padding:.375rem;box-shadow:0 12px 32px #0000001a,0 4px 12px #0000000d,0 0 0 1px #00000005;z-index:100;animation:posDropIn .2s cubic-bezier(.16,1,.3,1);max-height:220px;overflow-y:auto}@keyframes posDropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pos-dropdown-header{padding:.5rem .75rem .375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.pos-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5625rem .75rem;border:none;border-radius:10px;background:transparent;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.pos-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pos-dropdown-item.active{background:var(--primary-50);color:var(--primary-700)}.pos-dropdown-item-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;flex-shrink:0}.pos-dropdown-item-avatar.none{background:var(--bg-tertiary);color:var(--text-tertiary)}.pos-dropdown-item.active .pos-dropdown-item-avatar{box-shadow:0 2px 6px #10b9814d}.pos-dropdown-item-name{flex:1}.pos-dropdown-check{color:var(--primary-500);flex-shrink:0;margin-left:auto}@media(max-width:1024px){.pos-container{grid-template-columns:1fr;height:auto}.pos-products{min-height:400px}.pos-cart{min-height:500px}}@media(max-width:640px){.pos-header{flex-direction:column;align-items:stretch}.search-box{max-width:none}.products-grid{grid-template-columns:repeat(2,1fr)}.product-card{padding:.75rem}.payment-methods{grid-template-columns:1fr}.quick-cash{grid-template-columns:repeat(2,1fr)}}.cs-wrapper{position:relative;display:inline-block;min-width:160px}.cs-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5625rem 2.25rem .5625rem .875rem;background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:12px;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;text-align:left}.cs-trigger:hover{border-color:#a5b4fc;background:#6366f105;box-shadow:0 2px 8px #6366f114}.cs-trigger.cs-open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f,0 4px 16px #6366f11a}.cs-icon{display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0}.cs-trigger.cs-open .cs-icon{color:#6366f1}.cs-label{flex:1;overflow:hidden;text-overflow:ellipsis}.cs-placeholder{color:var(--text-tertiary)}.cs-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6366f1;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.cs-chevron-up{transform:translateY(-50%) rotate(180deg)}.cs-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;max-height:260px;overflow-y:auto;background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:14px;box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000d;z-index:999;padding:.375rem;animation:csDropIn .2s cubic-bezier(.16,1,.3,1) both}@keyframes csDropIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-dropdown::-webkit-scrollbar{width:5px}.cs-dropdown::-webkit-scrollbar-track{background:transparent}.cs-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cs-options{display:flex;flex-direction:column;gap:2px}.cs-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5625rem .75rem;border:none;border-radius:10px;background:transparent;font-size:.875rem;font-weight:500;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left;width:100%;animation:csOptIn .2s ease both}@keyframes csOptIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.cs-option:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca}.cs-option-active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca;font-weight:600}.cs-option-active:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.cs-check{color:#6366f1;flex-shrink:0}.cs-option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-wrapper.cs-full{display:block;min-width:unset;width:100%}.cs-full .cs-trigger{padding:.6875rem 2.5rem .6875rem .875rem;font-size:.9375rem}.cs-full .cs-dropdown{width:100%}.products-page{animation:fadeIn .5s ease}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-header p{color:var(--text-tertiary);font-size:.9375rem}.product-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-light)}.stat-item svg{color:var(--primary-500)}.stat-item.warning svg{color:var(--warning)}.stat-item .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-item .stat-label{font-size:.8125rem;color:var(--text-tertiary)}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);padding:.625rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);flex:1;min-width:250px}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-box input{border:none;background:transparent;outline:none;width:100%;font-size:.9375rem;color:var(--text-primary)}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group svg{color:var(--text-tertiary)}.filter-group .select{min-width:150px}.sku-code{font-family:Courier New,monospace;font-size:.8125rem;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);color:var(--text-primary)}.product-cell{display:flex;flex-direction:column}.product-name{font-weight:500;color:var(--text-primary)}.price-cell{font-weight:600;color:var(--primary-600)}.stock-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.stock-badge.normal{background:var(--success-light);color:#166534}.stock-badge.low{background:var(--warning-light);color:#92400e}.text-muted{color:var(--text-tertiary)}.badge-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.action-btns{display:flex;gap:.25rem}.empty-table{text-align:center;padding:3rem!important;color:var(--text-tertiary)}.empty-table svg{margin-bottom:1rem;opacity:.5}.empty-table p{font-size:.9375rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.type-option:hover{background:var(--primary-50)}.type-option.active{background:var(--primary-50);border-color:var(--primary-500)}.type-option svg{color:var(--primary-500)}.type-option span{font-size:.875rem;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem}.checkbox-label input{width:18px;height:18px;accent-color:var(--primary-500)}.modal-sm{max-width:400px}.delete-confirm{text-align:center;padding:2rem!important}.delete-icon{width:64px;height:64px;background:var(--error-light);color:var(--error);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.delete-confirm h3{margin-bottom:.5rem}.delete-confirm p{font-size:.9375rem;margin-bottom:1.5rem}.delete-actions{display:flex;gap:.75rem;justify-content:center}@media(max-width:1024px){.product-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.page-header .btn{width:100%}.product-stats{grid-template-columns:1fr 1fr}.filters-bar{flex-direction:column}.filter-group{flex-wrap:wrap}.form-grid,.type-selector{grid-template-columns:1fr}}.inventory-page{animation:fadeIn .5s ease}.inventory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.inventory-stats .stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-light)}.inventory-stats .stat-card svg{color:var(--primary-500)}.inventory-stats .stat-card.warning svg{color:var(--warning)}.inventory-stats .stat-card.danger svg{color:var(--error)}.inventory-stats .stat-content .stat-value{display:block;font-size:1.5rem;font-weight:700;line-height:1}.inventory-stats .stat-content .stat-label{font-size:.8125rem;color:var(--text-tertiary)}.inventory-content{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}.stock-section,.log-section{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.section-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.section-header h2{font-size:1rem;font-weight:600}.filters{display:flex;gap:.75rem}.search-box-sm{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:var(--radius-md)}.search-box-sm svg{color:var(--text-tertiary)}.search-box-sm input{border:none;background:transparent;outline:none;width:120px;font-size:.875rem}.stock-list{max-height:calc(100vh - 400px);overflow-y:auto}.stock-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.stock-item:hover{background:var(--bg-tertiary)}.stock-item:last-child{border-bottom:none}.stock-item.low{background:#f59e0b0d}.stock-item.out{background:#ef44440d}.stock-info{flex:1;min-width:0}.stock-name{display:block;font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-sku{font-size:.75rem;color:var(--text-tertiary)}.stock-amount{text-align:center;min-width:60px}.amount-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.amount-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase}.stock-status{min-width:70px}.empty-stock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-tertiary)}.empty-stock svg{margin-bottom:.75rem;opacity:.5}.log-list{max-height:calc(100vh - 400px);overflow-y:auto}.log-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-light)}.log-item:last-child{border-bottom:none}.log-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-icon.in{background:var(--success-light);color:#166534}.log-icon.out{background:var(--error-light);color:#991b1b}.log-info{flex:1;min-width:0}.log-product{display:block;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-meta{font-size:.75rem;color:var(--text-tertiary)}.log-amount{font-size:.875rem;font-weight:600}.log-amount.positive{color:#166534}.log-amount.negative{color:#991b1b}.empty-log{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-tertiary)}.empty-log svg{margin-bottom:.5rem;opacity:.5}.product-preview{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.product-preview .product-name{display:block;font-weight:600;margin-bottom:.25rem}.product-preview .current-stock{font-size:.875rem;color:var(--text-secondary)}.adjustment-types{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.adj-type{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.adj-type:hover{background:var(--primary-50)}.adj-type.active{background:var(--primary-50);border-color:var(--primary-500)}.adj-type svg{color:var(--primary-500)}.adj-type span{font-size:.75rem;font-weight:500}.stock-preview{background:var(--primary-50);padding:.75rem 1rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.stock-preview strong{font-size:1.25rem;color:var(--primary-700)}@media(max-width:1024px){.inventory-stats{grid-template-columns:repeat(2,1fr)}.inventory-content{grid-template-columns:1fr}}@media(max-width:640px){.inventory-stats{grid-template-columns:1fr 1fr}.filters{flex-direction:column;width:100%}.adjustment-types{grid-template-columns:1fr}}.tab-page{animation:fadeIn .5s ease}.tab-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.tab-page-header h1{font-size:1.5rem;font-weight:700;color:#1f2937}.tab-page-header p{font-size:.8125rem;color:#9ca3af;margin-top:.125rem}.tab-nav{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:10px;margin-bottom:.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;background:transparent;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.tab-btn:hover{color:#374151}.tab-btn.active{background:var(--primary-50);color:var(--primary-700);font-weight:600;box-shadow:none}.tab-btn svg{flex-shrink:0}.tab-content{animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:.4375rem .75rem;font-size:.75rem}}.pt-page{animation:ptFadeIn .4s ease}@keyframes ptFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pt-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1.25rem}.pt-ov-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;padding:1.125rem 1.25rem;display:flex;align-items:center;gap:.875rem;transition:all .2s ease}.pt-ov-card:hover{box-shadow:0 4px 20px #0000000a;transform:translateY(-1px)}.pt-ov-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pt-ov-total{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 3px 10px #6366f14d}.pt-ov-male{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 3px 10px #3b82f64d}.pt-ov-female{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;box-shadow:0 3px 10px #ec48994d}.pt-ov-body{display:flex;flex-direction:column}.pt-ov-num{font-size:1.375rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.pt-ov-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500;margin-top:2px}.pt-toolbar{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.pt-search{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:.5rem .875rem;transition:all .2s ease}.pt-search:focus-within{border-color:var(--primary-300);box-shadow:0 0 0 3px #10b98114}.pt-search svg{color:var(--text-tertiary);flex-shrink:0}.pt-search input{border:none;background:transparent;outline:none;width:100%;font-size:.8125rem;color:var(--text-primary);font-family:inherit}.pt-search input::-moz-placeholder{color:var(--text-tertiary)}.pt-search input::placeholder{color:var(--text-tertiary)}.pt-filter-wrap{position:relative}.pt-filter-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}.pt-filter-btn:hover{border-color:var(--primary-300);color:var(--primary-600)}.pt-filter-btn svg{transition:transform .2s}.pt-filter-btn svg.rotated{transform:rotate(180deg)}.pt-filter-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:.25rem;box-shadow:0 8px 24px #0000001a;z-index:50;animation:ptDropIn .15s ease}@keyframes ptDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pt-filter-opt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:none;background:transparent;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-family:inherit;transition:all .15s}.pt-filter-opt:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pt-filter-opt.active{color:var(--primary-600);background:var(--primary-50)}.pt-count{font-size:.75rem;color:var(--text-tertiary);font-weight:500;white-space:nowrap}.pt-table{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;overflow:hidden}.pt-thead{display:grid;grid-template-columns:2.5fr .7fr .7fr 1.5fr 1fr 80px;padding:.625rem 1.25rem;border-bottom:1px solid var(--border-light);background:var(--bg-tertiary)}.pt-th{font-size:.6875rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.pt-row{display:grid;grid-template-columns:2.5fr .7fr .7fr 1.5fr 1fr 80px;padding:.75rem 1.25rem;align-items:center;border-bottom:1px solid var(--border-light);transition:background .12s ease;animation:ptRowIn .3s ease both}@keyframes ptRowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.pt-row:last-child{border-bottom:none}.pt-row:hover{background:var(--bg-tertiary)}.pt-row:hover .pt-act-btn{opacity:1}.pt-td{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem}.pt-td-icon{color:var(--text-tertiary);flex-shrink:0}.pt-td-name{gap:.75rem}.pt-avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9375rem;flex-shrink:0;letter-spacing:-.02em}.pt-avatar.male{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;border:1px solid #bfdbfe}.pt-avatar.female{background:linear-gradient(135deg,#fce7f3,#fdf2f8);color:#db2777;border:1px solid #fbcfe8}.pt-name-wrap{display:flex;flex-direction:column;min-width:0}.pt-name{font-weight:600;color:var(--text-primary);font-size:.8375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-addr{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.pt-badge-gender{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:.6875rem;font-weight:800}.pt-badge-gender.male{background:#eff6ff;color:#2563eb}.pt-badge-gender.female{background:#fdf2f8;color:#db2777}.pt-badge-blood{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 .375rem;border-radius:6px;font-size:.6875rem;font-weight:800;background:#fef3c7;color:#b45309;letter-spacing:.02em}.pt-muted{color:var(--text-tertiary)}.pt-td-act{gap:.125rem;justify-content:flex-end}.pt-act-btn{width:32px;height:32px;border:none;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);opacity:0;transition:all .15s ease}.pt-act-btn.edit:hover{background:#eff6ff;color:#3b82f6}.pt-act-btn.del:hover{background:#fef2f2;color:#ef4444}.pt-empty{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;color:var(--text-tertiary);text-align:center}.pt-empty svg{opacity:.25;margin-bottom:1rem}.pt-empty h4{font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin:0 0 .25rem}.pt-empty p{font-size:.8125rem;margin:0}.pt-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:ptFadeIn .2s ease}.pt-modal{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026;animation:ptScaleIn .25s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}@keyframes ptScaleIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.pt-modal-sm{max-width:380px}.pt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light)}.pt-modal-head h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.pt-modal-close{width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s}.pt-modal-close:hover{background:var(--border-light);color:var(--text-primary)}.pt-modal-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.pt-field{display:flex;flex-direction:column;gap:.375rem}.pt-field label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.pt-field label .req{color:#ef4444}.pt-field input,.pt-field select,.pt-field textarea{padding:.625rem .875rem;border:1px solid var(--border-light);border-radius:10px;font-size:.8375rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);transition:all .2s;outline:none}.pt-field input:focus,.pt-field select:focus,.pt-field textarea:focus{border-color:var(--primary-300);box-shadow:0 0 0 3px #10b9811a}.pt-field textarea{resize:vertical}.pt-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.pt-gender-toggle{display:flex;gap:.5rem}.pt-gt{flex:1;padding:.5rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:center;font-family:inherit;transition:all .15s}.pt-gt.active{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-700);font-weight:600}.pt-modal-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-light)}.pt-btn-cancel{padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-secondary);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.pt-btn-cancel:hover{background:var(--bg-tertiary)}.pt-btn-save{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 2px 8px #10b9814d}.pt-btn-save:hover{box-shadow:0 4px 14px #10b98166;transform:translateY(-1px)}.pt-del-body{padding:2rem 1.5rem;text-align:center}.pt-del-icon{width:56px;height:56px;border-radius:14px;background:#fef2f2;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.pt-del-body h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .375rem}.pt-del-body p{font-size:.8125rem;color:var(--text-secondary);margin:0 0 1.25rem}.pt-del-actions{display:flex;gap:.5rem;justify-content:center}.pt-btn-danger{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #ef44444d;transition:all .15s}.pt-btn-danger:hover{box-shadow:0 4px 14px #ef444466;transform:translateY(-1px)}@media(max-width:1024px){.pt-thead{display:none}.pt-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 1.25rem}.pt-td-name{flex:1 1 200px}.pt-act-btn{opacity:1}}@media(max-width:768px){.pt-overview{grid-template-columns:1fr}.pt-toolbar{flex-wrap:wrap}.pt-row{flex-direction:column;align-items:flex-start}.pt-td-act{align-self:flex-end}.pt-field-row{grid-template-columns:1fr}}.doctors-page{animation:fadeIn .5s ease}.dr-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.dr-header-left{display:flex;align-items:center;gap:1rem}.dr-header-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #6366f14d}.dr-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.dr-header p{font-size:.875rem;color:var(--text-tertiary);margin-top:.125rem}.dr-add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #6366f140;font-family:inherit}.dr-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.dr-add-btn:active{transform:translateY(0)}.dr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.dr-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dr-stat-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-light);transition:all .2s ease}.dr-stat-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.dr-stat-chip.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#059669}.dr-stat-chip.inactive{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:#fde68a;color:#d97706}.dr-stat-num{font-weight:700;font-size:1rem}.dr-stat-total{margin-left:.5rem;font-size:.8125rem;color:var(--text-tertiary)}.dr-stat-total span{font-weight:700;color:var(--text-primary);font-size:1rem}.dr-search{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;min-width:220px;transition:all .2s ease;color:var(--text-tertiary)}.dr-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.dr-search input{border:none;outline:none;background:transparent;font-size:.875rem;font-family:inherit;color:var(--text-primary);width:100%}.dr-search input::-moz-placeholder{color:var(--text-tertiary)}.dr-search input::placeholder{color:var(--text-tertiary)}.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.dr-card{background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-light);padding:1.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:drCardIn .5s cubic-bezier(.16,1,.3,1) both;overflow:visible}@keyframes drCardIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dr-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014,0 4px 12px #0000000a;border-color:var(--border-medium)}.dr-card-inactive{opacity:.6}.dr-card-inactive:hover{opacity:.85}.dr-status-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .625rem;border-radius:100px}.dr-status-badge.online{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#059669}.dr-status-badge.offline{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#dc2626}.dr-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:drPulse 2s ease-in-out infinite}.dr-status-badge.offline .dr-status-dot{animation:none}@keyframes drPulse{0%,to{opacity:1}50%{opacity:.4}}.dr-card-avatar{margin-bottom:1rem;margin-top:.25rem}.dr-avatar{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-light);box-shadow:0 4px 16px #00000014;transition:transform .3s ease}.dr-card:hover .dr-avatar{transform:scale(1.06)}.dr-card-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;width:100%}.dr-name{font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.dr-spec-tag{display:inline-flex;align-items:center;padding:.3125rem .875rem;border-radius:100px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.dr-details{display:flex;flex-direction:column;gap:.375rem;width:100%;margin-top:.375rem}.dr-detail-row{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;color:var(--text-tertiary)}.dr-detail-row svg{flex-shrink:0}.dr-card-actions{display:flex;gap:.5rem;width:100%;border-top:1px solid var(--border-light);padding-top:1rem}.dr-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5625rem 0;border:1.5px solid var(--border-light);border-radius:10px;background:var(--bg-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;color:var(--text-secondary)}.dr-action-btn.edit:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.dr-action-btn.delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.dr-card-add{border:2px dashed var(--border-medium);background:transparent;cursor:pointer;justify-content:center;gap:.75rem;min-height:300px;transition:all .3s ease}.dr-card-add:hover{border-color:#818cf8;background:#6366f108;transform:translateY(-4px)}.dr-card-add:hover .dr-add-icon{background:#6366f1;color:#fff;transform:scale(1.1);box-shadow:0 4px 14px #6366f159}.dr-add-icon{width:56px;height:56px;border-radius:16px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .3s ease}.dr-card-add span{font-size:.875rem;font-weight:600;color:var(--text-tertiary);transition:color .3s ease}.dr-card-add:hover span{color:#6366f1}.dr-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-light);text-align:center;animation:drCardIn .5s ease both}.dr-empty-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);display:flex;align-items:center;justify-content:center;color:#6366f1;margin-bottom:1.25rem}.dr-empty h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.dr-empty p{font-size:.875rem;color:var(--text-tertiary);margin-bottom:1.5rem;max-width:320px}.dr-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-primary)}.dr-toggle{width:44px;height:24px;border-radius:12px;background:#e2e8f0;position:relative;transition:background .3s ease;cursor:pointer;flex-shrink:0}.dr-toggle.active{background:linear-gradient(135deg,#10b981,#059669)}.dr-toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000026}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.input-group{margin-bottom:0;display:flex;flex-direction:column;gap:.375rem}.input-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-row{display:flex;gap:1rem}.form-row .input-group{flex:1}.dr-toggle-label{margin-top:.5rem;padding:.5rem 0}.modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.75rem;background:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}@media(max-width:768px){.dr-header{flex-direction:column;align-items:flex-start}.dr-add-btn{width:100%;justify-content:center}.dr-toolbar{flex-direction:column;align-items:stretch}.dr-search{min-width:unset}.dr-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.dr-card{padding:1.5rem 1.25rem 1rem}.dr-avatar{width:60px;height:60px;border-radius:16px}}@media(max-width:480px){.dr-grid{grid-template-columns:1fr 1fr}}.reports-page{animation:fadeIn .5s ease}.header-actions{display:flex;gap:.75rem}.filter-bar{margin-bottom:1rem}.date-filters{display:flex;gap:.5rem;flex-wrap:wrap}.date-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.date-btn:hover{background:var(--bg-tertiary)}.date-btn.active{background:var(--neutral-600);color:#fff;border-color:var(--neutral-600)}.report-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-light);padding-bottom:.5rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:none;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md)}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background:var(--primary-50);color:var(--primary-700)}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.report-stat-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-light)}.report-stat-card .stat-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.revenue{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.transactions{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.average{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.report-stat-card .stat-label{display:block;font-size:.8125rem;color:var(--text-tertiary);margin-bottom:.25rem}.report-stat-card .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.chart-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border-light);margin-bottom:1.5rem}.chart-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.chart-container{height:300px}.top-products-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border-light);margin-bottom:1.5rem}.top-products-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.top-products-list{display:flex;flex-direction:column;gap:.5rem}.top-product-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.top-product-item .rank{font-size:.875rem;font-weight:700;color:var(--primary-500);min-width:30px}.top-product-item .product-info{flex:1}.top-product-item .product-name{display:block;font-weight:500}.top-product-item .product-qty{font-size:.8125rem;color:var(--text-tertiary)}.top-product-item .product-revenue{font-weight:600;color:var(--primary-600)}.empty-products{text-align:center;padding:2rem;color:var(--text-tertiary)}.empty-products svg{margin-bottom:.5rem;opacity:.5}.transactions-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border-light)}.transactions-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.transactions-section code{font-family:Courier New,monospace;font-size:.8125rem;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.transactions-section .amount{font-weight:600;color:var(--primary-600)}.audit-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border-light)}.audit-section h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.audit-list{display:flex;flex-direction:column}.audit-item{display:flex;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--border-light)}.audit-item:last-child{border-bottom:none}.audit-time{display:flex;flex-direction:column;align-items:center;min-width:60px}.audit-time .date{font-size:.75rem;font-weight:600;color:var(--text-primary)}.audit-time .time{font-size:.6875rem;color:var(--text-tertiary)}.audit-user .user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600}.audit-content{flex:1}.audit-action{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.audit-details{display:block;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.25rem}.audit-user-name{font-size:.75rem;color:var(--text-tertiary)}.empty-audit{text-align:center;padding:3rem;color:var(--text-tertiary)}.empty-audit svg{margin-bottom:.75rem;opacity:.5}@media print{.page-header .header-actions,.filter-bar,.report-tabs{display:none}.report-stats{page-break-inside:avoid}}@media(max-width:1024px){.report-stats{grid-template-columns:1fr}}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.header-actions{margin-top:1rem}.date-filters{flex-wrap:wrap}.report-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}}.settings-page{animation:fadeIn .5s ease}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.settings-card{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.settings-card-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-tertiary)}.settings-card-header svg{color:var(--primary-500)}.settings-card-header h3{font-size:1rem;font-weight:600}.settings-card-body{padding:1.5rem}.settings-card-body .input-group{margin-bottom:1rem}.settings-card-body .input-group:last-child{margin-bottom:0}.input-hint{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.375rem}.preview-card{grid-row:span 2}.receipt-preview{background:#fafafa;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1.25rem;font-family:Courier New,monospace;font-size:.75rem}.preview-header{text-align:center;margin-bottom:.75rem}.preview-header h4{font-size:.875rem;font-weight:700;margin-bottom:.25rem}.preview-header p{font-size:.6875rem;color:var(--text-secondary);margin:.125rem 0}.preview-divider{text-align:center;color:var(--text-tertiary);margin:.5rem 0;font-size:.625rem;letter-spacing:2px}.preview-items{margin:.5rem 0}.preview-item{font-weight:500;margin-bottom:.125rem}.preview-item-detail{display:flex;justify-content:space-between;color:var(--text-secondary);padding-left:.75rem;margin-bottom:.5rem}.preview-summary{margin:.5rem 0}.preview-row{display:flex;justify-content:space-between;margin:.25rem 0}.preview-row.total{font-weight:700;font-size:.875rem;margin-top:.5rem}.preview-footer{text-align:center;margin-top:.5rem}.preview-footer p{font-size:.6875rem;font-style:italic;color:var(--text-secondary)}.danger-zone{grid-column:span 2;border-color:var(--error);background:linear-gradient(135deg,#fef2f2,#fff)}.danger-zone .settings-card-header{background:var(--error-light)}.danger-zone .settings-card-header svg{color:var(--error)}.danger-item{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.danger-item strong{display:block;margin-bottom:.25rem}.danger-item p{font-size:.875rem;color:var(--text-secondary);margin:0}.reset-list{text-align:left;font-size:.875rem;color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem}.reset-list li{margin:.375rem 0}.warning-text{color:var(--error);font-weight:600;font-size:.875rem;margin-bottom:1.5rem}.delete-icon.warning{background:var(--warning-light);color:var(--warning)}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr}.preview-card{grid-row:auto}.danger-zone{grid-column:auto}}@media(max-width:640px){.danger-item{flex-direction:column;align-items:flex-start}.danger-item .btn{width:100%}}.users-page{animation:fadeIn .5s ease}.um-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.um-header-left{display:flex;align-items:center;gap:1rem}.um-header-icon{width:44px;height:44px;border-radius:12px;background:#1f2937;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00000026}.um-header h1{font-size:1.5rem;font-weight:700;color:#1f2937;letter-spacing:-.02em}.um-header p{font-size:.8125rem;color:#9ca3af;margin-top:.125rem}.um-add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#1f2937;color:#fff;border:none;border-radius:10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001f;font-family:inherit}.um-add-btn:hover{background:#111827;transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.um-add-btn:active{transform:translateY(0)}.um-stats{display:flex;align-items:center;gap:.625rem;margin-bottom:1.5rem;flex-wrap:wrap}.um-stat-chip{display:flex;align-items:center;gap:.5rem;padding:.4375rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:500;background:#fff;border:1px solid #e5e7eb;transition:all .15s ease}.um-stat-chip:hover{border-color:#d1d5db}.um-stat-chip.role-admin{background:#faf5ff;border-color:#e9d5ff;color:#7c3aed}.um-stat-chip.role-apoteker{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.um-stat-chip.role-kasir{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.um-stat-count{font-weight:700;font-size:.9375rem}.um-stat-label{font-weight:500}.um-stat-total{margin-left:auto;font-size:.8125rem;color:#9ca3af}.um-stat-total span{font-weight:700;color:#1f2937;font-size:1rem}.um-search-box{display:flex;align-items:center;gap:.5rem;padding:.4375rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;transition:all .2s ease}.um-search-box:focus-within{border-color:#6b7280;box-shadow:0 0 0 3px #6b728014}.um-search-box input{border:none;background:transparent;outline:none;font-size:.8125rem;color:#1f2937;width:140px;font-family:inherit}.um-search-box input::-moz-placeholder{color:#9ca3af}.um-search-box input::placeholder{color:#9ca3af}.um-grid{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.um-card{background:#fff;border-radius:0;border:none;border-bottom:1px solid #f3f4f6;padding:.875rem 1.25rem;display:flex;align-items:center;text-align:left;position:relative;transition:all .15s ease;animation:umCardIn .3s ease both;overflow:visible}.um-card:last-child{border-bottom:none}@keyframes umCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.um-card:hover{background:#f9fafb;transform:none;box-shadow:none;border-color:#f3f4f6}.um-card.is-you{background:#fafafa;border-color:#f3f4f6}.um-card.is-you:hover{background:#f5f5f5;box-shadow:none;border-color:#f3f4f6}.um-you-ribbon{display:flex;align-items:center;gap:.25rem;background:#1f2937;color:#fff;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1875rem .5rem;border-radius:6px;margin-left:.5rem;flex-shrink:0}.um-card-avatar{position:relative;margin-bottom:0;margin-right:1rem;flex-shrink:0}.um-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.02em;transition:none;overflow:hidden;background:#fff;border:1px solid #e5e7eb;box-shadow:none}.um-avatar img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.um-card:hover .um-avatar{transform:none}.um-avatar.role-admin{border-color:#e9d5ff;background:#faf5ff}.um-avatar.role-apoteker{border-color:#bbf7d0;background:#f0fdf4}.um-avatar.role-kasir{border-color:#bfdbfe;background:#eff6ff}.um-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #ffffff;box-shadow:none;animation:none}.um-card-body{display:flex;align-items:center;gap:1rem;margin-bottom:0;width:auto;flex:1;min-width:0}.um-username{font-size:.875rem;font-weight:600;color:#1f2937;letter-spacing:-.01em;white-space:nowrap;min-width:120px}.um-role-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.um-role-tag.role-admin{background:#faf5ff;color:#7c3aed}.um-role-tag.role-apoteker{background:#f0fdf4;color:#16a34a}.um-role-tag.role-kasir{background:#eff6ff;color:#2563eb}.um-card-date{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#9ca3af;margin-left:auto}.um-card-actions{display:flex;gap:.375rem;border-top:none;padding-top:0;margin-left:1rem;flex-shrink:0}.um-action-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;color:#6b7280;opacity:0}.um-card:hover .um-action-btn{opacity:1}.um-action-btn.edit:hover{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.um-action-btn.delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.um-action-btn:disabled{opacity:.2!important;cursor:not-allowed}.um-action-btn:disabled:hover{background:#fff;border-color:#e5e7eb;color:#6b7280}.um-card-add{border:none;border-bottom:none;background:transparent;cursor:pointer;justify-content:center;gap:.625rem;padding:1rem 1.25rem;min-height:auto;transition:all .2s ease;border-top:1px dashed #e5e7eb}.um-card-add:hover{background:#f9fafb;border-color:#d1d5db;transform:none}.um-card-add:hover .um-add-icon{background:#1f2937;color:#fff;transform:none;box-shadow:none}.um-add-icon{width:36px;height:36px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s ease}.um-card-add span{font-size:.8125rem;font-weight:500;color:#9ca3af;transition:color .2s ease}.um-card-add:hover span{color:#1f2937}.um-role-selector{display:flex;flex-direction:column;gap:.5rem}.um-role-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f9fafb;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.um-role-option:hover{background:#f3f4f6;border-color:#e5e7eb}.um-role-option.active.role-admin{background:#faf5ff;border-color:#8b5cf6}.um-role-option.active.role-apoteker{background:#f0fdf4;border-color:#22c55e}.um-role-option.active.role-kasir{background:#eff6ff;border-color:#3b82f6}.um-role-option-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;border:1px solid #e5e7eb}.um-role-option.role-admin .um-role-option-icon{color:#7c3aed}.um-role-option.role-apoteker .um-role-option-icon{color:#16a34a}.um-role-option.role-kasir .um-role-option-icon{color:#2563eb}.um-role-option-text{flex:1}.um-role-option-name{display:block;font-size:.875rem;font-weight:600;color:#1f2937}.um-role-option-desc{display:block;font-size:.75rem;color:#9ca3af;margin-top:.125rem}.um-role-check{color:#1f2937;flex-shrink:0}@media(max-width:768px){.um-header{flex-direction:column;align-items:flex-start}.um-add-btn{width:100%;justify-content:center}.um-stats{gap:.5rem}.um-stat-chip{padding:.375rem .625rem;font-size:.75rem}.um-card{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.um-card-body{flex-wrap:wrap;gap:.5rem}.um-action-btn{opacity:1}.um-card-date{margin-left:0}}@media(max-width:480px){.um-username{min-width:auto}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--primary-50:#f4f4f5;--primary-100:#e4e4e7;--primary-200:#d4d4d8;--primary-300:#a1a1aa;--primary-400:#71717a;--primary-500:#18181b;--primary-600:#09090b;--primary-700:#000;--primary-800:#000;--primary-900:#000;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-orange:#f97316;--accent-yellow:#eab308;--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-200:#e4e4e7;--neutral-300:#d4d4d8;--neutral-400:#a1a1aa;--neutral-500:#71717a;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-800:#27272a;--neutral-900:#18181b;--neutral-950:#09090b;--success:#22c55e;--success-light:#dcfce7;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--surface-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-focus:var(--primary-500);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #10b9814d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.container{width:100%;max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--text-inverse);box-shadow:var(--shadow-sm),0 0 #10b98166}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-md),0 0 15px #10b9814d;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-focus)}.btn-danger{background:linear-gradient(135deg,var(--error),#dc2626);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{aspect-ratio:1;padding:.5rem}.card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.input-group{flex-direction:column;gap:.375rem;display:flex}.input{border:1.5px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);width:100%;color:var(--text-primary);letter-spacing:-.01em;padding:.6875rem .875rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:border-color .25s,box-shadow .25s,background-color .2s}.input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.input-error{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.error-text{color:var(--error);font-size:.8125rem}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;letter-spacing:-.01em;border:1.5px solid var(--border-light);border-radius:var(--radius-lg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.125em 1.125em;padding-right:2.75rem;font-weight:500;transition:border-color .25s,box-shadow .25s,background-color .2s,transform .15s}.select:hover{background-color:#6366f105;border-color:#a5b4fc;box-shadow:0 2px 8px #6366f114}.select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%234f46e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 9l6 6 6-6'/%3e%3c/svg%3e");border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f,0 2px 12px #6366f11a}.select:active{transform:scale(.995)}.select option{background:var(--bg-secondary);color:var(--text-primary);padding:.625rem .875rem;font-size:.9375rem;font-weight:500}.select option:checked{color:#4338ca;background:linear-gradient(135deg,#eef2ff,#e0e7ff);font-weight:600}.select:disabled{opacity:.5;cursor:not-allowed;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3e%3c/svg%3e")}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600;transition:color .2s}.input-group:focus-within .input-label{color:#6366f1}.input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f,0 2px 12px #6366f11a}.input:hover:not(:focus):not(:disabled){border-color:#a5b4fc}.badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success-light);color:#166534}.badge-warning{background:var(--warning-light);color:#92400e}.badge-error{background:var(--error-light);color:#991b1b}.badge-info{background:var(--info-light);color:#1e40af}.badge-neutral{background:var(--neutral-100);color:var(--neutral-700)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.875rem 1rem}.table th{background:var(--bg-tertiary);color:var(--text-primary);white-space:nowrap;font-weight:600}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--primary-50)}.table tbody tr:last-child td{border-bottom:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-lg);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.modal-lg{max-width:700px}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);justify-content:flex-end;gap:var(--spacing-sm);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.spinner{border:3px solid var(--border-light);border-top-color:var(--primary-500);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.toast-container{z-index:1100;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;min-width:300px;padding:1rem 1.25rem;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}.toast-warning{background:var(--warning);color:#fff}.toast-info{background:var(--info);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}@media print{.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-md)}.modal{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}