*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.loading-screen{color:#667eea;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.loading-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{color:#374151;font-size:14px;font-weight:600}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;left:14px}.input-field{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.input-field--has-icon{padding-left:42px}.input-field--has-suffix{padding-right:80px}.input-suffix{color:#9ca3af;pointer-events:none;font-family:inherit;font-size:14px;position:absolute;right:14px}.input-field::placeholder{color:#9ca3af}.input-field:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea66}.btn:active{transform:translateY(0)}.btn-icon{justify-content:center;align-items:center;font-size:18px;display:flex}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #00000026}.login-header{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;margin-bottom:16px;display:flex}.login-logo img{object-fit:contain;background:#f8fafc;border-radius:12px;width:48px;height:48px;padding:5px;box-shadow:0 4px 12px #667eea2e}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.login-error svg{flex-shrink:0}.login-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:#6b7280;margin:0;font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.login-options{justify-content:space-between;align-items:center;font-size:14px;display:flex}.remember-me{color:#6b7280;cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input[type=checkbox]{accent-color:#667eea;cursor:pointer;width:16px;height:16px}.forgot-link{color:#667eea;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-switch{text-align:center;color:#6b7280;margin-top:24px;font-size:14px}.auth-switch a{color:#667eea;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.dash{background:#f0f2f5;min-height:100vh;display:flex}.dash-sidebar{z-index:50;background:radial-gradient(circle at 100% 0,#00b8e03d,#0000 31%),linear-gradient(#063b5a 0%,#062b44 52%,#041d31 100%);flex-direction:column;flex-shrink:0;width:264px;height:100vh;transition:width .25s,box-shadow .25s;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:8px 0 28px #032a4224}.dash--collapsed .dash-sidebar{width:72px}.dash--collapsed .dash-sidebar-header{padding-left:4px;padding-right:4px}.dash--collapsed .dash-collapse-btn{padding:3px}.dash-sidebar-header{background:#012d4652;border-bottom:1px solid #adebf829;justify-content:space-between;align-items:center;min-height:72px;padding:18px 16px;display:flex}.dash-logo{color:#fff;letter-spacing:1.2px;align-items:center;gap:11px;font-size:20px;font-weight:800;display:flex;overflow:hidden}.dash-logo img{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:36px;height:36px;padding:3px;box-shadow:0 5px 14px #00b8e047}.dash--collapsed .dash-logo span{display:none}.dash-collapse-btn{color:#ffffffb8;cursor:pointer;background:#ffffff14;border:1px solid #adebf829;border-radius:8px;flex-shrink:0;padding:4px;transition:color .15s,background .15s,border-color .15s;display:flex}.dash-collapse-btn:hover{color:#fff;background:#00b8e029;border-color:#00b8e08f}.dash-nav{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:2px;min-height:0;padding:16px 10px;overflow-y:auto}.dash-nav::-webkit-scrollbar{width:5px}.dash-nav::-webkit-scrollbar-thumb{background:#adebf852;border-radius:999px}.dash-nav-group{flex-direction:column;display:flex}.dash-nav-group-btn{color:#ffffffb8;cursor:pointer;white-space:nowrap;background:#ffffff09;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex;overflow:hidden}.dash-nav-group-btn:hover{color:#fff;background:#00b8e01f;border-color:#00b8e03d}.dash--collapsed .dash-nav-group-btn{justify-content:center;padding:10px 0}.dash-nav-group-chevron{flex-shrink:0;margin-left:auto;transition:transform .2s}.dash-nav-group-chevron--open{transform:rotate(180deg)}.dash--collapsed .dash-nav-group-chevron{display:none}.dash-nav-group-children{background:#021e3033;border:1px solid #adebf81a;border-radius:11px;flex-direction:column;gap:1px;margin:4px 0 6px;padding:4px 0;display:flex}.dash-nav-group-child{padding:8px 12px;font-size:13px}.dash--collapsed .dash-nav-group-children{display:none}.dash-nav-item{color:#ffffffb8;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,box-shadow .15s,color .15s,transform .15s;display:flex;overflow:hidden}.dash-nav-item:hover{color:#fff;background:#00b8e01f;transform:translate(2px)}.dash-nav-item--active{color:#fff;background:linear-gradient(100deg,#008dd0,#00aede);font-weight:700;box-shadow:0 7px 16px #008dd047}.dash--collapsed .dash-nav-item{justify-content:center;padding:10px 0}.dash--collapsed .dash-nav-label{display:none}.dash-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.dash-nav-label{text-overflow:ellipsis;overflow:hidden}.dash-sidebar-footer{border-top:1px solid #adebf824;flex-direction:column;gap:4px;padding:10px;display:flex}.dash-nav-item--footer{color:#ffffffb8;white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;overflow:hidden}.dash-nav-item--footer:hover{color:#fff;background:#00b8e01f}.dash--collapsed .dash-nav-item--footer{justify-content:center;padding:10px 0}.dash--collapsed .dash-nav-item--footer .dash-nav-label{display:none}.dash-nav-item--logout{color:#fff9;font-weight:600}.dash-nav-item--logout:hover{color:#ef4444;background:#ef444426}.dash-nav-item--logout .dash-nav-icon{color:#ef4444}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.dash-header{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}.dash-mobile-toggle{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:none}.dash-mobile-toggle:hover{background:#f3f4f6}.dash-header-title h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.dash-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.dash-user-info{-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:flex}.dash-user-info svg{color:#9ca3af;flex-shrink:0}.dash-role-badge{color:#fff;letter-spacing:.3px;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.dash-role-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:160px;padding:6px;animation:.12s selectFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 40px #0000001f}.dash-role-option{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s;display:flex}.dash-role-option:hover{background:#f3f4f6}.dash-role-option--active{color:#667eea;background:#667eea0f;font-weight:600}.dash-role-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@keyframes selectFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dash-notif-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .15s,color .15s;display:flex}.dash-notif-btn:hover{color:#374151;background:#f3f4f6}.dash-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.dash-logout-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.dash-logout-btn:hover{color:#fff;background:#dc2626;transform:scale(1.05)}.dash-logout-btn:active{transform:scale(.95)}.dash-sidebar-logout{color:#ffffffb8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.dash-sidebar-logout:hover{color:#fecaca;background:#f8717126}.dash--collapsed .dash-sidebar-logout{justify-content:center;padding:10px 0}.dash-content{flex:1;padding:32px}.dash-overlay{display:none}@media (width<=768px){.dash-sidebar{z-index:60;width:260px;transition:left .25s;position:fixed;top:0;bottom:0;left:-280px}.dash-sidebar--open{left:0}.dash--collapsed .dash-sidebar{width:260px}.dash-overlay{z-index:55;background:#0006;display:block;position:fixed;inset:0}.dash-mobile-toggle{display:flex}.dash-collapse-btn{display:none}.dash-header{padding:12px 16px}.dash-content{padding:16px}.dash-logo span,.dash-nav-label{display:inline!important}.dash-nav-item{justify-content:flex-start!important;padding:10px 12px!important}}.confirm-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:#fff;border-radius:20px;width:100%;max-width:420px;animation:.25s cubic-bezier(.16,1,.3,1) confirmSlideIn;overflow:hidden;box-shadow:0 25px 80px #00000040}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-body{text-align:center;padding:32px 32px 24px}.confirm-icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;animation:.6s confirmPulse;display:flex}.confirm-icon-wrap--danger{color:#dc2626;background:#fef2f2}.confirm-icon-wrap--warning{color:#d97706;background:#fffbeb}@keyframes confirmPulse{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.confirm-icon{width:28px;height:28px}.confirm-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3}.confirm-message{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.confirm-entity{color:#1f2937;background:#f3f4f6;border-radius:6px;margin-top:4px;padding:2px 12px;font-size:14px;font-weight:600;display:inline-block}.confirm-footer{gap:12px;padding:0 32px 32px;display:flex}.confirm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:flex}.confirm-btn--cancel{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.confirm-btn--cancel:hover{background:#e5e7eb}.confirm-btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #dc26264d}.confirm-btn--danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.confirm-btn--danger:active{transform:translateY(0)}.confirm-btn--warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #d977064d}.confirm-btn--warning:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d9770666}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirm-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite confirmSpin}@keyframes confirmSpin{to{transform:rotate(360deg)}}.dash-home{max-width:1200px}.dash-home-header{margin-bottom:28px}.dash-home-header h1{color:#1f2937;margin:0 0 6px;font-size:26px;font-weight:700}.dash-home-header p{color:#6b7280;margin:0;font-size:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.dash-reminders{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;margin-bottom:24px;padding:18px 22px}.dash-reminders .dash-panel-header{margin-bottom:10px}.dash-reminders .dash-panel-header h3{color:#92400e}.dash-reminders .dash-panel-header>span{color:#b45309;font-size:13px;font-weight:600}.dash-reminder-list{gap:8px;display:grid}.dash-reminder{color:#78350f;background:#ffffffb3;border-radius:8px;grid-template-columns:1.3fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:grid}.dash-reminder strong{color:#92400e}.stat-card{background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-value{color:#1f2937;font-size:28px;font-weight:700}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.dash-charts-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.dash-chart-panel{background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 1px 3px #0000000d}.dash-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-panel-header h3{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.chart-bars-vertical{flex-direction:column;gap:12px;display:flex}.chart-bar-row{flex-direction:column;gap:4px;display:flex}.chart-bar-label{color:#374151;justify-content:space-between;align-items:center;font-size:13px;display:flex}.chart-bar-value{color:#1f2937;font-size:14px;font-weight:700}.chart-bar-track{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.chart-bar-fill{border-radius:4px;height:100%;transition:width .6s}.chart-total{text-align:right;color:#9ca3af;border-top:1px solid #f3f4f6;margin-top:4px;padding-top:8px;font-size:13px}.chart-empty{text-align:center;color:#9ca3af;padding:40px 0;font-size:14px}.donut-wrapper{align-items:center;gap:32px;padding:8px 0;display:flex}.donut-chart{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.donut-hole{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.donut-total{color:#1f2937;font-size:22px;font-weight:700;line-height:1}.donut-label{color:#9ca3af;margin-top:2px;font-size:11px}.donut-legend{flex-direction:column;gap:10px;display:flex}.donut-legend-item{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.donut-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.donut-legend-item strong{color:#1f2937;margin-left:auto}.chart-bars-trend{flex-direction:column;gap:12px;display:flex}.trend-bars-container{align-items:flex-end;gap:8px;height:140px;padding:4px 0;display:flex}.trend-bar-group{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.trend-bar-col{align-items:flex-end;gap:3px;height:100%;display:flex}.trend-bar{border-radius:4px 4px 0 0;width:16px;min-height:2px;transition:height .6s}.rev-bar{background:#667eea}.adm-bar{background:#10b981}.trend-label{color:#9ca3af;text-align:center;white-space:nowrap;font-size:10px}.trend-legend{color:#6b7280;border-top:1px solid #f3f4f6;justify-content:center;gap:20px;padding-top:8px;font-size:12px;display:flex}.trend-legend span{align-items:center;gap:6px;display:flex}.trend-dot{border-radius:50%;width:8px;height:8px}.dash-panels{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-panel{background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 1px 3px #0000000d}.dash-table-wrapper{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:14px}.dash-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:12px;font-weight:600}.dash-table td{color:#374151;border-bottom:1px solid #f9fafb;padding:12px}.dash-table-name{color:#1f2937;font-weight:600}.dash-table-id{color:#9ca3af;font-size:13px}.dash-timeline{flex-direction:column;gap:0;display:flex}.dash-timeline-item{border-bottom:1px solid #f9fafb;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.dash-timeline-item:last-child{border-bottom:none}.dash-timeline-time{color:#6b7280;min-width:60px;padding-top:1px;font-size:13px;font-weight:600}.dash-timeline-dot{background:#667eea;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.dash-timeline-body{flex-direction:column;gap:2px;display:flex}.dash-timeline-patient{color:#1f2937;font-size:14px;font-weight:600}.dash-timeline-meta{color:#9ca3af;font-size:13px}@media (width<=900px){.dash-charts-row{grid-template-columns:1fr}}@media (width<=768px){.dash-panels{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.donut-wrapper{flex-direction:column;align-items:center}.dash-reminder{grid-template-columns:1fr 1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.select-wrapper{flex-direction:column;gap:6px;width:100%;display:flex;position:relative}.select-label{color:#374151;font-size:14px;font-weight:600}.select-container{align-items:center;display:flex;position:relative}.select-icon{color:#9ca3af;pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;left:14px}.select-trigger{color:#1f2937;cursor:pointer;text-align:left;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;width:100%;padding:12px 40px 12px 16px;font-family:inherit;font-size:15px;transition:all .2s;display:flex}.select-trigger--has-icon{padding-left:42px}.select-trigger:hover{background:#f3f4f6}.select-trigger--open,.select-trigger:focus-visible{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.select-trigger-text{color:#9ca3af;flex:1}.select-trigger-text--selected{color:#1f2937}.select-chevron{color:#9ca3af;pointer-events:none;justify-content:center;align-items:center;transition:transform .25s;display:flex;position:absolute;right:14px}.select-chevron--open{color:#667eea;transform:rotate(180deg)}.select-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:320px;margin:0;padding:6px;list-style:none;animation:.15s selectFadeIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000001f}.select-search{z-index:1;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex;position:sticky;top:0}.select-search-icon{color:#9ca3af;flex-shrink:0}.select-search-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.select-search-input::placeholder{color:#9ca3af}.select-option{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:background .12s;display:flex}.select-option--empty{color:#9ca3af;cursor:default;justify-content:center;font-size:13px}.select-option-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.select-option-label{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.select-option-detail{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.select-option--selected .select-option-detail{color:#667eeab3}.select-option:hover,.select-option--focused{background:#f3f4f6}.select-option--selected{color:#667eea;background:#667eea0f;font-weight:600}.select-option--disabled{color:#d1d5db;cursor:not-allowed}.select-option--disabled:hover{background:0 0}.select-option-check{color:#667eea;flex-shrink:0;justify-content:center;align-items:center;display:flex}.select-dropdown::-webkit-scrollbar{width:4px}.select-dropdown::-webkit-scrollbar-track{background:0 0}.select-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dialog-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s dialogFadeIn;display:flex;position:fixed;inset:0}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}.dialog{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:920px;max-height:calc(100vh - 40px);animation:.2s dialogSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.dialog-title{color:#1f2937;margin:0;font-size:20px;font-weight:700}.dialog-close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.dialog-close-btn:hover{color:#374151;background:#e5e7eb}.dialog-body{padding:20px 24px;overflow-y:auto}.dialog-footer{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.dialog-footer .dialog-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.dialog-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.dialog-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.dialog-btn--secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.dialog-btn--secondary:hover{background:#e5e7eb}.dialog--wide{max-width:1100px}@media (width<=640px){.dialog-overlay{padding:12px}.dialog{border-radius:12px;max-height:calc(100vh - 24px)}.dialog-header{padding:18px 18px 0}.dialog-body{padding:16px 18px}.dialog-footer{padding:0 18px 18px}}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:14px 16px;animation:.3s toastSlideIn;display:flex;box-shadow:0 8px 30px #00000026}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast--success{border-color:#10b981}.toast--error{border-color:#ef4444}.toast--info{border-color:#3b82f6}.toast--warning{border-color:#f59e0b}.toast-icon{flex-shrink:0;align-items:center;display:flex}.toast--success .toast-icon{color:#10b981}.toast--error .toast-icon{color:#ef4444}.toast--info .toast-icon{color:#3b82f6}.toast--warning .toast-icon{color:#f59e0b}.toast-message{color:#374151;flex:1;font-size:14px;font-weight:500}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.toast-close:hover{color:#6b7280;background:#f3f4f6}body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.patients-page{max-width:1400px}.patients-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.patients-header h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.patients-header p{color:#6b7280;margin:0;font-size:15px}.add-patient-grid{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:20px;display:flex;overflow-y:auto}.add-patient-grid::-webkit-scrollbar{display:none}.patients-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.patient-stat{background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.patient-stat-value{color:#1f2937;font-size:24px;font-weight:700}.patient-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.patients-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.patients-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:360px;padding:0 14px;transition:border-color .2s;display:flex}.patients-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.patients-search-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.patients-search-btn:hover{color:#667eea}.patients-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.patients-search input::placeholder{color:#9ca3af}.patients-filters{align-items:center;gap:10px;display:flex}.patients-filters .select-wrapper{min-width:180px}.patients-table-wrapper{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.patients-table{border-collapse:collapse;width:100%;font-size:14px}.patients-table thead{background:#f9fafb}.patients-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.patients-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:14px 16px}.patients-table tbody tr{transition:background .12s}.patients-table tbody tr:hover{background:#f9fafb}.patients-table tbody tr:last-child td{border-bottom:none}.pat-id{color:#9ca3af;font-size:13px;font-weight:500}.pat-name{color:#1f2937;font-weight:600}.pat-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pat-badge--active{color:#10b981;background:#10b9811a}.pat-badge--discharged{color:#6b7280;background:#6b72801a}.pat-badge--critical{color:#ef4444;background:#ef44441a}.pat-actions{gap:6px;display:flex}.pat-action-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.pat-action-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.pat-empty{text-align:center;color:#9ca3af;font-size:14px;padding:40px 16px!important}.patients-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.patients-count{color:#9ca3af;font-size:13px}.patients-pagination{gap:4px;display:flex}.pat-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:14px;font-weight:500;transition:all .12s;display:flex}.pat-page-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.pat-page-btn--active{color:#fff;background:#667eea;border-color:#667eea}.pat-page-btn--active:hover{color:#fff!important}.pat-page-btn:disabled{opacity:.4;cursor:not-allowed}.patient-detail{flex-direction:column;gap:24px;display:flex}.patient-detail-header{align-items:center;gap:16px;display:flex}.patient-detail-header h3{color:#1f2937;margin:0 0 6px;font-size:18px}.patient-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.patient-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.patient-detail-field{flex-direction:column;gap:4px;display:flex}.patient-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.patient-detail-value{color:#1f2937;font-size:15px;font-weight:500}@media (width<=768px){.patients-stats{grid-template-columns:repeat(2,1fr)}.patients-controls{flex-direction:column;align-items:stretch}.patients-search{max-width:none}.patients-filters{flex-direction:column}}.appt-page{max-width:1400px}.appt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.appt-header h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.appt-header p{color:#6b7280;margin:0;font-size:15px}.appt-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:24px;display:grid}.appt-stat{background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.appt-stat-value{color:#1f2937;font-size:24px;font-weight:700}.appt-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.appt-today{background:#fff;border-radius:14px;margin-bottom:24px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.appt-today-header{color:#1f2937;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;font-size:16px;font-weight:600;display:flex}.appt-today-header svg{color:#667eea}.appt-today-date{color:#9ca3af;margin-left:auto;font-size:13px;font-weight:500}.appt-today-list{flex-direction:column;gap:0;display:flex}.appt-card{border-bottom:1px solid #f9fafb;align-items:center;gap:16px;padding:12px 0;display:flex}.appt-card:last-child{border-bottom:none}.appt-card-time{color:#667eea;flex-shrink:0;min-width:72px;font-size:14px;font-weight:600}.appt-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.appt-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.appt-card-patient{color:#1f2937;font-size:15px;font-weight:600}.appt-card-meta{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.appt-card-dot{color:#d1d5db}.appt-today-empty{text-align:center;color:#9ca3af;padding:24px;font-size:14px}.appt-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.appt-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:400px;padding:0 14px;transition:border-color .2s;display:flex}.appt-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.appt-search svg{color:#9ca3af;flex-shrink:0}.appt-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.appt-search input::placeholder{color:#9ca3af}.appt-filters{align-items:center;gap:10px;display:flex}.appt-filters .select-wrapper{min-width:170px}.appt-table-wrapper{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.appt-table{border-collapse:collapse;width:100%;font-size:14px}.appt-table thead{background:#f9fafb}.appt-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.appt-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:14px 16px}.appt-table tbody tr{transition:background .12s}.appt-table tbody tr:hover{background:#f9fafb}.appt-table tbody tr:last-child td{border-bottom:none}.appt-id{color:#9ca3af;font-size:13px;font-weight:500}.appt-name{color:#1f2937;font-weight:600}.appt-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.appt-badge--scheduled{color:#667eea;background:#667eea1a}.appt-badge--confirmed{color:#14b8a6;background:#14b8a61a}.appt-badge--in-progress{color:#f59e0b;background:#f59e0b1a}.appt-badge--completed{color:#10b981;background:#10b9811a}.appt-badge--cancelled{color:#ef4444;background:#ef44441a}.appt-action-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.appt-action-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.appt-empty{text-align:center;color:#9ca3af;font-size:14px;padding:40px 16px!important}.appt-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.appt-count{color:#9ca3af;font-size:13px}.appt-pagination{gap:4px;display:flex}.appt-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:14px;font-weight:500;transition:all .12s;display:flex}.appt-page-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.appt-page-btn--active{color:#fff;background:#667eea;border-color:#667eea}.appt-page-btn--active:hover{color:#fff!important}.appt-page-btn:disabled{opacity:.4;cursor:not-allowed}.appt-detail{flex-direction:column;gap:24px;display:flex}.appt-detail-header{align-items:center;gap:16px;display:flex}.appt-detail-header h3{color:#1f2937;margin:0 0 6px;font-size:18px}.appt-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.appt-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.appt-detail-field{flex-direction:column;gap:4px;display:flex}.appt-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.appt-detail-value{color:#1f2937;font-size:15px;font-weight:500}.appt-card{cursor:pointer;border-radius:8px;margin:0 -8px;padding:12px 8px;transition:background .12s}.appt-card:hover{background:#f9fafb}.add-appt-form{flex-direction:column;gap:16px;display:flex}.add-appt-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.add-appt-grid>:last-child:nth-child(odd){grid-column:1/-1}@media (width<=500px){.add-appt-grid{grid-template-columns:1fr}}@media (width<=768px){.appt-stats{grid-template-columns:repeat(2,1fr)}.appt-controls{flex-direction:column;align-items:stretch}.appt-search{max-width:none}.appt-filters{flex-direction:column}.appt-filters .select-wrapper{min-width:unset}.appt-card{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=480px){.appt-stats{grid-template-columns:1fr 1fr}.appt-today{padding:16px}}.dbutton{cursor:pointer;border:none;border-radius:14px;outline:none;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #00000026}.dbutton:hover{transform:translateY(-2px)}.dbutton:active{transform:scale(.97)}.dbutton:disabled{opacity:.6;cursor:not-allowed}.dbutton-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.dbutton-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.dbutton-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.dbutton-warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.dbutton-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.bookings-page{padding:24px}.bookings-header{margin-bottom:24px}.bookings-header h2{color:#1e293b;margin-bottom:4px;font-size:1.5rem;font-weight:700}.bookings-header p{color:#94a3b8;font-size:.88rem}.bookings-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.bookings-search{flex:1;max-width:320px;position:relative}.bookings-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bookings-search input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 38px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.bookings-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bookings-filters{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:3px;display:flex}.bookings-filter-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.bookings-filter-btn:hover{color:#1e293b}.bookings-filter-btn--active{color:#fff;background:#3b82f6}.bookings-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.bookings-loading,.bookings-empty{text-align:center;color:#94a3b8;padding:60px 20px;font-size:.95rem}.bookings-table{border-collapse:collapse;width:100%}.bookings-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.78rem;font-weight:700}.bookings-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.88rem}.bookings-table tr:last-child td{border-bottom:none}.bookings-table tr:hover td{background:#f8fafc}.bookings-client{align-items:center;gap:10px;display:flex}.bookings-client-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.bookings-client-name{color:#1e293b;font-weight:600}.bookings-client-phone{color:#94a3b8;align-items:center;gap:4px;margin-top:2px;font-size:.78rem;display:flex}.bookings-datetime{flex-direction:column;gap:4px;font-size:.82rem;display:flex}.bookings-datetime span{color:#64748b;align-items:center;gap:5px;display:flex}.bookings-status{border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.bookings-actions{gap:6px;display:flex}.bookings-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.bookings-action-btn:hover{color:#3b82f6;background:#f1f5f9;border-color:#3b82f6}.bookings-action-btn--danger:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.bookings-pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.bookings-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.bookings-page-btn:hover:not(:disabled){color:#fff;background:#3b82f6;border-color:#3b82f6}.bookings-page-btn:disabled{opacity:.4;cursor:not-allowed}.bookings-page-info{color:#94a3b8;font-size:.85rem}.bookings-detail{flex-direction:column;gap:14px;display:flex}.bookings-detail-row{gap:12px;display:flex}.bookings-detail-label{color:#94a3b8;flex-shrink:0;width:100px;font-size:.82rem;font-weight:600}.bookings-detail-value{color:#1e293b;font-size:.88rem}.bookings-detail-status{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:16px}.bookings-detail-status .bookings-detail-label{margin-bottom:10px;display:block}.bookings-status-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=768px){.bookings-toolbar{flex-direction:column;align-items:stretch}.bookings-search{max-width:100%}.bookings-table th:nth-child(2),.bookings-table td:nth-child(2),.bookings-table th:nth-child(3),.bookings-table td:nth-child(3){display:none}}.msgs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 0;display:flex}.msgs-search{background:#f3f4f6;border-radius:10px;flex:1;align-items:center;gap:8px;max-width:400px;padding:8px 14px;transition:background .2s,box-shadow .2s;display:flex}.msgs-search:focus-within{background:#fff;box-shadow:0 0 0 2px #667eea40}.msgs-search input{background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.msgs-search svg{color:#9ca3af;flex-shrink:0}.msgs-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.msgs-table-wrap{padding:16px 24px 8px;overflow-x:auto}.msgs-table{border-collapse:collapse;width:100%;font-size:14px}.msgs-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;border-bottom:2px solid #e5e7eb;padding:10px 12px;font-size:12px;font-weight:600}.msgs-th-action{width:70px;text-align:center!important}.msgs-row{cursor:pointer;transition:background .15s}.msgs-row:hover{background:#f9fafb}.msgs-row td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 12px}.msgs-row:last-child td{border-bottom:none}.msgs-cell-name{align-items:center;gap:10px;display:flex}.msgs-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.msgs-name{color:#1f2937;font-size:14px;font-weight:600}.msgs-cell-subject{flex-direction:column;gap:2px;max-width:300px;display:flex}.msgs-subject-text{color:#667eea;font-size:13px;font-weight:600}.msgs-preview{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.msgs-cell-phone{color:#374151;font-family:SF Mono,Fira Code,monospace;font-size:13px}.msgs-cell-date{color:#6b7280;white-space:nowrap;font-size:13px}.msgs-view-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.msgs-view-btn:hover{color:#fff;background:#667eea;transform:scale(1.05)}.msgs-view-btn:active{transform:scale(.95)}.msgs-pagination{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:8px 24px 20px;font-size:13px;display:flex}.msgs-page-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.msgs-page-btn:hover:not(:disabled){color:#667eea;background:#f5f3ff;border-color:#667eea}.msgs-page-btn:disabled{opacity:.4;cursor:not-allowed}.msgs-detail{flex-direction:column;gap:16px;display:flex}.msgs-detail-header{align-items:center;gap:14px;display:flex}.msgs-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.msgs-detail-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:700}.msgs-detail-date{color:#9ca3af;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.msgs-detail-contacts{flex-wrap:wrap;gap:8px;display:flex}.msgs-detail-tag{color:#374151;background:#f3f4f6;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.msgs-detail-subject{color:#667eea;padding:0;font-size:15px;font-weight:700}.msgs-detail-divider{background:#e5e7eb;height:1px;margin:0}.msgs-detail-message{color:#374151;white-space:pre-wrap;background:#f9fafb;border-radius:10px;max-height:400px;padding:16px;font-size:14px;line-height:1.7;overflow-y:auto}@media (width<=768px){.msgs-table thead{display:none}.msgs-table,.msgs-table tbody,.msgs-table tr,.msgs-table td{display:block}.msgs-row{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;padding:12px}.msgs-row:hover{background:#f9fafb}.msgs-row td{border-bottom:none;padding:4px 0}.msgs-cell-date{margin-top:4px;display:block}.msgs-th-action{display:none}.msgs-table-wrap{padding:12px 16px 4px}}.docs-page{max-width:1400px}.docs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.docs-header h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.docs-header p{color:#6b7280;margin:0;font-size:15px}.docs-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:24px;display:grid}.docs-stat{background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.docs-stat-value{color:#1f2937;font-size:24px;font-weight:700}.docs-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.docs-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.docs-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:400px;padding:0 14px;transition:border-color .2s;display:flex}.docs-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.docs-search-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.docs-search-btn:hover{color:#667eea}.docs-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.docs-search input::placeholder{color:#9ca3af}.docs-filters{align-items:center;gap:10px;display:flex}.docs-filters .select-wrapper{min-width:170px}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:24px;display:grid}.doc-card{background:#fff;border-radius:14px;transition:transform .15s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.doc-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.doc-card-top{align-items:center;gap:14px;padding:20px 20px 0;display:flex}.doc-avatar{color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:700;display:flex}.doc-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.doc-card-name{color:#1f2937;font-size:15px;font-weight:600}.doc-card-specialty{color:#9ca3af;font-size:13px}.doc-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.doc-card-body{flex-direction:column;gap:8px;padding:16px 20px 0;display:flex}.doc-card-detail{justify-content:space-between;align-items:center;display:flex}.doc-card-label{color:#9ca3af;font-size:13px}.doc-card-value{color:#374151;font-size:14px;font-weight:500}.doc-card-contacts{border-top:1px solid #f3f4f6;flex-direction:column;gap:4px;margin-top:4px;padding-top:4px;display:flex}.doc-card-contact{color:#9ca3af;align-items:center;gap:6px;font-size:12px;display:flex}.doc-card-contact svg{flex-shrink:0}.doc-card-actions{justify-content:space-between;align-items:center;padding:14px 20px 20px;display:flex}.doc-status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.doc-status-badge--available{color:#10b981;background:#10b9811a}.doc-status-badge--busy{color:#f59e0b;background:#f59e0b1a}.doc-status-badge--on-leave{color:#6b7280;background:#6b72801a}.doc-status-badge--off-duty{color:#ef4444;background:#ef44441a}.doc-card-btns{gap:6px;display:flex}.doc-icon-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.doc-icon-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.docs-empty{text-align:center;color:#9ca3af;background:#fff;border-radius:14px;grid-column:1/-1;padding:40px;font-size:14px}.docs-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.docs-count{color:#9ca3af;font-size:13px}.docs-pagination{gap:4px;display:flex}.docs-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:14px;font-weight:500;transition:all .12s;display:flex}.docs-page-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.docs-page-btn--active{color:#fff;background:#667eea;border-color:#667eea}.docs-page-btn--active:hover{color:#fff!important}.docs-page-btn:disabled{opacity:.4;cursor:not-allowed}.doc-detail{flex-direction:column;gap:24px;display:flex}.doc-detail-header{align-items:center;gap:16px;display:flex}.doc-detail-header h3{color:#1f2937;margin:0 0 6px;font-size:18px}.doc-detail-avatar{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:16px;font-weight:700;display:flex}.doc-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.doc-detail-field{flex-direction:column;gap:4px;display:flex}.doc-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.doc-detail-value{color:#1f2937;font-size:15px;font-weight:500}.add-doc-form{flex-direction:column;gap:16px;display:flex}.add-doc-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.add-doc-grid>:last-child:nth-child(odd){grid-column:1/-1}.doc-edit-form{flex-direction:column;gap:16px;display:flex}.doc-edit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.doc-edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.doc-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.doc-cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.doc-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.doc-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.doc-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.doc-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=500px){.add-doc-grid{grid-template-columns:1fr}}@media (width<=768px){.docs-stats{grid-template-columns:repeat(2,1fr)}.docs-controls{flex-direction:column;align-items:stretch}.docs-search{max-width:none}.docs-filters{flex-direction:column}.docs-filters .select-wrapper{min-width:unset}.docs-grid{grid-template-columns:1fr}}.bill-page{max-width:1400px}.bill-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.bill-header h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.bill-header p{color:#6b7280;margin:0;font-size:15px}.bill-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.bill-stat{background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.bill-stat-value{color:#1f2937;font-size:22px;font-weight:700}.bill-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.bill-receivables{background:#fff;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;padding:20px 24px;display:grid;box-shadow:0 1px 3px #0000000a}.bill-rec{align-items:center;gap:12px;display:flex}.bill-rec-label{color:#6b7280;min-width:56px;font-size:13px;font-weight:500}.bill-rec-bar{background:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.bill-rec-fill{border-radius:4px;height:100%;transition:width .4s}.bill-rec-fill--paid{background:#10b981}.bill-rec-fill--pending{background:#f59e0b}.bill-rec-fill--overdue{background:#ef4444}.bill-rec-pct{color:#374151;text-align:right;min-width:36px;font-size:13px;font-weight:600}.bill-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.bill-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:420px;padding:0 14px;transition:border-color .2s;display:flex}.bill-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.bill-search svg{color:#9ca3af;flex-shrink:0}.bill-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.bill-search input::placeholder{color:#9ca3af}.bill-filters{align-items:center;gap:10px;display:flex}.bill-filters .select-wrapper{min-width:160px}.bill-table-wrapper{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.bill-table{border-collapse:collapse;width:100%;font-size:14px}.bill-table thead{background:#f9fafb}.bill-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.bill-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:14px 16px}.bill-table tbody tr{transition:background .12s}.bill-table tbody tr:hover{background:#f9fafb}.bill-table tbody tr:last-child td{border-bottom:none}.bill-id{color:#9ca3af;font-size:13px;font-weight:500}.bill-name{color:#1f2937;font-weight:600}.bill-amount{color:#1f2937;font-weight:700}.bill-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.bill-badge--paid{color:#10b981;background:#10b9811a}.bill-badge--pending{color:#f59e0b;background:#f59e0b1a}.bill-badge--overdue{color:#ef4444;background:#ef44441a}.bill-badge--cancelled{color:#6b7280;background:#6b72801a}.bill-actions{gap:6px;display:flex}.bill-action-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.bill-action-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.bill-action-btn--success{color:#10b981;border-color:#10b981}.bill-action-btn--success:hover{color:#059669;background:#10b98114;border-color:#059669}.bill-empty{text-align:center;color:#9ca3af;font-size:14px;padding:40px 16px!important}.bill-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.bill-count{color:#9ca3af;font-size:13px}.bill-pagination{gap:4px;display:flex}.bill-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:14px;font-weight:500;transition:all .12s;display:flex}.bill-page-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.bill-page-btn--active{color:#fff;background:#667eea;border-color:#667eea}.bill-page-btn--active:hover{color:#fff!important}.bill-page-btn:disabled{opacity:.4;cursor:not-allowed}.bill-detail{flex-direction:column;gap:24px;display:flex}.bill-detail-header{align-items:center;gap:16px;display:flex}.bill-detail-header h3{color:#1f2937;margin:0 0 6px;font-size:18px}.bill-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.bill-detail-amount-box{background:#f9fafb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bill-detail-amount-label{color:#6b7280;font-size:13px;font-weight:500}.bill-detail-amount-value{color:#1f2937;font-size:24px;font-weight:700}.bill-download-btn{color:#667eea;cursor:pointer;background:#fff;border:1.5px solid #667eea;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.bill-download-btn:hover{color:#fff;background:#667eea}.bill-pay-btn{color:#fff;cursor:pointer;background:#10b981;border:1.5px solid #10b981;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.bill-pay-btn:hover{background:#059669;border-color:#059669}.bill-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bill-detail-field{flex-direction:column;gap:4px;display:flex}.bill-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.bill-detail-value{color:#1f2937;font-size:15px;font-weight:500}.add-inv-form{flex-direction:column;gap:16px;display:flex}.add-inv-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.add-inv-grid>:last-child:nth-child(odd){grid-column:1/-1}.inv-items-section{margin-top:12px}.inv-items-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.inv-items-header h4{color:#1f2937;margin:0;font-size:15px}.inv-items-empty{color:#9ca3af;text-align:center;background:#f9fafb;border-radius:8px;padding:24px;font-size:13px}.inv-items-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:visible}.sales-date-filter{color:#374151;min-height:42px;font:inherit;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.sales-date-filter:hover{background:#f3f4f6}.sales-date-filter:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.sales-date-filter::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.inv-items-table{border-collapse:collapse;width:100%;font-size:13px}.inv-items-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:11px;font-weight:600}.inv-items-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:6px 10px}.inv-items-table tbody tr:last-child td{border-bottom:none}.inv-item-input{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-family:inherit;font-size:13px;transition:border-color .15s}.inv-item-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.inv-item-input--num{text-align:right;width:70px}.inv-item-total{color:#1f2937;white-space:nowrap;font-weight:600}.inv-item-remove{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.inv-item-remove:hover{background:#fef2f2;border-color:#ef4444}.inv-items-total{text-align:right;color:#1f2937;padding:10px 4px 0;font-size:15px}.inv-items-total strong{font-size:18px}.bill-detail-items{margin-top:16px}.bill-detail-items h4{color:#1f2937;margin:0 0 10px;font-size:15px}.bill-detail-items-table{border-collapse:collapse;border:1px solid #e5e7eb;border-radius:8px;width:100%;font-size:13px;overflow:hidden}.bill-detail-items-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:600}.bill-detail-items-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 12px}.bill-detail-items-table tbody tr:last-child td{border-bottom:none}.bill-detail-inst{white-space:normal;word-break:break-word;color:#6b7280;max-width:200px;font-size:12px}@supports (field-sizing:content){.inv-item-input{field-sizing:content;min-width:60px}}@media (width<=500px){.add-inv-grid{grid-template-columns:1fr}}@media (width<=768px){.bill-stats{grid-template-columns:repeat(2,1fr)}.bill-receivables{grid-template-columns:1fr;gap:12px}.bill-controls{flex-direction:column;align-items:stretch}.bill-search{max-width:none}.bill-filters{flex-direction:column}.bill-filters .select-wrapper{min-width:unset}}.pharm-page{max-width:1400px}.pharm-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.pharm-header h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.pharm-header p{color:#6b7280;margin:0;font-size:15px}.pharm-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:20px;display:grid}.pharm-stat{background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.pharm-stat-value{color:#1f2937;font-size:22px;font-weight:700}.pharm-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.pharm-alerts{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.pharm-statistics{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;padding:18px}.pharm-statistics-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.pharm-statistics-head h3{color:#1f2937;margin:0;font-size:16px}.pharm-statistics-head p{color:#6b7280;margin:3px 0 0;font-size:13px}.pharm-alert{border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.pharm-alert--warning{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b26}.pharm-alert--danger{color:#b91c1c;background:#ef444414;border:1px solid #ef444426}.pharm-alert svg{flex-shrink:0}.pharm-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.pharm-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:420px;padding:0 14px;transition:border-color .2s;display:flex}.pharm-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pharm-search svg{color:#9ca3af;flex-shrink:0}.pharm-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.pharm-search input::placeholder{color:#9ca3af}.pharm-filters{align-items:center;gap:10px;display:flex}.pharm-filters .select-wrapper{min-width:170px}.pharm-table-wrapper{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.pharm-table{border-collapse:collapse;width:100%;font-size:14px}.pharm-table thead{background:#f9fafb}.pharm-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.pharm-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:14px 16px}.pharm-table tbody tr{transition:background .12s}.pharm-table tbody tr:hover{background:#f9fafb}.pharm-table tbody tr:last-child td{border-bottom:none}.pharm-id{color:#9ca3af;font-size:13px;font-weight:500}.pharm-name{color:#1f2937;font-weight:600}.pharm-stock-cell{align-items:center;gap:8px;display:flex}.pharm-stock-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pharm-stock-indicator--in{background:#10b981}.pharm-stock-indicator--low{background:#f59e0b}.pharm-stock-indicator--out{background:#ef4444}.pharm-value{font-weight:600}.pharm-expired{color:#ef4444;font-weight:600}.pharm-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pharm-badge--in-stock{color:#10b981;background:#10b9811a}.pharm-badge--low-stock{color:#f59e0b;background:#f59e0b1a}.pharm-badge--out-of-stock{color:#ef4444;background:#ef44441a}.pharm-badge--expired{color:#6b7280;background:#6b72801a}.pharm-actions{gap:6px;display:flex}.pharm-action-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.pharm-action-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.pharm-empty{text-align:center;color:#9ca3af;font-size:14px;padding:40px 16px!important}.pharm-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.pharm-count{color:#9ca3af;font-size:13px}.pharm-pagination{gap:4px;display:flex}.pharm-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:14px;font-weight:500;transition:all .12s;display:flex}.pharm-page-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.pharm-page-btn--active{color:#fff;background:#667eea;border-color:#667eea}.pharm-page-btn--active:hover{color:#fff!important}.pharm-page-btn:disabled{opacity:.4;cursor:not-allowed}.pharm-detail{flex-direction:column;gap:24px;display:flex}.pharm-detail-header{align-items:center;gap:16px;display:flex}.pharm-detail-header h3{color:#1f2937;margin:0 0 6px;font-size:18px}.pharm-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:16px;font-weight:700;display:flex}.pharm-detail-stock-box{background:#f9fafb;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.pharm-detail-stock-item{text-align:center;flex-direction:column;gap:4px;display:flex}.pharm-detail-stock-label{color:#9ca3af;font-size:12px;font-weight:500}.pharm-detail-stock-value{color:#1f2937;font-size:18px;font-weight:700}.pharm-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pharm-detail-field{flex-direction:column;gap:4px;display:flex}.pharm-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.pharm-detail-value{color:#1f2937;font-size:15px;font-weight:500}.add-med-form{flex-direction:column;gap:16px;display:flex}.add-med-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.add-med-grid>:last-child:nth-child(odd){grid-column:1/-1}@media (width<=500px){.add-med-grid{grid-template-columns:1fr}}.pharm-pending-rx{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;overflow:hidden}.pharm-pending-rx-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pharm-pending-rx-header h3{color:#1f2937;margin:0;font-size:15px;font-weight:600}.pharm-pending-rx-count{color:#667eea;background:#667eea14;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.pharm-pending-rx-list{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.pharm-pending-rx-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.pharm-pending-rx-info{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pharm-tabs{background:#f8fafc;border-radius:16px;gap:12px;width:fit-content;margin-bottom:25px;padding:8px;display:flex;box-shadow:0 4px 12px #0000000d}.pharm-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.pharm-tab:hover{color:#0f172a;background:#e2e8f0;transform:translateY(-2px)}.pharm-tab-icon{align-items:center;font-size:18px;display:flex}.pharm-tab--active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);box-shadow:0 8px 20px #2563eb4d}.pharm-tab--active .pharm-tab-icon{color:#fff}.pharm-tab:focus{outline:none}.pharm-pending-rx-field{flex-direction:column;gap:2px;display:flex}.pharm-pending-rx-field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.pharm-pending-rx-field-value{color:#1f2937;font-size:14px;font-weight:600}.pharm-pending-rx-action{flex-shrink:0}.pharm-pending-rx-empty{text-align:center;color:#9ca3af;padding:24px 16px;font-size:14px}@media (width<=768px){.pharm-stats{grid-template-columns:repeat(2,1fr)}.pharm-controls{flex-direction:column;align-items:stretch}.pharm-search{max-width:none}.pharm-filters{flex-direction:column}.pharm-filters .select-wrapper{min-width:unset}}.rx-page{padding:28px 32px}.rx-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.rx-header h1{color:#111827;margin:0 0 4px;font-size:24px;font-weight:700}.rx-header p{color:#6b7280;margin:0;font-size:14px}.rx-stats{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.rx-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;flex:1;gap:4px;min-width:120px;padding:18px 20px;display:flex}.rx-stat-value{color:#111827;font-size:26px;font-weight:700}.rx-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.rx-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rx-search{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:220px;padding:10px 14px;display:flex}.rx-search input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.rx-search input::placeholder{color:#9ca3af}.rx-search svg{color:#9ca3af;flex-shrink:0}.rx-filter{min-width:160px}.rx-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow-x:auto}.rx-table{border-collapse:collapse;width:100%;font-size:14px}.rx-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.rx-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:14px 16px}.rx-table tbody tr:hover{background:#f9fafb}.rx-table tbody tr:last-child td{border-bottom:none}.rx-id{color:#667eea;font-size:13px;font-weight:600}.rx-patient{align-items:center;gap:10px;display:flex}.rx-patient-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.rx-patient-name{color:#111827;font-weight:600}.rx-diagnosis{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.rx-cards{display:none}.rx-badge{white-space:nowrap;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.rx-badge--pending{color:#92400e;background:#fef3c7}.rx-badge--approved{color:#1e40af;background:#dbeafe}.rx-badge--dispensed{color:#065f46;background:#d1fae5}.rx-badge--cancelled{color:#991b1b;background:#fee2e2}.rx-badge--muted{color:#4b5563;background:#e5e7eb}.rx-actions{gap:6px;display:flex}.rx-action-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.rx-action-btn:hover{color:#667eea;background:#f3f4f6;border-color:#667eea}.rx-empty{text-align:center;color:#9ca3af;padding:40px 16px;font-size:14px}.rx-footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.rx-footer-info{color:#9ca3af;font-size:13px}.rx-pagination{gap:4px;display:flex}.rx-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;transition:all .15s;display:flex}.rx-page-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.rx-page-btn:disabled{opacity:.4;cursor:default}.rx-page-btn--active{color:#fff;background:#667eea;border-color:#667eea}.rx-view{flex-direction:column;gap:20px;display:flex}.rx-view-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rx-view-header h3{color:#111827;margin:0;font-size:18px}.rx-view-header p{color:#6b7280;margin:2px 0 0;font-size:13px}.rx-view-section label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.rx-view-section p{color:#374151;margin:0;font-size:14px;line-height:1.5}.rx-med-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px}.rx-med-table th{text-align:left;color:#6b7280;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:11px;font-weight:600}.rx-med-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:8px 10px}.rx-view-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rx-view-summary label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.rx-view-total{color:#111827;margin:0;font-size:20px;font-weight:700}.rx-view-dispensed{text-align:right}.rx-view-dispensed p{color:#374151;margin:0;font-size:14px}.rx-view-actions{border-top:1px solid #e5e7eb;gap:8px;padding-top:8px;display:flex}.dl-btn{color:#10b981;cursor:pointer;background:#fff;border:1.5px solid #10b981;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.dl-btn:hover{color:#fff;background:#10b981}.rx-form{flex-direction:column;gap:16px;min-width:480px;display:flex}.rx-form-section-label{color:#374151;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding-bottom:4px;font-size:13px;font-weight:600;display:flex}.rx-med-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.rx-med-row-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rx-med-num{color:#374151;font-size:13px;font-weight:600}.rx-med-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:12px;font-weight:600}.rx-med-remove:hover{background:#fee2e2}.rx-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rx-add-med-btn{color:#667eea;cursor:pointer;background:0 0;border:1px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.rx-add-med-btn:hover{background:#667eea0a;border-color:#667eea}.rx-med-empty-hint{text-align:center;color:#9ca3af;padding:16px 0;font-size:13px}.rx-instr-wrap{position:relative}.rx-instr-dropdown{z-index:20;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;max-height:180px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.rx-instr-option{cursor:pointer;color:#374151;padding:8px 12px;font-size:13px}.rx-instr-option:hover{color:#111827;background:#f3f4f6}.rx-form-footer{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}@media (width<=1024px){.rx-stat{min-width:100px}.rx-diagnosis{max-width:140px}}@media (width<=768px){.rx-page{padding:20px 16px}.rx-header h1{font-size:20px}.rx-header p{font-size:13px}.rx-stats{gap:10px}.rx-stat{min-width:calc(50% - 10px);padding:14px 16px}.rx-stat-value{font-size:22px}.rx-toolbar{flex-direction:column;align-items:stretch}.rx-search,.rx-filter{min-width:0}.rx-table-wrapper{display:none}.rx-cards{flex-direction:column;gap:12px;display:flex}.rx-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;transition:all .15s}.rx-card:hover{border-color:#667eea;box-shadow:0 2px 12px #667eea1a}.rx-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.rx-card-patient{align-items:center;gap:10px;display:flex}.rx-card-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.rx-card-name{color:#111827;font-size:15px;font-weight:600}.rx-card-sub{color:#667eea;margin-top:1px;font-size:12px;font-weight:500}.rx-card-body{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.rx-card-field-label{color:#9ca3af;font-size:11px;font-weight:500;display:block}.rx-card-field-value{color:#374151;font-size:13px;font-weight:500}.rx-card-actions{border-top:1px solid #f3f4f6;gap:8px;padding-top:12px;display:flex}.rx-card-action{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.rx-card-action:hover{background:#f3f4f6}.rx-footer{flex-direction:column;align-items:center;gap:12px}.rx-form{min-width:0}.rx-form-grid{grid-template-columns:1fr}.rx-view-summary{flex-direction:column;align-items:flex-start}.rx-view-dispensed{text-align:left}.rx-med-table-wrapper{overflow-x:auto}}@media (width<=480px){.rx-stat{min-width:100%}.rx-card-body{grid-template-columns:1fr}}.rx-med-search-wrapper{margin-bottom:8px;position:relative}.rx-med-search{background:#fff;border:2px solid #667eea;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.rx-med-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.rx-med-search svg{color:#667eea;flex-shrink:0}.rx-med-search input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.rx-med-search input::placeholder{color:#9ca3af}.rx-med-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.rx-med-search-clear:hover{color:#ef4444;background:#f3f4f6}.rx-med-search-results{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.rx-med-search-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:10px 14px;transition:background .1s}.rx-med-search-item:last-child{border-bottom:none}.rx-med-search-item:hover{background:#f0f4ff}.rx-med-search-item-main{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.rx-med-search-name{color:#111827;font-size:14px;font-weight:600}.rx-med-search-code{color:#667eea;font-size:12px;font-weight:500}.rx-med-search-item-meta{color:#6b7280;gap:12px;font-size:12px;display:flex}.rx-med-search-empty{text-align:center;color:#9ca3af;padding:16px;font-size:14px}.cat-page{padding:24px}.cat-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cat-title{align-items:center;gap:12px;display:flex}.cat-title h2{color:#1e293b;margin:0;font-size:1.35rem}.cat-title p{color:#94a3b8;margin:2px 0 0;font-size:.85rem}.cat-search{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;max-width:360px;margin-bottom:20px;padding:10px 14px;display:flex}.cat-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.cat-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.cat-table{border-collapse:collapse;width:100%}.cat-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.8rem;font-weight:600}.cat-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem}.cat-table tr:last-child td{border-bottom:none}.cat-name-cell{font-weight:600;color:#1e293b!important}.cat-status{border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.cat-actions{gap:6px;display:flex}.cat-actions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.cat-actions button:hover{color:#334155;background:#f1f5f9}.cat-actions .cat-btn-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.cat-empty{text-align:center;color:#94a3b8;padding:40px 16px!important}.cat-view{flex-direction:column;gap:0;min-width:380px;display:flex}.cat-view-hero{border-radius:12px;align-items:center;gap:14px;margin:-16px -20px 0;padding:20px 24px;display:flex}.cat-view-icon{color:#000;background:#0004ff33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cat-view-hero-text{flex-direction:column;gap:6px;display:flex}.cat-view-hero-text h3{color:#3022fa;margin:0;font-size:1.2rem;font-weight:700}.cat-view-hero-text .cat-status{align-self:flex-start}.cat-view-desc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;padding:14px 16px}.cat-view-desc p{color:#475569;margin:0;font-size:.9rem;line-height:1.6}.cat-view-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.cat-view-meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.cat-view-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:.72rem;font-weight:600}.cat-view-value{color:#1e293b;font-size:.95rem;font-weight:600}.cat-view-footer{justify-content:flex-end;margin-top:20px;display:flex}.svc-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.svc-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000012}.svc-card--inactive{opacity:.65}.svc-card-pin{z-index:10;position:absolute;top:12px;right:12px}.svc-pin-trigger{color:#94a3b8;cursor:pointer;opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.svc-card:hover .svc-pin-trigger{opacity:1}.svc-pin-trigger:hover{color:#334155;background:#f1f5f9}.svc-pin-overlay{z-index:98;position:fixed;inset:0}.svc-pin-menu{z-index:99;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:130px;position:absolute;top:38px;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.svc-pin-menu button{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.82rem;font-weight:500;transition:all .1s;display:flex}.svc-pin-menu button:hover{color:#1e293b;background:#f1f5f9}.svc-pin-menu .svc-pin-del:hover{color:#dc2626;background:#fef2f2}.svc-card-top{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.svc-card-cat{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-block}.svc-card-status{border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:600}.svc-status-active{color:#16a34a;background:#dcfce7}.svc-status-inactive{color:#dc2626;background:#fef2f2}.svc-card-name{color:#1e293b;margin:14px 20px 6px;font-size:1.15rem;font-weight:700}.svc-card-desc{color:#64748b;margin:0 20px 14px;font-size:.85rem;line-height:1.4}.svc-card-price-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin:0 20px 16px;padding-bottom:14px;display:flex}.svc-card-price{color:#475569;align-items:center;gap:6px;display:flex}.svc-price-final{color:#1e293b;font-size:1.25rem;font-weight:800}.svc-price-orig{color:#94a3b8;font-size:.85rem;text-decoration:line-through}.svc-discount-badge{color:#d97706;background:#fef3c7;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.svc-card-items{margin:0 20px 16px}.svc-items-header{color:#64748b;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.svc-card-items ul{margin:0;padding:0;list-style:none}.svc-card-items li{color:#475569;align-items:center;gap:8px;padding:4px 0;font-size:.85rem;display:flex}.svc-check-icon{color:#10b981;flex-shrink:0}.svc-page{padding:24px}.svc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.svc-title{align-items:center;gap:12px;display:flex}.svc-title h2{color:#1e293b;margin:0;font-size:1.35rem}.svc-title p{color:#94a3b8;margin:2px 0 0;font-size:.85rem}.svc-search{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;max-width:380px;margin-bottom:24px;padding:10px 14px;display:flex}.svc-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.svc-empty-state{color:#94a3b8;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.svc-empty-state p{margin-top:12px;font-size:.95rem}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.svc-view-detail{flex-direction:column;gap:14px;min-width:380px;display:flex}.svc-view-meta{align-items:center;gap:10px;display:flex}.svc-view-desc{color:#475569;margin:0;font-size:.9rem;line-height:1.5}.svc-view-price{color:#475569;background:#f8fafc;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;display:flex}.svc-view-items{flex-direction:column;gap:8px;display:flex}.svc-view-items strong{color:#334155;font-size:.85rem}.svc-view-items ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.svc-view-items li{color:#475569;align-items:center;gap:8px;font-size:.88rem;display:flex}.artcat-page{padding:24px}.artcat-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.artcat-title{align-items:center;gap:12px;display:flex}.artcat-title h2{color:#1e293b;margin:0;font-size:1.35rem}.artcat-title p{color:#94a3b8;margin:2px 0 0;font-size:.85rem}.artcat-search{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;max-width:360px;margin-bottom:20px;padding:10px 14px;display:flex}.artcat-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.artcat-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.artcat-table{border-collapse:collapse;width:100%}.artcat-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.8rem;font-weight:600}.artcat-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem}.artcat-table tr:last-child td{border-bottom:none}.artcat-name-cell{font-weight:600;color:#1e293b!important}.artcat-status{border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.artcat-actions{gap:6px;display:flex}.artcat-actions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.artcat-actions button:hover{color:#334155;background:#f1f5f9}.artcat-actions .artcat-btn-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.artcat-empty{text-align:center;color:#94a3b8;padding:40px 16px!important}.artcat-view{flex-direction:column;gap:0;min-width:380px;display:flex}.artcat-view-hero{border-radius:12px;align-items:center;gap:14px;margin:-16px -20px 0;padding:20px 24px;display:flex}.artcat-view-icon{color:#667eea;background:#667eea26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.artcat-view-hero-text{flex-direction:column;gap:6px;display:flex}.artcat-view-hero-text h3{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700}.artcat-view-desc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;padding:14px 16px}.artcat-view-desc p{color:#475569;margin:0;font-size:.9rem;line-height:1.6}.artcat-view-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.artcat-view-meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.artcat-view-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:.72rem;font-weight:600}.artcat-view-value{color:#1e293b;font-size:.95rem;font-weight:600}.artcat-view-footer{justify-content:flex-end;margin-top:20px;display:flex}.ql-container{box-sizing:border-box;height:100%;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:13px;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;position:absolute;top:50%;left:-100000px;overflow-y:hidden}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;outline:none;height:100%;padding:12px 15px;line-height:1.42;overflow-y:auto}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{padding-left:1.5em;list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0, decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6, decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7, lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8, lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9, decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{text-align:left;margin-left:.3em;margin-right:-1.5em}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{max-width:100%;display:block}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{text-align:inherit;direction:rtl}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);pointer-events:none;font-style:italic;position:absolute;left:15px;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{cursor:pointer;float:left;background:0 0;border:none;width:28px;height:24px;padding:3px 5px;display:inline-block}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{vertical-align:middle;display:inline-block}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2px}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1px}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-top:5px;margin-bottom:5px;padding:5px 10px}.ql-snow .ql-editor code{padding:2px 4px;font-size:85%}.ql-snow .ql-editor .ql-code-block-container{color:#f8f8f2;background-color:#23241f;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;float:left;vertical-align:middle;height:24px;font-size:14px;font-weight:500;display:inline-block;position:relative}.ql-snow .ql-picker-label{cursor:pointer;width:100%;height:100%;padding-left:8px;padding-right:2px;display:inline-block;position:relative}.ql-snow .ql-picker-label:before{line-height:22px;display:inline-block}.ql-snow .ql-picker-options{white-space:nowrap;background-color:#fff;min-width:100%;padding:4px 8px;display:none;position:absolute}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;padding-top:5px;padding-bottom:5px;display:block}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:1;margin-top:-1px;display:block;top:100%}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{width:24px;height:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{width:152px;padding:3px 5px}.ql-snow .ql-color-picker .ql-picker-item{float:left;border:1px solid #0000;width:16px;height:16px;margin:2px;padding:0}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{width:18px;margin-top:-9px;position:absolute;top:50%;right:0}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{top:5px;right:5px}.ql-toolbar.ql-snow{box-sizing:border-box;border:1px solid #ccc;padding:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{color:#444;white-space:nowrap;background-color:#fff;border:1px solid #ccc;padding:5px 12px;box-shadow:0 0 5px #ddd}.ql-snow .ql-tooltip:before{content:"Visit URL:";margin-right:8px;line-height:26px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;width:170px;height:26px;margin:0;padding:3px 5px;font-size:13px;display:none}.ql-snow .ql-tooltip a.ql-preview{text-overflow:ellipsis;vertical-align:top;max-width:200px;display:inline-block;overflow-x:hidden}.ql-snow .ql-tooltip a.ql-action:after{content:"Edit";border-right:1px solid #ccc;margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{content:"Save";border-right:0;padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.art-page{padding:24px}.art-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.art-title{align-items:center;gap:12px;display:flex}.art-title h2{color:#1e293b;margin:0;font-size:1.35rem}.art-title p{color:#94a3b8;margin:2px 0 0;font-size:.85rem}.art-search{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;max-width:360px;margin-bottom:20px;padding:10px 14px;display:flex}.art-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.art-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.art-table{border-collapse:collapse;width:100%}.art-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.8rem;font-weight:600}.art-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem}.art-table tr:last-child td{border-bottom:none}.art-title-cell{font-weight:600;color:#1e293b!important}.art-category-badge{color:#6366f1;background:#eef2ff;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.art-status{border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.art-actions{gap:6px;display:flex}.art-actions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.art-actions button:hover{color:#334155;background:#f1f5f9}.art-actions .art-btn-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.art-empty{text-align:center;color:#94a3b8;padding:40px 16px!important}.art-view{flex-direction:column;gap:0;min-width:420px;display:flex}.art-view-hero{border-radius:12px;align-items:center;gap:14px;margin:-16px -20px 0;padding:20px 24px;display:flex}.art-view-icon{color:#667eea;background:#667eea26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.art-view-hero-text{flex-direction:column;gap:6px;display:flex}.art-view-hero-text h3{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700}.art-view-image{border-radius:10px;max-height:240px;margin-top:16px;overflow:hidden}.art-view-image img{object-fit:cover;border-radius:10px;width:100%;height:100%}.art-view-desc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;padding:14px 16px}.art-view-desc strong{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.art-view-desc p{color:#475569;margin:0;font-size:.9rem;line-height:1.6}.art-form-group{flex-direction:column;gap:6px;display:flex}.art-form-label{color:#374151;font-size:.82rem;font-weight:600}.art-form-group .ql-container{min-height:250px;font-size:.95rem}.art-form-group .ql-editor{min-height:250px}.art-view-content{margin-top:16px}.art-view-content>strong{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.art-view-content-body{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-height:400px;padding:20px 24px;font-size:.95rem;line-height:1.8;overflow-y:auto}.art-view-content-body h1,.art-view-content-body h2,.art-view-content-body h3{color:#1e293b;margin-top:1.2em;margin-bottom:.5em}.art-view-content-body p{margin:0 0 .8em}.art-view-content-body img{border-radius:8px;max-width:100%;margin:12px 0}.art-view-content-body blockquote{color:#475569;background:#f1f4ff;border-left:4px solid #667eea;border-radius:0 8px 8px 0;margin:12px 0;padding:8px 16px}.art-view-content-body pre{color:#e2e8f0;background:#1e293b;border-radius:8px;padding:16px;font-size:.85rem;overflow-x:auto}.art-view-content-body ul,.art-view-content-body ol{padding-left:24px}.art-view-content-body .art-video-wrapper{aspect-ratio:16/9;border-radius:12px;width:100%;max-width:800px;margin:16px auto;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.art-view-content-body .art-video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.ql-editor .youtube-embed{background:#f0f9ff;border:2px dashed #0ea5e9;border-radius:8px;height:56px;margin:12px 0;display:block;position:relative}.ql-editor .youtube-embed:after{content:"▶ YouTube Video — " attr(data-video-id);color:#0ea5e9;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:absolute;inset:0}.art-view-meta{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.art-view-meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.art-view-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:.72rem;font-weight:600}.art-view-value{color:#1e293b;font-size:.95rem;font-weight:600}.art-view-footer{justify-content:flex-end;margin-top:20px;display:flex}.rpt-page{max-width:1400px}.rpt-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.rpt-header h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.rpt-header p{color:#6b7280;margin:0;font-size:15px}.rpt-header-actions .select-wrapper{min-width:160px}.rpt-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.rpt-summary-card{background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 1px 3px #0000000a}.rpt-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rpt-summary-body{flex-direction:column;gap:2px;display:flex}.rpt-summary-value{font-size:22px;font-weight:800;line-height:1.1}.rpt-summary-label{color:#6b7280;font-size:13px;font-weight:500}.rpt-quick-report{background:#fff;border-radius:14px;margin-bottom:24px;padding:16px 20px;box-shadow:0 1px 3px #0000000a}.rpt-quick-header{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.rpt-quick-header svg{color:#667eea}.rpt-quick-body{flex-wrap:wrap;gap:8px;display:flex}.rpt-quick-item{background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.rpt-quick-name{color:#374151;font-weight:500}.rpt-quick-count{color:#667eea;background:#667eea1f;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700}.rpt-quick-empty{color:#9ca3af;padding:4px 0;font-size:13px}.rpt-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.rpt-group{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.rpt-group-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.rpt-group-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rpt-group-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.rpt-group-list{flex-direction:column;gap:0;display:flex}.rpt-item{border-bottom:1px solid #f9fafb;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.rpt-item:last-child{border-bottom:none}.rpt-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.rpt-item-name{color:#1f2937;font-size:14px;font-weight:600}.rpt-item-desc{color:#9ca3af;font-size:12px}.rpt-item-actions{flex-shrink:0;gap:4px;display:flex}.rpt-item-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.rpt-item-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.rpt-detail{flex-direction:column;gap:20px;display:flex}.rpt-detail-meta{background:#f9fafb;border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;display:grid}.rpt-detail-meta-item{flex-direction:column;gap:2px;display:flex}.rpt-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.rpt-detail-value{color:#1f2937;font-size:15px;font-weight:600}.rpt-detail-desc{color:#6b7280;font-size:14px;line-height:1.5}.rpt-detail-data{flex-direction:column;gap:10px;display:flex}.rpt-detail-data-title{color:#1f2937;margin-bottom:2px;font-size:14px;font-weight:700}.rpt-detail-bar-row{align-items:center;gap:10px;display:flex}.rpt-detail-bar-label{color:#374151;flex-shrink:0;min-width:100px;font-size:13px}.rpt-detail-bar-track{background:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.rpt-detail-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .4s}.rpt-detail-bar-val{color:#374151;text-align:right;min-width:60px;font-size:13px;font-weight:600}.rpt-detail-total{color:#1f2937;border-top:1px solid #f3f4f6;margin-top:4px;padding-top:8px;font-size:15px;font-weight:700}.rpt-detail-summary-row{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.rpt-detail-summary-value{color:#1f2937;font-size:15px;font-weight:700}.rpt-detail-empty{text-align:center;color:#9ca3af;padding:40px;font-size:14px}.rpt-expiry-table{border-collapse:collapse;width:100%;font-size:13px}.rpt-expiry-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #f3f4f6;padding:8px 10px;font-size:11px;font-weight:600}.rpt-expiry-table td{color:#374151;border-bottom:1px solid #f9fafb;padding:8px 10px}.rpt-table-muted{color:#9ca3af}.rpt-table-danger{color:#ef4444;font-weight:600}@media (width<=768px){.rpt-grid{grid-template-columns:1fr}.rpt-summary{grid-template-columns:repeat(2,1fr)}}.set-page{max-width:1100px}.set-logout-button{background-color:red}.set-header{margin-bottom:28px}.set-header h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.set-header p{color:#6b7280;margin:0;font-size:15px}.set-layout{align-items:flex-start;gap:24px;display:flex}.set-sidebar{background:#fff;border-radius:14px;flex-direction:column;flex-shrink:0;gap:2px;width:220px;padding:8px;display:flex;position:sticky;top:100px;box-shadow:0 1px 3px #0000000a}.set-tab{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .12s;display:flex}.set-tab:hover{color:#374151;background:#f3f4f6}.set-tab--active{color:#667eea;background:#667eea14;font-weight:600}.set-tab-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.set-content{flex:1;min-width:0}.set-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.set-card-header{padding:24px 28px 0}.set-card-header h3{color:#1f2937;margin:0 0 4px;font-size:18px;font-weight:600}.set-card-header p{color:#9ca3af;margin:0 0 20px;font-size:14px}.set-form{flex-direction:column;gap:18px;padding:0 28px 20px;display:flex}.set-field{flex-direction:column;gap:6px;width:100%;display:flex}.set-label{color:#374151;font-size:14px;font-weight:600}.set-input{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.set-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.set-input:disabled{opacity:.5;cursor:not-allowed}select.set-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.set-row{gap:16px;display:flex}.set-row>*{flex:1}.set-avatar-section{align-items:center;gap:20px;padding-bottom:8px;display:flex}.set-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;font-weight:700;display:flex}.set-upload-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.set-upload-btn:hover{color:#667eea;border-color:#667eea}.set-upload-hint{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.set-toggle{cursor:pointer;align-items:center;gap:14px;padding:8px 0;display:flex}.set-toggle input{display:none}.set-toggle-track{background:#d1d5db;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.set-toggle input:checked+.set-toggle-track{background:#667eea}.set-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.set-toggle input:checked+.set-toggle-track .set-toggle-thumb{transform:translate(20px)}.set-toggle-label{color:#1f2937;font-size:14px;font-weight:600;display:block}.set-toggle-desc{color:#9ca3af;margin-top:1px;font-size:12px;display:block}.set-card-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:20px;padding:16px 28px;display:flex}.set-card-footer .btn{width:auto;padding:10px 24px;font-size:14px}.set-data-actions{gap:12px;padding-top:8px;display:flex}.set-data-btn{cursor:pointer;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.set-data-btn--danger{color:#fff;background:#ef4444;border:none}.set-data-btn--danger:hover{background:#dc2626}.set-data-btn--danger-outline{color:#ef4444;background:#fff;border:1.5px solid #ef4444}.set-data-btn--danger-outline:hover{background:#ef44440d}.set-textarea{resize:vertical;min-height:72px;line-height:1.5}.set-hint{color:#9ca3af;margin-top:-2px;font-size:12px}.set-logo-preview{align-items:center;gap:12px;display:flex}.set-logo-preview img{border:1px solid #e5e7eb;border-radius:8px;max-height:48px;padding:4px}.set-invoice-brand{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.set-invoice-brand-logo{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 2px 8px #1e40af1f}.set-invoice-brand-logo img{object-fit:contain;width:42px;height:42px}@media (width<=768px){.set-layout{flex-direction:column}.set-sidebar{flex-flow:wrap;gap:4px;width:100%;padding:6px;position:static}.set-tab{flex:1;justify-content:center;min-width:100px;padding:8px 10px;font-size:13px}.set-tab-icon{display:none}.set-row{flex-direction:column}.set-card-header,.set-form,.set-card-footer{padding-left:20px;padding-right:20px}}.fin-page{padding:0}.fin-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.fin-header h1{color:#111827;margin:0;font-size:24px;font-weight:700}.fin-header p{color:#6b7280;margin:4px 0 0;font-size:14px}.fin-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.fin-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:box-shadow .2s;display:flex}.fin-stat:hover{box-shadow:0 2px 8px #0000000f}.fin-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fin-stat--income .fin-stat-icon{color:#10b981;background:#ecfdf5}.fin-stat--expense .fin-stat-icon{color:#ef4444;background:#fef2f2}.fin-stat--profit .fin-stat-icon{color:#3b82f6;background:#eff6ff}.fin-stat--positive .fin-stat-icon{color:#10b981;background:#ecfdf5}.fin-stat--negative .fin-stat-icon{color:#ef4444;background:#fef2f2}.fin-stat-info{flex-direction:column;display:flex}.fin-stat-label{color:#6b7280;font-size:13px;font-weight:500}.fin-stat-value{color:#111827;font-size:22px;font-weight:700}.fin-stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.fin-monthly{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.fin-monthly h3{color:#111827;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.fin-monthly-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.fin-monthly-card{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:12px}.fin-monthly-month{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.fin-monthly-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.fin-monthly-label{color:#6b7280;font-size:12px}.fin-monthly-income{color:#10b981;font-size:13px;font-weight:600}.fin-monthly-expense{color:#ef4444;font-size:13px;font-weight:600}.fin-monthly-profit{font-size:13px;font-weight:700}.fin-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.fin-search{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:8px;height:42px;padding:0 14px;transition:border-color .2s;display:flex}.fin-search:focus-within{border-color:#667eea}.fin-search svg{color:#9ca3af;flex-shrink:0}.fin-search input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.fin-filter{width:160px}.fin-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.fin-table{border-collapse:collapse;width:100%;font-size:14px}.fin-table thead{background:#f9fafb}.fin-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.fin-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 16px}.fin-table tbody tr:hover{background:#f9fafb}.fin-table tbody tr:last-child td{border-bottom:none}.fin-id{color:#667eea;font-weight:600}.fin-date-cell{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:inline-flex}.fin-type-badge{text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.fin-type-badge--income{color:#065f46;background:#ecfdf5}.fin-type-badge--expense{color:#991b1b;background:#fef2f2}.fin-desc{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.fin-amount{font-size:14px;font-weight:700}.fin-actions{gap:4px;display:flex}.fin-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.fin-action-btn:hover{color:#111827;background:#f3f4f6}.fin-empty{text-align:center;color:#9ca3af;padding:40px 16px;font-size:14px}.fin-form{flex-direction:column;gap:14px;min-width:460px;display:flex}.fin-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fin-view{flex-direction:column;gap:12px;display:flex}.fin-view-header{justify-content:space-between;align-items:center;display:flex}.fin-view-number{color:#111827;font-size:18px;font-weight:700}.fin-view-amount{text-align:center;padding:12px 0;font-size:28px;font-weight:700}.fin-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fin-view-field{flex-direction:column;gap:2px;display:flex}.fin-view-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.fin-view-value{color:#111827;font-size:14px;font-weight:500}.fin-cat-section{flex-direction:column;gap:16px;min-width:460px;display:flex}.fin-cat-form{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.fin-cat-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.fin-cat-item{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.fin-cat-item:hover{background:#f3f4f6}.fin-cat-name{color:#111827;font-size:14px;font-weight:500}.fin-cat-actions{gap:2px;display:flex}@media (width<=768px){.fin-stats{grid-template-columns:1fr}.fin-header{flex-direction:column;gap:12px}.fin-toolbar{flex-direction:column}.fin-filter{width:100%}.fin-form-grid{grid-template-columns:1fr}.fin-form{min-width:auto}}.com-page{padding:0}.com-tabs{background:#f8fafc;border-radius:16px;gap:12px;width:fit-content;margin-bottom:25px;padding:8px;display:flex;box-shadow:0 4px 12px #0000000d}.dialog-btn{cursor:pointer;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.dialog-btn--primary{color:#fff;background-color:#2563eb;border-color:#2563eb}.dialog-btn--primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.dialog-btn--secondary{color:#374151;background-color:#fff;border-color:#d1d5db}.dialog-btn--secondary:hover{background-color:#f3f4f6;border-color:#9ca3af}.com-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.com-tab:hover{color:#0f172a;background:#e2e8f0;transform:translateY(-2px)}.com-tab-icon{align-items:center;font-size:18px;display:flex}.com-tab--active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 20px #667eea4d}.com-tab--active .com-tab-icon{color:#fff}.com-tab:focus{outline:none}.com-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.com-header h1{color:#111827;margin:0;font-size:24px;font-weight:700}.com-header p{color:#6b7280;margin:4px 0 0;font-size:14px}.com-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.com-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:box-shadow .2s;display:flex}.com-stat:hover{box-shadow:0 2px 8px #0000000f}.com-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.com-stat--primary .com-stat-icon{color:#667eea;background:#eff6ff}.com-stat--accent .com-stat-icon{color:#a855f7;background:#fdf4ff}.com-stat--success .com-stat-icon{color:#10b981;background:#ecfdf5}.com-stat--warning .com-stat-icon{color:#f59e0b;background:#fffbeb}.com-stat-info{flex-direction:column;display:flex}.com-stat-label{color:#6b7280;font-size:13px;font-weight:500}.com-stat-value{color:#111827;font-size:22px;font-weight:700}.com-stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.com-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.com-search{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:8px;height:42px;padding:0 14px;transition:border-color .2s;display:flex}.com-search:focus-within{border-color:#667eea}.com-search svg{color:#9ca3af;flex-shrink:0}.com-search input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.com-date-filter{gap:8px;display:flex}.com-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.com-table{border-collapse:collapse;width:100%;font-size:14px}.com-table thead{background:#f9fafb}.com-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.com-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 16px}.com-table tbody tr:hover{background:#f9fafb}.com-table tbody tr:last-child td{border-bottom:none}.com-doctor-name{color:#667eea;font-weight:600}.com-amount{color:#111827;font-size:14px;font-weight:700}.com-date-cell{color:#6b7280;font-size:13px}.com-badge{text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.com-badge--percent{color:#667eea;background:#eff6ff}.com-badge--active{color:#065f46;background:#ecfdf5}.com-badge--inactive{color:#991b1b;background:#fef2f2}.com-badge--pending{color:#92400e;background:#fffbeb}.com-actions{gap:4px;display:flex}.com-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.com-action-btn:hover{color:#111827;background:#f3f4f6}.com-empty{text-align:center;color:#9ca3af;padding:40px 16px;font-size:14px}.com-pay-btn{white-space:nowrap;padding:4px 12px;font-size:12px}.com-form{flex-direction:column;gap:14px;min-width:400px;display:flex}.com-summary-section{margin-top:32px}.com-summary-section h3{color:#111827;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}@media (width<=768px){.com-stats{grid-template-columns:1fr}.com-header{flex-direction:column;gap:12px}.com-toolbar{flex-direction:column}.com-date-filter{width:100%}.com-form{min-width:auto}.com-tabs{width:100%}.com-tab{flex:1;justify-content:center}}.pkg-page{max-width:1400px}.pkg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.pkg-title{align-items:center;gap:12px;display:flex}.pkg-title h1{color:#1f2937;margin:0 0 4px;font-size:26px;font-weight:700}.pkg-title p{color:#6b7280;margin:0;font-size:15px}.pkg-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.pkg-stat{background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.pkg-stat-value{color:#1f2937;font-size:22px;font-weight:700}.pkg-stat-label{color:#9ca3af;font-size:13px;font-weight:500}.pkg-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.pkg-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:420px;padding:0 14px;transition:border-color .2s;display:flex}.pkg-search:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pkg-search svg{color:#9ca3af;flex-shrink:0}.pkg-search input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.pkg-search input::placeholder{color:#9ca3af}.pkg-filters{align-items:center;gap:10px;display:flex}.pkg-filters .select-wrapper{min-width:160px}.pkg-table-wrapper{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.pkg-table{border-collapse:collapse;width:100%;font-size:14px}.pkg-table thead{background:#f9fafb}.pkg-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.pkg-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:14px 16px}.pkg-table tbody tr{transition:background .12s}.pkg-table tbody tr:hover{background:#f9fafb}.pkg-table tbody tr:last-child td{border-bottom:none}.pkg-pkg-name{color:#1f2937;font-weight:600}.pkg-pkg-patient{color:#1f2937;font-weight:500}.pkg-sessions-count{color:#667eea;font-size:13px;font-weight:600}.pkg-amount{color:#1f2937;font-weight:700}.pkg-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pkg-badge--active{color:#10b981;background:#10b9811a}.pkg-badge--completed{color:#667eea;background:#667eea1a}.pkg-badge--cancelled{color:#6b7280;background:#6b72801a}.pkg-badge--pending{color:#f59e0b;background:#f59e0b1a}.pkg-actions{gap:6px;display:flex}.pkg-action-btn{color:#9ca3af;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.pkg-action-btn:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.pkg-action-btn--success{color:#10b981;border-color:#10b981}.pkg-action-btn--success:hover{color:#059669;background:#10b98114;border-color:#059669}.pkg-empty{text-align:center;color:#9ca3af;font-size:14px;padding:40px 16px!important}.pkg-form{flex-direction:column;gap:16px;display:flex}.pkg-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pkg-sessions-section{flex-direction:column;gap:10px;display:flex}.pkg-sessions-section h4{color:#1f2937;margin:0;font-size:15px}.pkg-sessions-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.pkg-sessions-header p{color:#6b7280;margin:3px 0 0;font-size:13px}.pkg-session-add{color:#4f46e5;font:inherit;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-size:13px;font-weight:600;display:inline-flex}.pkg-session-list{gap:10px;display:grid}.pkg-session-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:36px minmax(0,1fr) 34px;align-items:end;gap:12px;padding:12px;display:grid}.pkg-session-number{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:4px;font-size:13px;font-weight:700;display:inline-flex}.pkg-session-remove{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.pkg-session-remove:disabled{opacity:.4;cursor:not-allowed}.pkg-sessions-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.pkg-sessions-table{border-collapse:collapse;width:100%;font-size:13px}.pkg-sessions-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 10px;font-size:11px;font-weight:600}.pkg-sessions-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:6px 10px}.pkg-sessions-table tbody tr:last-child td{border-bottom:none}.pkg-sessions-table .select-wrapper{min-width:unset}.pkg-sess-num{color:#667eea;text-align:center;font-weight:600}.pkg-form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.pkg-detail{flex-direction:column;gap:20px;display:flex}.pkg-detail-header{align-items:center;gap:16px;display:flex}.pkg-detail-header h3{color:#1f2937;margin:0 0 6px;font-size:18px}.pkg-detail-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.pkg-detail-desc{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.pkg-detail-grid{background:#f9fafb;border-radius:12px;grid-template-columns:1fr 1fr;gap:18px;padding:16px 20px;display:grid}.pkg-detail-field{flex-direction:column;gap:4px;display:flex}.pkg-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.pkg-detail-value{color:#1f2937;font-size:15px;font-weight:500}.pkg-progress-section{flex-direction:column;gap:8px;display:flex}.pkg-progress-header{color:#1f2937;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.pkg-progress-text{color:#6b7280;font-size:13px;font-weight:500}.pkg-progress-bar{background:#f3f4f6;border-radius:5px;width:100%;height:10px;overflow:hidden}.pkg-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:5px;height:100%;transition:width .4s}.pkg-detail-items{flex-direction:column;gap:10px;display:flex}.pkg-detail-items h4{color:#1f2937;margin:0;font-size:15px}.pkg-detail-items-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.pkg-detail-items-table{border-collapse:collapse;width:100%;font-size:13px}.pkg-detail-items-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:600}.pkg-detail-items-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 12px}.pkg-detail-items-table tbody tr:last-child td{border-bottom:none}.pkg-detail-inst{white-space:normal;word-break:break-word;color:#6b7280;max-width:160px;font-size:12px}.pkg-detail-actions{justify-content:flex-end;margin-top:4px;display:flex}.pkg-complete-form{flex-direction:column;gap:16px;display:flex}@media (width<=768px){.pkg-stats{grid-template-columns:repeat(2,1fr)}.pkg-controls{flex-direction:column;align-items:stretch}.pkg-search{max-width:none}.pkg-filters{flex-direction:column}.pkg-filters .select-wrapper{min-width:unset}.pkg-form-row{grid-template-columns:1fr}.pkg-session-card{grid-template-columns:32px minmax(0,1fr) 34px;gap:8px}.pkg-detail-grid{grid-template-columns:1fr}}.staff-page{padding:24px}.staff-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.staff-title{align-items:center;gap:12px;display:flex}.staff-title h2{color:#1e293b;margin:0;font-size:1.35rem}.staff-title p{color:#94a3b8;margin:2px 0 0;font-size:.85rem}.staff-search{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;max-width:400px;margin-bottom:20px;padding:10px 14px;display:flex}.staff-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.staff-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.staff-table{border-collapse:collapse;width:100%}.staff-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.8rem;font-weight:600}.staff-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem}.staff-table tbody tr:hover{background:#f8fafc}.staff-name-cell{align-items:center;gap:10px;font-weight:500;display:flex}.staff-avatar-sm{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.staff-role-badge,.staff-status{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.staff-actions{gap:6px;display:flex}.staff-actions button{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.staff-actions button:hover{color:#334155;background:#f1f5f9}.staff-actions .staff-btn-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.staff-actions .staff-btn-warning:hover{color:#d97706;background:#fffbeb;border-color:#fde68a}.staff-actions .staff-btn-success:hover{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.staff-empty{text-align:center;color:#94a3b8;padding:40px 16px!important}.staff-table code{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:.82rem}.staff-form{flex-direction:column;gap:16px;min-width:440px;display:flex}.staff-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.staff-form-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.staff-view{min-width:380px}.staff-view-hero{align-items:center;gap:16px;margin-bottom:20px;display:flex}.staff-view-avatar{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.1rem;font-weight:700;display:flex}.staff-view-hero-text{flex-direction:column;gap:6px;display:flex}.staff-view-hero-text h3{color:#1e293b;margin:0;font-size:1.1rem}.staff-view-details{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.staff-view-row{color:#475569;align-items:center;gap:10px;font-size:.9rem;display:flex}.staff-view-footer{justify-content:flex-end;display:flex}.reception-page{padding:24px}.reception-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.reception-title{align-items:center;gap:12px;display:flex}.reception-title h2{color:#1e293b;margin:0;font-size:1.35rem}.reception-title p{color:#94a3b8;margin:2px 0 0;font-size:.85rem}.reception-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:560px;padding:32px}.reception-profile-hero{align-items:center;gap:20px;margin-bottom:28px;display:flex}.reception-avatar{background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.reception-avatar span{color:#fff;font-size:1.5rem;font-weight:700}.reception-profile-info h3{color:#1e293b;margin:0;font-size:1.3rem}.reception-role-badge{color:#0891b2;background:#cffafe;border-radius:20px;margin-top:6px;padding:4px 14px;font-size:.78rem;font-weight:600;display:inline-block}.reception-profile-details{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.reception-detail-row{align-items:center;gap:14px;display:flex}.reception-detail-row>div{flex-direction:column;display:flex}.reception-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.reception-detail-value{color:#334155;margin-top:2px;font-size:.95rem}.reception-profile-actions{gap:12px;display:flex}.reception-pwd-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.reception-pwd-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.reception-pwd-form{flex-direction:column;gap:14px;min-width:380px;display:flex}.reception-pwd-footer{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.cp-page{max-width:960px;margin:0 auto;padding:28px 32px}.cp-header{margin-bottom:28px}.cp-title{align-items:center;gap:14px;display:flex}.cp-title h2{color:#1e293b;margin:0;font-size:22px;font-weight:700}.cp-title p{color:#94a3b8;margin:2px 0 0;font-size:13px}.cp-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.cp-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.cp-profile-hero{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.cp-avatar{background:#fff3;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.cp-avatar span{color:#fff;letter-spacing:1px;font-size:20px;font-weight:700}.cp-profile-info{text-align:center}.cp-profile-info h3{color:#fff;margin:0;font-size:16px;font-weight:700}.cp-role-badge{color:#fff;letter-spacing:.5px;background:#ffffff40;border-radius:20px;margin-top:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.cp-profile-details{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.cp-detail-row{align-items:center;gap:12px;display:flex}.cp-detail-row>div{flex-direction:column;display:flex}.cp-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.cp-detail-value{color:#1e293b;font-size:13px;font-weight:600}.cp-detail-value--active{color:#10b981}.cp-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 24px}.cp-form-title{color:#1e293b;margin:0 0 4px;font-size:17px;font-weight:700}.cp-form-desc{color:#94a3b8;margin:0 0 20px;font-size:13px}.cp-form-fields{flex-direction:column;gap:16px;display:flex}.cp-form-actions{justify-content:flex-end;margin-top:24px;display:flex}.cp-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.cp-btn:disabled{opacity:.6;cursor:not-allowed}.cp-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.cp-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (width<=768px){.cp-page{padding:20px 16px}.cp-layout{grid-template-columns:1fr}}.att-page{max-width:1200px;margin:0 auto;padding:28px 32px;font-family:Inter,system-ui,-apple-system,sans-serif}.att-page button,.att-page input,.att-page select,.att-page textarea{font-family:inherit}.att-header{margin-bottom:24px}.att-title{align-items:center;gap:14px;display:flex}.att-title h2{color:#1e293b;margin:0;font-size:22px;font-weight:700}.att-title p{color:#94a3b8;margin:2px 0 0;font-size:13px}.att-tabs{background:#f1f5f9;border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.att-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.att-tab:hover{color:#334155}.att-tab--active{color:#667eea;background:#fff;box-shadow:0 1px 3px #00000014}.att-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.att-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.att-card-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.att-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.att-date-input{color:#334155;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.att-date-input:focus{border-color:#667eea}.att-date-sep{color:#94a3b8;font-size:13px}.att-search-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.att-search-wrap svg{color:#94a3b8}.att-search-input{color:#334155;background:0 0;border:none;outline:none;width:140px;font-size:13px}.att-scan-section{justify-content:center;display:flex}.att-qr-admin{width:100%;max-width:480px}.att-qr-card{text-align:center}.att-qr-card h3{color:#1e293b;justify-content:center;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:700;display:flex}.att-qr-card p{color:#94a3b8;margin:0 0 20px;font-size:13px}.att-qr-display{flex-direction:column;align-items:center;gap:16px;display:flex}.att-qr-img{border:2px solid #e2e8f0;border-radius:12px;width:256px;height:256px}.att-qr-meta{align-items:center;gap:16px;display:flex}.att-qr-timer{color:#ef4444;background:#fef2f2;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.att-scan-card{width:100%;max-width:560px}.att-scan-card h3{color:#1e293b;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:700;display:flex}.att-scan-card>p{color:#94a3b8;margin:0 0 20px;font-size:13px}.att-scan-status{margin-bottom:20px}.att-status{border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.att-status--done{color:#10b981;background:#f0fdf4}.att-status--partial{color:#f59e0b;background:#fffbeb}.att-status--pending{color:#ef4444;background:#fef2f2}.att-scanner-area{flex-direction:column;align-items:center;gap:16px;display:flex}.att-file-input{display:none}.att-scan-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.att-qr-reader{border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:400px;min-height:300px;display:flex;overflow:hidden}.att-qr-reader video{border-radius:12px}.att-table-wrap{overflow-x:auto}.att-table{border-collapse:collapse;width:100%;font-size:13px}.att-table th{text-align:left;color:#64748b;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-weight:600}.att-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 12px}.att-table tbody tr:hover{background:#f8fafc}.att-emp-cell{flex-direction:column;gap:2px;display:flex}.att-emp-name{color:#1e293b;font-weight:600}.att-emp-id{color:#94a3b8;font-size:11px}.att-time-cell{font-variant-numeric:tabular-nums;font-weight:500}.att-status-badge{letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.att-num{text-align:center;font-size:14px;font-weight:700}.att-num--green{color:#10b981}.att-num--yellow{color:#f59e0b}.att-num--red{color:#ef4444}.att-num--purple{color:#8b5cf6}.att-rate-bar{background:#f1f5f9;border-radius:12px;min-width:100px;height:22px;position:relative;overflow:hidden}.att-rate-fill{border-radius:12px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.att-rate-text{color:#1e293b;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.att-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.att-btn:disabled{opacity:.5;cursor:not-allowed}.att-btn--primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.att-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.att-btn--outline{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.att-btn--outline:hover:not(:disabled){background:#e2e8f0}.att-btn--danger{color:#fff;background:#ef4444}.att-btn--danger:hover:not(:disabled){background:#dc2626}.att-btn--lg{padding:12px 28px;font-size:14px}.att-loading{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.att-empty{text-align:center;color:#94a3b8;padding:48px 20px}.att-empty svg{margin-bottom:12px}.att-empty p{margin:0;font-size:14px}@media (width<=768px){.att-page{padding:20px 16px}.att-card-header{flex-direction:column;align-items:flex-start}.att-filters{width:100%}.att-search-wrap{flex:1}}.history-page{max-width:1180px}.history-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.history-eyebrow{color:#008dd0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.history-header h2{color:#1e293b;margin:0;font-size:1.65rem}.history-header p{color:#64748b;margin:5px 0 0;font-size:.9rem}.history-refresh{color:#0070a8;font:inherit;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9px;align-items:center;gap:8px;padding:9px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.history-refresh:hover:not(:disabled){background:#e0f2fe}.history-refresh:disabled{cursor:wait;opacity:.7}.history-spin{animation:.8s linear infinite history-spin}@keyframes history-spin{to{transform:rotate(360deg)}}.history-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.history-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.history-date-filters{align-items:end;gap:8px;display:flex}.history-date-filters label{color:#64748b;letter-spacing:.04em;text-transform:uppercase;gap:3px;font-size:.68rem;font-weight:800;display:grid}.history-date-filters input{color:#334155;min-height:36px;font:inherit;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;font-size:.78rem}.history-date-filters input:focus{border-color:#008dd0;outline:0}.history-search{color:#94a3b8;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:9px;width:min(100%,380px);padding:9px 12px;display:flex}.history-search:focus-within{border-color:#008dd0;box-shadow:0 0 0 3px #008dd01a}.history-search input{color:#1e293b;width:100%;font:inherit;border:0;outline:0;font-size:.86rem}.history-count{color:#64748b;white-space:nowrap;font-size:.8rem;font-weight:600}.history-table-wrap{overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:1120px;font-size:.87rem}.history-table th{color:#64748b;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 20px;font-size:.72rem;font-weight:800}.history-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:14px 20px}.history-table tbody tr:hover{background:#f8fcff}.history-table tbody tr:last-child td{border-bottom:0}.history-record-name{font-weight:700;color:#1e293b!important}.history-entity{color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.history-action{text-align:center;border-radius:999px;min-width:68px;padding:4px 9px;font-size:.72rem;font-weight:800;display:inline-block}.history-action--created{color:#15803d;background:#dcfce7}.history-action--updated{color:#0369a1;background:#e0f2fe}.history-action--deleted{color:#b91c1c;background:#fee2e2}.history-date{font-variant-numeric:tabular-nums;white-space:nowrap;color:#64748b!important}.history-actor{white-space:nowrap;font-weight:700;color:#0f4c6e!important}.history-value{white-space:normal;max-width:220px;font-size:.8rem;line-height:1.45;color:#475569!important}.history-value--old{color:#b45309!important}.history-value--new{color:#047857!important}.history-state{color:#94a3b8;justify-content:center;align-items:center;gap:10px;min-height:260px;font-size:.9rem;display:flex}.history-state p{margin:0}.history-pagination{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:.8rem;display:flex}.history-pagination>div{align-items:center;gap:8px;display:flex}.history-pagination button{color:#0070a8;cursor:pointer;background:#f0f9ff;border:1px solid #dbeafe;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.history-pagination button:disabled{cursor:not-allowed;opacity:.45}.history-pagination strong{color:#334155;font-size:.78rem}@media (width<=640px){.history-page{margin:0 -4px}.history-header{flex-direction:column;align-items:start}.history-refresh{justify-content:center;width:100%}.history-toolbar{flex-direction:column;align-items:stretch}.history-search{width:100%}.history-date-filters{justify-content:space-between}.history-date-filters label{flex:1}.history-date-filters input{width:100%}.history-pagination{flex-direction:column;align-items:start}.history-table-wrap{padding:10px;overflow:visible}.history-table,.history-table tbody,.history-table tr,.history-table td{width:100%;display:block}.history-table{min-width:0}.history-table thead{display:none}.history-table tbody{gap:10px;display:grid}.history-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.history-table td{border:0;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.history-table td:before{content:attr(data-label);color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;font-size:.63rem;font-weight:800}.history-table .history-record-name{border-bottom:1px solid #f1f5f9;grid-column:1/-1;padding-bottom:8px;font-size:.95rem}.history-table .history-value{border-top:1px solid #f8fafc;grid-column:1/-1;max-width:none;padding-top:8px}.history-table .history-date{border-top:1px solid #f8fafc;grid-column:1/-1;padding-top:8px}}.portal-not-found{isolation:isolate;background:#f5f6fc;place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.portal-not-found--embedded{min-height:calc(100vh - 132px);padding:16px}.portal-not-found:before{z-index:-2;content:"";background-image:radial-gradient(#667eea29 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.portal-not-found-orb{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.portal-not-found-orb--one{background:#667eea1f;width:430px;height:430px;top:-180px;right:-80px}.portal-not-found-orb--two{background:#764ba21a;width:480px;height:480px;bottom:-230px;left:-100px}.portal-not-found-card{text-align:center;background:#ffffffe3;border:1px solid #667eea21;border-radius:24px;width:100%;max-width:590px;padding:clamp(30px,6vw,52px);animation:.45s both portalNotFoundIn;box-shadow:0 24px 60px #2a2f531f}.portal-not-found-visual{place-items:center;margin:0 auto 26px;display:grid;position:relative}.portal-not-found-code{color:#1a1a2e;letter-spacing:-.11em;align-items:center;font-family:Arial,sans-serif;font-size:clamp(5.6rem,14vw,8.4rem);font-weight:800;line-height:.75;display:flex}.portal-not-found-zero{aspect-ratio:1;color:#667eea;background:#eef0ff;border:.09em solid #667eea;border-radius:50%;place-items:center;width:.73em;margin:0 .065em;display:grid;box-shadow:inset 0 0 0 .035em #764ba21f}.portal-not-found-zero svg{stroke-width:2.6px;width:.38em;height:.38em}.portal-not-found-line{background:linear-gradient(90deg,#667eea,#9b79c8);border-radius:99px;width:138px;height:4px;margin-top:17px}.portal-not-found-eyebrow{color:#667eea;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:800}.portal-not-found-card h1{color:#1a1a2e;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.12}.portal-not-found-description{color:#667085;max-width:440px;margin:16px auto 0;font-size:.98rem;line-height:1.7}.portal-not-found-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.portal-not-found-button{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.87rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.portal-not-found-button:hover{transform:translateY(-2px)}.portal-not-found-button:focus-visible{outline-offset:3px;outline:3px solid #667eea4d}.portal-not-found-button--primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 18px #667eea40}.portal-not-found-button--primary:hover{box-shadow:0 12px 24px #667eea57}.portal-not-found-button--secondary{color:#596074;background:#fff;border-color:#dce0ee}.portal-not-found-button--secondary:hover{background:#f7f8fc}@keyframes portalNotFoundIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){.portal-not-found{padding:18px}.portal-not-found--embedded{min-height:calc(100vh - 100px);padding:0}.portal-not-found-card{border-radius:18px;padding:32px 22px}.portal-not-found-actions{flex-direction:column}.portal-not-found-button{width:100%}}@media (prefers-reduced-motion:reduce){.portal-not-found-card{animation:none}}