:root{--color-primary: #1e4a38;--color-primary-dark: #153427;--color-primary-light: #2d6e53;--color-primary-subtle: #ebf5f0;--color-accent: #c97a22;--color-accent-subtle: #fbf3e8;--color-vata: #3b82f6;--color-vata-bg: #eff6ff;--color-pitta: #e0533c;--color-pitta-bg: #fef2f0;--color-kapha: #10b981;--color-kapha-bg: #ecfdf5;--color-tridoshic: #8b5cf6;--color-tridoshic-bg: #f5f3ff;--color-bg: #f8f6f0;--color-card: #ffffff;--color-border: #e6e2d8;--color-border-subtle: #f0ece3;--color-text: #1b2721;--color-text-muted: #5e6f64;--color-text-light: #8fa095;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-floating: 0 20px 25px -5px rgba(0, 0, 0, .12), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-width: 250px;--header-height: 64px;--bottom-nav-height: 64px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:1rem}.app-container{display:flex;min-height:100vh;width:100vw;background-color:var(--color-bg)}.sidebar{width:var(--sidebar-width);background-color:#173729;color:#e4eee8;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;box-shadow:2px 0 12px #0000001a;transition:transform .25s ease-in-out,width .25s ease}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.brand-icon{width:36px;height:36px;background:linear-gradient(135deg,#52b788,#2d6e53);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #0003}.brand-text h1{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.01em}.brand-text p{font-size:.72rem;color:#92b8a3;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{padding:1rem .75rem;flex:1;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:#b7cebf;text-decoration:none;font-weight:500;font-size:.92rem;transition:all .15s ease;min-height:44px}.nav-item:hover{background-color:#ffffff14;color:#fff}.nav-item.active{background-color:var(--color-primary-light);color:#fff;box-shadow:0 4px 10px #0003}.nav-badge{margin-left:auto;font-size:.75rem;padding:.15rem .5rem;border-radius:var(--radius-full);background-color:#ffffff26;color:#fff}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.08)}.system-status{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#8da496}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background-color:#10b981;box-shadow:0 0 6px #10b981}.status-dot.offline{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;min-height:100vh}.top-header{height:var(--header-height);background-color:var(--color-card);border-bottom:1px solid var(--color-border);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;box-shadow:var(--shadow-sm)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);color:var(--color-text);background-color:var(--color-bg)}.header-title-block h2{font-size:1.15rem;font-weight:700;color:var(--color-text)}.header-title-block p{font-size:.8rem;color:var(--color-text-muted)}.header-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;transition:all .15s ease;min-height:40px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-bg)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover{background-color:#b0681a}.content-body{padding:1.5rem;max-width:1400px;width:100%;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem}.stat-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-info p{font-size:.82rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.35rem}.stat-card-info h3{font-size:1.75rem;font-weight:800;color:var(--color-text);line-height:1.1}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.dosha-widget{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.75rem;box-shadow:var(--shadow-sm)}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.widget-title{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--color-text)}.dosha-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dosha-card{padding:1rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.4rem;border:1px solid transparent}.dosha-card.vata{background-color:var(--color-vata-bg);border-color:#3b82f633}.dosha-card.pitta{background-color:var(--color-pitta-bg);border-color:#e0533c33}.dosha-card.kapha{background-color:var(--color-kapha-bg);border-color:#10b98133}.dosha-card.tridoshic{background-color:var(--color-tridoshic-bg);border-color:#8b5cf633}.dosha-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.dosha-card.vata .dosha-badge{color:var(--color-vata)}.dosha-card.pitta .dosha-badge{color:var(--color-pitta)}.dosha-card.kapha .dosha-badge{color:var(--color-kapha)}.dosha-card.tridoshic .dosha-badge{color:var(--color-tridoshic)}.dosha-count{font-size:1.6rem;font-weight:800;color:var(--color-text)}.dosha-subtext{font-size:.75rem;color:var(--color-text-muted)}.section-split{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.card-panel{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel-title{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:var(--color-text)}.appointment-list{display:flex;flex-direction:column;gap:.85rem}.appointment-item{padding:1rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:#faf9f6;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:border-color .15s ease}.appointment-item:hover{border-color:var(--color-primary-light)}.appointment-meta h4{font-size:.95rem;font-weight:700;color:var(--color-text)}.appointment-meta p{font-size:.82rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.status-pill{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.status-pill.Scheduled{background-color:#eff6ff;color:#2563eb}.status-pill.InConsultation{background-color:#fef3c7;color:#d97706}.status-pill.Completed{background-color:#ecfdf5;color:#059669}.status-pill.Cancelled{background-color:#fef2f2;color:#dc2626}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:260px}.search-input-wrapper input{width:100%;padding:.65rem 1rem .65rem 2.6rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card);outline:none;font-size:.9rem;transition:border-color .15s ease}.search-input-wrapper input:focus{border-color:var(--color-primary)}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--color-text-light);pointer-events:none}.filter-chips{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:4px}.filter-chip{padding:.45rem .85rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;background-color:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;transition:all .15s ease;min-height:36px}.filter-chip:hover{background-color:var(--color-border-subtle);color:var(--color-text)}.filter-chip.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.item-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.doctor-card-top{display:flex;gap:1rem;margin-bottom:1rem}.doctor-avatar{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--color-primary-subtle)}.item-tag{font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-sm);background-color:var(--color-primary-subtle);color:var(--color-primary);display:inline-block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-dialog{background-color:var(--color-card);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-floating);animation:modalEnter .2s ease-out}@keyframes modalEnter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.15rem;font-weight:700;color:var(--color-text)}.modal-close{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.15rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.4rem}.form-control{width:100%;padding:.65rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card);outline:none;font-size:.9rem}.form-control:focus{border-color:var(--color-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:.75rem}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background-color:#fff;border-top:1px solid var(--color-border);z-index:50;box-shadow:0 -2px 10px #0000000f;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-tabs{display:flex;height:100%;align-items:center;justify-content:space-around}.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:var(--color-text-muted);font-size:.7rem;font-weight:600;gap:3px;min-height:48px;transition:color .15s ease}.mobile-tab-btn.active{color:var(--color-primary)}@media (max-width: 1024px){:root{--sidebar-width: 72px}.sidebar{width:var(--sidebar-width)}.brand-text,.nav-item span,.nav-badge,.sidebar-footer{display:none}.sidebar-header{justify-content:center;padding:1.25rem 0}.nav-item{justify-content:center;padding:.75rem}.main-wrapper{margin-left:var(--sidebar-width)}.stats-grid,.dosha-grid{grid-template-columns:repeat(2,1fr)}.section-split{grid-template-columns:1fr}}@media (max-width: 768px){:root{--header-height: 56px}.sidebar{transform:translate(-100%);width:270px}.sidebar.mobile-open{transform:translate(0)}.brand-text,.nav-item span,.nav-badge,.sidebar-footer{display:flex}.sidebar-header{justify-content:flex-start;padding:1.25rem 1.5rem}.nav-item{justify-content:flex-start;padding:.75rem 1rem}.main-wrapper{margin-left:0;padding-bottom:calc(var(--bottom-nav-height) + 1.5rem)}.mobile-menu-btn{display:flex}.mobile-bottom-nav{display:block}.content-body{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:.85rem}.dosha-grid{grid-template-columns:1fr;gap:.75rem}.items-grid,.form-row{grid-template-columns:1fr}.top-header{padding:0 1rem}.filter-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}.appointment-item{flex-direction:column;align-items:flex-start}.modal-dialog{margin:0;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end}.modal-overlay{padding:0;align-items:flex-end}}