@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";.home{background:#fff;min-height:100vh;overflow-x:hidden}.home-nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffe0;position:sticky;top:0}.nav-inner{align-items:center;gap:40px;max-width:1200px;height:64px;margin:0 auto;padding:0 32px;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo-mark.sm{border-radius:8px;width:28px;height:28px;font-size:14px}.nav-links{flex:1;align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--ease);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--primary)}.nav-cta{gap:10px;margin-left:auto;display:flex}.hero{align-items:center;gap:60px;max-width:1200px;min-height:92vh;margin:0 auto;padding:80px 32px 60px;display:flex;position:relative}.hero-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hero-blob{filter:blur(80px);opacity:.18;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#0a6ebd,#0000 70%);width:700px;height:700px;animation:8s ease-in-out infinite float;top:-200px;right:-200px}.blob-2{background:radial-gradient(circle,#00c9a7,#0000 70%);width:500px;height:500px;animation:10s ease-in-out infinite reverse float;bottom:-100px;left:-100px}.hero-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);opacity:.4;background-size:48px 48px;position:absolute;inset:0}.hero-content{flex-direction:column;flex:1;gap:22px;max-width:580px;display:flex}.hero-badge{width:fit-content}.hero-title{color:var(--text-primary);font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.12}.hero-gradient{background:linear-gradient(135deg,#0a6ebd 0%,#00c9a7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-secondary);max-width:480px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-trust{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.hero-visual{flex:1;max-width:460px}.mockup-card{box-shadow:var(--shadow-xl);border-radius:var(--r-xl);padding:22px}.mc-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:18px;padding-bottom:18px;display:flex}.mc-name{font-size:14px;font-weight:700}.mc-id{color:var(--text-muted);font-size:11px;font-family:var(--font-display);margin-top:2px}.mc-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.mc-stat{text-align:center;background:var(--bg);border-radius:var(--r);padding:10px 8px}.mc-stat-val{font-family:var(--font-display);color:var(--primary);font-size:20px;font-weight:700;display:block}.mc-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px}.mc-records{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.mc-record-row{background:var(--bg);border-radius:var(--r-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.mc-file-icon{font-size:16px}.mc-record-name{flex:1;font-size:13px;font-weight:500}.mc-link-row{background:var(--primary-light);border-radius:var(--r-sm);color:var(--primary);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12.5px;font-weight:500;display:flex}.stats-band{background:var(--primary);padding:48px 32px}.stats-inner{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.stat-item{text-align:center}.stat-val{font-family:var(--font-display);color:#fff;font-size:36px;font-weight:800}.stat-lbl{color:#ffffffb3;margin-top:4px;font-size:13px}.section-inner{text-align:center;max-width:1200px;margin:0 auto;padding:0 32px}.section-tag{background:var(--primary-light);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;margin-bottom:14px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:clamp(26px,3.5vw,40px);font-weight:800}.section-sub{color:var(--text-secondary);max-width:520px;margin:0 auto 48px;font-size:16px;line-height:1.7}.features-section{background:var(--bg);padding:100px 0}.features-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:0;display:grid}.feature-card{transition:var(--ease);padding:28px;animation:.5s both fadeUp}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.feature-icon{margin-bottom:14px;font-size:32px;display:block}.feature-card h3{margin-bottom:8px;font-size:16px;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.how-section{background:#fff;padding:100px 0}.steps-row{justify-content:center;align-items:flex-start;gap:0;margin-top:0;display:flex;position:relative}.step-card{text-align:center;flex:1;max-width:320px;padding:32px 24px;position:relative}.step-num{font-family:var(--font-display);color:var(--primary-light);margin-bottom:16px;font-size:48px;font-weight:800;line-height:1}.step-icon{margin-bottom:16px;font-size:36px;display:block}.step-card h3{margin-bottom:10px;font-size:17px;font-weight:700}.step-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.step-arrow{color:var(--border-strong);z-index:1;font-size:28px;position:absolute;top:56px;right:-20px}.roles-section{background:var(--bg);padding:100px 0}.roles-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:24px;max-width:780px;margin:0 auto;display:grid}.role-card{border-radius:var(--r-xl);transition:var(--ease);border:2px solid #0000;flex-direction:column;gap:14px;padding:36px 30px;display:flex}.role-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.role-blue{background:linear-gradient(135deg,#ebf5ff,#f0fafb);border-color:#0a6ebd26}.role-teal{background:linear-gradient(135deg,#e0faf5,#ebf5ff);border-color:#00c9a733}.role-purple{background:linear-gradient(135deg,#f3f0ff,#e8f4fd);border-color:#7c3aed26}.role-icon{font-size:40px}.role-card h3{font-size:20px;font-weight:700}.role-card p{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.7}.cta-banner{text-align:center;background:linear-gradient(135deg,#0a6ebd 0%,#064e8a 60%,#00c9a7 100%);padding:100px 32px}.cta-inner{max-width:640px;margin:0 auto}.cta-inner h2{color:#fff;margin-bottom:14px;font-size:clamp(26px,3.5vw,40px);font-weight:800}.cta-inner p{color:#fffc;margin-bottom:36px;font-size:17px}.cta-btns{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.home-footer{border-top:1px solid var(--border);background:#fff;padding:28px 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-display);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.home-footer p{color:var(--text-muted);font-size:12px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text-secondary);font-size:13px}.footer-links a:hover{color:var(--primary)}@media (width<=960px){.hero{text-align:center;flex-direction:column;padding-top:48px}.hero-content{align-items:center}.hero-visual{max-width:100%}.features-grid,.stats-inner{grid-template-columns:1fr 1fr}.steps-row{flex-direction:column;align-items:center}.step-arrow{display:none}}@media (width<=600px){.features-grid,.roles-grid{grid-template-columns:1fr}.stats-inner{grid-template-columns:1fr 1fr}.nav-links{display:none}}.auth-page{min-height:100vh;display:flex}.auth-left{background:linear-gradient(160deg,#0d1b2a 0%,#0a3d6b 60%,#064e8a 100%);flex-direction:column;flex-shrink:0;width:420px;padding:40px;display:flex;position:relative;overflow:hidden}.auth-left-inner{z-index:2;flex-direction:column;flex:1;gap:40px;display:flex;position:relative}.auth-bg-blob{pointer-events:none;z-index:1;background:radial-gradient(circle,#00c9a740,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-120px;left:-120px}.auth-logo{font-family:var(--font-display);color:#fff;align-items:center;gap:10px;width:fit-content;font-size:18px;font-weight:700;display:flex}.auth-hero-text h1{color:#fff;margin-bottom:14px;font-size:32px;font-weight:800}.auth-hero-text p{color:#ffffffa6;font-size:15px;line-height:1.75}.auth-trust{flex-direction:column;gap:10px;margin-top:auto;display:flex}.trust-item{color:#ffffffa6;align-items:center;gap:8px;font-size:13px;display:flex}.auth-perks{flex-direction:column;gap:10px;display:flex}.perk-item{color:#ffffffbf;font-size:13.5px}.auth-right{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-wrap{flex-direction:column;gap:22px;width:100%;max-width:440px;display:flex}.auth-form-wrap h2{font-size:26px;font-weight:800}.auth-form-sub{color:var(--text-secondary);margin-top:-14px;font-size:14px}.role-selector{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.role-btn{border-radius:var(--r);border:2px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--ease);flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:12.5px;font-weight:600;display:flex}.role-btn span:first-child{font-size:22px}.role-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.role-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.auth-form{flex-direction:column;gap:14px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}.demo-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:12px;font-weight:700}.demo-grid{flex-direction:column;gap:8px;display:flex}.demo-btn{border-radius:var(--r);border:1.5px solid var(--border);background:var(--bg-card);text-align:left;cursor:pointer;transition:var(--ease);align-items:center;gap:12px;padding:10px 12px;display:flex}.demo-btn:hover{border-color:var(--primary);background:var(--primary-light)}.demo-btn span:first-child{font-size:22px}.demo-btn p{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.demo-btn span:last-of-type{color:var(--text-muted);font-size:11px}.auth-switch{color:var(--text-secondary);text-align:center;font-size:13.5px}.auth-switch a{color:var(--primary);font-weight:600}.auth-switch a:hover{text-decoration:underline}@media (width<=800px){.auth-left{display:none}.auth-right{padding:24px 20px}}.app-sidebar{background:var(--bg-sidebar);z-index:100;flex-direction:column;width:260px;transition:width .28s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.app-sidebar.collapsed{width:72px}.sidebar-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;min-height:70px;padding:18px 14px 16px;display:flex}.sidebar-logo{align-items:center;gap:10px;display:flex;overflow:hidden}.logo-mark{color:#fff;width:34px;height:34px;font-family:var(--font-display);background:linear-gradient(135deg,#0a6ebd,#00c9a7);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.logo-name{font-family:var(--font-display);color:#fff;white-space:nowrap;font-size:14px;font-weight:700;display:block}.logo-sub{color:var(--text-on-dark);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:9px;display:block}.sidebar-toggle{color:var(--text-on-dark);cursor:pointer;background:#ffffff0f;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;display:flex}.sidebar-toggle:hover{color:#fff;background:#ffffff1f}.sidebar-user-card{border-radius:var(--r);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:10px;margin:10px 12px;padding:10px 12px;display:flex}.sidebar-avatar{flex-shrink:0}.sidebar-user-name{color:#fff;font-size:12.5px;font-weight:600}.sidebar-user-role{color:var(--text-on-dark);text-transform:capitalize;margin-top:2px;font-size:10px}.sidebar-nav{flex:1;padding:6px 10px;overflow-y:auto}.sidebar-section-label{letter-spacing:.12em;color:var(--text-on-dark);text-transform:uppercase;padding:8px 6px 5px;font-size:9px;font-weight:600}.sidebar-nav-item{border-radius:var(--r-sm);width:100%;color:var(--text-on-dark);transition:var(--ease);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;padding:10px;font-size:13.5px;font-weight:400;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:#fff;background:#ffffff12}.sidebar-nav-item.active{color:#fff;background:#0a6ebd;font-weight:500}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.sidebar-footer{padding:6px 10px 14px}.sidebar-divider{background:#ffffff0f;height:1px;margin-bottom:6px}.logout-btn{color:#e84545cc}.logout-btn:hover{color:#e84545;background:#e845451f}.sidebar-version{color:#a8bccf59;text-align:center;letter-spacing:.04em;padding:8px 0 0;font-size:9px}.app-topbar{height:var(--topbar-h);background:var(--bg-card);border-bottom:1px solid var(--border);z-index:50;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-menu{color:var(--text-secondary)}.topbar-menu:hover{background:var(--bg);color:var(--text-primary)}.topbar-title h1{font-size:16px;font-weight:700}.topbar-title p{color:var(--text-muted);margin-top:1px;font-size:12px}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);transition:var(--ease);align-items:center;gap:8px;padding:7px 14px;display:flex}.topbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #0a6ebd1a}.topbar-search svg{color:var(--text-muted);flex-shrink:0}.topbar-search input{color:var(--text-primary);background:0 0;border:none;width:160px;font-size:13px}.topbar-search input::placeholder{color:var(--text-muted)}.notif-wrap{position:relative}.notif-btn{color:var(--text-secondary);position:relative}.notif-btn:hover{background:var(--bg);color:var(--text-primary)}.notif-dot-badge{background:var(--danger);color:#fff;border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.notif-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);width:310px;box-shadow:var(--shadow-lg);z-index:200;animation:.2s scaleIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notif-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 16px;font-size:13px;font-weight:600;display:flex}.notif-row{border-bottom:1px solid var(--border);cursor:pointer;transition:var(--ease);gap:10px;padding:11px 16px;display:flex}.notif-row:last-of-type{border-bottom:none}.notif-row:hover{background:var(--bg)}.notif-row.unread{background:#0a6ebd08}.notif-type-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-row-body p{color:var(--text-primary);font-size:12.5px;line-height:1.5}.notif-row-body span{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.notif-panel-foot{text-align:center;color:var(--primary);cursor:pointer;background:var(--bg);padding:11px 16px;font-size:12.5px;font-weight:500}.notif-panel-foot:hover{color:var(--primary-dark)}.topbar-user{border-radius:var(--r);cursor:pointer;transition:var(--ease);align-items:center;gap:9px;padding:5px 8px;display:flex}.topbar-user:hover{background:var(--bg)}.topbar-user-info p{font-size:13px;font-weight:600}.topbar-user-info span{letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.role-patient{color:var(--primary)}.role-doctor{color:#0f6e56}.role-admin{color:#7c3aed}.app-layout{min-height:100vh;display:block}.app-main{flex-direction:column;min-width:0;min-height:100vh;margin-left:260px;transition:margin-left .28s;display:flex;overflow:hidden}.app-layout.collapsed .app-main{margin-left:72px}.app-content{background:var(--bg);flex:1;padding:28px 32px;animation:.35s both fadeUp}@media (width<=768px){.app-main{margin-left:0}.app-content{padding:20px 16px}}.pt-dashboard{flex-direction:column;gap:22px;display:flex}.pt-welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pt-welcome h2{font-size:22px;font-weight:700}.pt-welcome p{color:var(--text-secondary);margin-top:3px;font-size:13.5px}.pt-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pt-stat{transition:var(--ease);align-items:center;gap:14px;padding:18px 20px;animation:.4s both fadeUp;display:flex}.pt-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pt-stat-blue{border-left:4px solid var(--primary)}.pt-stat-teal{border-left:4px solid var(--accent)}.pt-stat-green{border-left:4px solid var(--success)}.pt-stat-purple{border-left:4px solid #7c3aed}.pt-row{grid-template-columns:1fr 320px;gap:18px;display:grid}.pt-records-card{overflow:hidden}.pt-side{flex-direction:column;gap:16px;display:flex}.activity-list{padding:4px 0}.activity-row{cursor:pointer;transition:var(--ease);gap:12px;padding:11px 20px;display:flex}.activity-row:hover{background:var(--bg)}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-row p{font-size:13px;line-height:1.5}.activity-row span{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.quick-grid{grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px;display:grid}.quick-btn{border-radius:var(--r);border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--ease);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:12px;font-weight:500;display:flex}.quick-btn span:first-child{font-size:22px}.quick-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pt-banner{background:linear-gradient(135deg,#ebf5ff,#e0faf5);border-color:#0a6ebd26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.banner-left{align-items:center;gap:14px;display:flex}.banner-left span{font-size:30px}.banner-left h3{margin-bottom:3px;font-size:14px;font-weight:700}.banner-left p{color:var(--text-secondary);font-size:12.5px}@media (width<=1100px){.pt-stats{grid-template-columns:1fr 1fr}}@media (width<=900px){.pt-row{grid-template-columns:1fr}}.loading-state{color:var(--text-muted);justify-content:center;align-items:center;padding:60px;font-size:14px;display:flex}.empty-table-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.empty-table-state span{font-size:28px}.empty-table-state p{font-size:13px}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.pr-page{flex-direction:column;gap:18px;display:flex}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--r-xl);text-align:center;cursor:pointer;transition:var(--ease);flex-direction:column;align-items:center;gap:10px;padding:32px;display:flex}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary);background:var(--primary-light)}.upload-cloud{font-size:36px}.upload-zone h3{font-size:15px;font-weight:600}.upload-zone p{color:var(--text-secondary);font-size:13px}.upload-formats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pr-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pr-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);flex:1;align-items:center;gap:8px;min-width:180px;padding:8px 14px;display:flex}.pr-search input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:13px}.pr-search input::placeholder{color:var(--text-muted)}.pr-filters{flex-wrap:wrap;gap:6px;display:flex}.view-toggle{background:var(--bg);border-radius:var(--r-sm);gap:3px;padding:3px;display:flex}.view-toggle .btn-icon{color:var(--text-muted);font-size:16px}.view-toggle .vt-active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.pr-count{color:var(--text-muted);font-size:12px}.pr-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.pr-card{cursor:pointer;transition:var(--ease);flex-direction:column;gap:9px;padding:16px;animation:.35s both fadeUp;display:flex}.pr-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.prc-top{justify-content:space-between;align-items:center;display:flex}.prc-type-icon{font-size:24px}.prc-name{font-size:13.5px;font-weight:600}.prc-type{color:var(--text-muted);font-size:12px}.prc-meta{color:var(--text-secondary);gap:12px;font-size:12px;display:flex}.prc-doctor{color:var(--text-secondary);font-size:12px}.prc-actions{gap:6px;margin-top:4px;display:flex}.prc-actions .btn{flex:1;justify-content:center}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item span:first-child{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.detail-item strong{font-size:14px;font-weight:500}.ptl-page{flex-direction:column;gap:22px;display:flex}.ptl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.ptl-header h2{font-size:15px;font-weight:700}.ptl-header p{color:var(--text-muted);margin-top:3px;font-size:12px}.ptl-year-filters{gap:6px;display:flex}.ptl-body{padding-bottom:32px;position:relative}.ptl-line{background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ptl-item{justify-content:flex-end;width:48%;margin-bottom:22px;animation:.4s both slideRight;display:flex;position:relative}.ptl-item.right{justify-content:flex-start;margin-left:52%}.ptl-dot{z-index:2;border:3px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:18px}.ptl-item.left .ptl-dot{right:-8%}.ptl-item.right .ptl-dot{left:-8%}.ptl-dot-inner{background:#fff;border-radius:50%;width:5px;height:5px}.ptl-card{cursor:pointer;width:90%;transition:var(--ease);padding:14px}.ptl-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.ptlc-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ptlc-type{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.ptl-card h3{margin-bottom:4px;font-size:13.5px;font-weight:700}.ptlc-date{color:var(--text-muted);margin-bottom:8px;font-size:12px}.ptlc-meta{color:var(--text-secondary);flex-direction:column;gap:3px;font-size:12px;display:flex}.ptlc-note{background:var(--bg);border-left:3px solid var(--primary);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-top:12px;padding:10px 12px}.ptlc-note p{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.ptlc-toggle{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:0;font-size:11px;font-weight:500}.ptlc-toggle:hover{text-decoration:underline}@media (width<=768px){.ptl-line{left:16px}.ptl-item,.ptl-item.right{justify-content:flex-start;width:100%;margin-left:40px}.ptl-dot,.ptl-item.right .ptl-dot{left:-32px;right:auto}.ptl-card{width:100%}}.ps-page{flex-direction:column;gap:18px;display:flex}.ps-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.ps-form{flex-direction:column;gap:16px;padding:18px;display:flex}.ps-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ps-step{flex-direction:column;gap:10px;display:flex}.ps-step-label{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ps-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.ps-hint{color:var(--text-muted);margin-left:4px;font-size:11px;font-weight:400}.ps-loading-text{color:var(--text-muted);padding:4px 0;font-size:13px}.ps-empty-hint{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;font-size:13px;line-height:1.6}.hospital-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hospital-btn{border-radius:var(--r);border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--ease);text-align:left;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.hospital-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.hospital-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.doctor-list{flex-direction:column;gap:6px;display:flex}.doctor-btn{border-radius:var(--r);border:1.5px solid var(--border);background:var(--bg);cursor:pointer;transition:var(--ease);text-align:left;align-items:center;gap:12px;padding:10px 14px;display:flex}.doctor-btn:hover,.doctor-btn.active{border-color:var(--primary);background:var(--primary-light)}.doctor-btn-avatar{background:var(--primary-light);width:36px;height:36px;color:var(--primary);font-size:13px;font-weight:700;font-family:var(--font-display);flex-shrink:0}.doctor-btn-info{flex:1}.doctor-btn-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.doctor-btn-spec{color:var(--text-muted);margin-top:2px;font-size:11px}.doctor-btn-check{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.rec-checks{flex-direction:column;gap:6px;display:flex}.rec-check{border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:var(--ease);align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.rec-check:hover{border-color:var(--primary);background:var(--primary-light)}.rec-check.checked{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:500}.rec-check input{width:14px;height:14px;accent-color:var(--primary);flex-shrink:0}.share-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.share-summary-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.share-summary-row span{color:var(--text-secondary)}.share-summary-row strong{color:var(--text-primary)}.gen-result{background:var(--success-light);border:1.5px solid var(--success);border-radius:var(--r);padding:12px}.gen-ok{color:#16a34a;margin-bottom:8px;font-size:13px;font-weight:600}.gen-box{border-radius:var(--r-sm);background:#fff;border:1px solid #bbf7d0;align-items:center;gap:8px;padding:8px 10px;display:flex}.gen-url{color:var(--text-secondary);word-break:break-all;flex:1;font-size:11.5px}.gen-note{color:#16a34a;margin-top:5px;font-size:11px}.ps-active{flex-direction:column;display:flex}.active-list{max-height:520px;padding:6px 0;overflow-y:auto}.active-item{border-bottom:1px solid var(--border);transition:var(--ease);padding:14px 18px}.active-item:last-child{border-bottom:none}.active-item:hover{background:var(--bg)}.ai-header{justify-content:space-between;align-items:center;display:flex}.ai-name{font-size:13px;font-weight:600}.ai-hosp{color:var(--text-muted);font-size:11px}.ai-meta{color:var(--text-secondary);gap:14px;font-size:12px;display:flex}.empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:36px;display:flex}.empty-state span{font-size:30px}.empty-state p{font-size:13px}.auth-error{background:var(--danger-light);border-radius:var(--r-sm);color:var(--danger);border:1px solid #e845454d;padding:10px 14px;font-size:13px}@media (width<=900px){.ps-grid,.hospital-grid{grid-template-columns:1fr}}.pa-page{flex-direction:column;gap:18px;display:flex}.pa-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pa-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);gap:4px;padding:4px;display:flex}.tab-count{background:#fff3;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:600}.pa-list{flex-direction:column;gap:10px;display:flex}.pa-card{transition:var(--ease);align-items:center;gap:16px;padding:16px 20px;animation:.35s both fadeUp;display:flex}.pa-card:hover{box-shadow:var(--shadow);transform:translate(3px)}.pac-body{flex-direction:column;flex:1;gap:3px;display:flex}.pac-row{justify-content:space-between;align-items:center;display:flex}.pac-row h3{font-size:14px;font-weight:700}.pac-spec{font-size:13px;font-weight:500}.pac-hosp{color:var(--text-secondary);font-size:12.5px}.pac-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.pac-actions{flex-shrink:0;gap:8px;display:flex}.book-form{flex-direction:column;gap:12px;display:flex}.book-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pa-step{flex-direction:column;gap:10px;display:flex}.pa-step-label{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.pa-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.pa-empty-hint{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;font-size:13px;line-height:1.6}.pa-hospital-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pa-hospital-btn{border-radius:var(--r);border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:var(--ease);text-align:left;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.pa-hospital-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pa-hospital-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.pa-doctor-list{flex-direction:column;gap:6px;display:flex}.pa-doctor-btn{border-radius:var(--r);border:1.5px solid var(--border);background:var(--bg);cursor:pointer;transition:var(--ease);text-align:left;align-items:center;gap:12px;padding:10px 14px;display:flex}.pa-doctor-btn:hover,.pa-doctor-btn.active{border-color:var(--primary);background:var(--primary-light)}.pa-doc-avatar{background:var(--primary-light);width:36px;height:36px;color:var(--primary);font-size:13px;font-weight:700;font-family:var(--font-display);flex-shrink:0}.pa-doc-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.pa-doc-spec{color:var(--text-muted);margin-top:2px;font-size:11px}.pa-doc-check{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.pa-summary{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.pa-summary-row{justify-content:space-between;font-size:13px;display:flex}.pa-summary-row span{color:var(--text-secondary)}.pa-summary-row strong{color:var(--text-primary)}.pf-page{flex-direction:column;gap:18px;display:flex}.pf-hero{padding:0;position:relative;overflow:hidden}.pf-hero-bg{background:linear-gradient(135deg,#0a6ebd,#00c9a7);height:100px;position:absolute;inset:0}.pf-hero-content{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:66px;padding:18px 22px 20px;display:flex;position:relative}.pf-avatar-wrap{flex-shrink:0;position:relative}.pf-avatar{color:#fff;width:80px;height:80px;font-family:var(--font-display);border:4px solid var(--bg-card);box-shadow:var(--shadow);background:linear-gradient(135deg,#0a6ebd,#00c9a7);font-size:26px}.pf-hero-info h1{margin-top:20px;font-size:20px;font-weight:700}.pf-hero-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:5px 0 7px;font-size:13px;display:flex}.pf-hero-contact{color:var(--text-secondary);gap:18px;font-size:12.5px;display:flex}.pf-hero-actions{align-self:center;margin-left:auto}.pf-hstats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pf-hs{transition:var(--ease);align-items:center;gap:12px;padding:14px 16px;display:flex}.pf-hs:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pf-hs span{font-size:22px}.pf-hs-val{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2}.pf-hs-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px}.pf-hs-red{border-left:4px solid var(--danger)}.pf-hs-blue{border-left:4px solid var(--primary)}.pf-hs-teal{border-left:4px solid var(--accent)}.pf-hs-green{border-left:4px solid var(--success)}.pf-tabs{gap:4px;padding:5px;display:flex}.pf-tab{border-radius:var(--r);color:var(--text-secondary);cursor:pointer;transition:var(--ease);background:0 0;border:none;flex:1;padding:9px;font-size:13px;font-weight:500}.pf-tab:hover{background:var(--bg);color:var(--text-primary)}.pf-tab.active{background:var(--primary);color:#fff}.pf-content{padding:22px}.pf-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.pf-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pf-field{flex-direction:column;gap:5px;display:flex}.pf-field.pf-full{grid-column:1/-1}.pf-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.pf-field p{border-bottom:1px solid var(--border);padding:7px 0;font-size:14px;font-weight:500}.pf-field input,.pf-field select,.pf-field textarea{border:1.5px solid var(--border);border-radius:var(--r);background:var(--bg);transition:var(--ease);font-size:13.5px;font-family:var(--font-body);padding:9px 12px}.pf-field input:focus,.pf-field select:focus,.pf-field textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0a6ebd1a}.pf-med-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pf-med-block{border-radius:var(--r);border:1.5px solid var(--border);flex-direction:column;gap:8px;padding:14px;display:flex}.pf-med-head{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.pf-med-block p{color:var(--text-secondary);font-size:13px;line-height:1.6}.pf-med-block textarea{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);font-size:13px;font-family:var(--font-body);padding:7px}.pf-med-danger{background:var(--danger-light);border-color:#e8454533}.pf-med-warning{background:var(--warning-light);border-color:#f5a62333}.pf-med-blue{background:var(--primary-light);border-color:#0a6ebd33}.ins-card{border:1.5px solid var(--border);border-radius:var(--r-lg);padding:18px}.ins-card-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.ins-prov{font-size:14px;font-weight:700}.ins-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sec-list{flex-direction:column;gap:8px;display:flex}.sec-row{border-radius:var(--r);border:1px solid var(--border);transition:var(--ease);align-items:center;gap:12px;padding:13px;display:flex}.sec-row:hover{background:var(--bg)}.sec-info{flex:1}.sec-info p{font-size:13.5px;font-weight:600}.sec-info span{color:var(--text-muted);font-size:12px}@media (width<=1000px){.pf-hstats,.pf-grid,.pf-med-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.pf-grid,.pf-med-grid,.ins-grid{grid-template-columns:1fr}.pf-hstats{grid-template-columns:1fr 1fr}.pf-tabs{flex-wrap:wrap}}.dd-page{flex-direction:column;gap:20px;display:flex}.dd-welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dd-welcome h2{font-size:22px;font-weight:700}.dd-welcome p{color:var(--text-secondary);margin-top:3px;font-size:13.5px}.dd-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dd-stat{transition:var(--ease);align-items:center;gap:14px;padding:18px 20px;animation:.4s both fadeUp;display:flex}.dd-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.dd-stat-blue{border-left:4px solid var(--primary)}.dd-stat-teal{border-left:4px solid var(--accent)}.dd-stat-green{border-left:4px solid var(--success)}.dd-stat-orange{border-left:4px solid var(--warning)}.stat-icon{font-size:26px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.stat-value{font-family:var(--font-display);margin:3px 0;font-size:26px;font-weight:700;line-height:1.1}.stat-sub{color:var(--text-secondary);font-size:11.5px}.dd-banner{background:linear-gradient(135deg,#ebf5ff,#e0faf5);border-color:#0a6ebd26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.dd-banner h3{margin-bottom:3px;font-size:14px;font-weight:700}.dd-banner p{color:var(--text-secondary);font-size:12.5px}@media (width<=1100px){.dd-stats{grid-template-columns:1fr 1fr}}.dp-page{flex-direction:column;gap:18px;display:flex}.dp-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dp-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);flex:1;align-items:center;gap:8px;max-width:320px;padding:8px 14px;display:flex}.dp-search input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:13px}.dp-search input::placeholder{color:var(--text-muted)}.dp-filter-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);gap:4px;padding:4px;display:flex}.dp-filter-tab{border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;display:flex}.dp-filter-tab:hover{background:var(--bg);color:var(--text-primary)}.dp-filter-tab.active{background:var(--primary);color:#fff}.dp-tab-count{background:#ffffff38;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:600}.dp-filter-tab:not(.active) .dp-tab-count{background:var(--bg);color:var(--text-muted)}.dp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.dp-card{cursor:pointer;transition:var(--ease);flex-direction:column;gap:10px;padding:16px;animation:.35s both fadeUp;display:flex;position:relative;overflow:hidden}.dp-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.dp-card-active{border-color:#0a6ebd33}.dp-card-revoked{border-color:var(--border);opacity:.85}.dp-card-revoked:hover{opacity:1}.dp-access-ribbon{letter-spacing:.04em;border-radius:99px;width:fit-content;padding:3px 10px;font-size:10px;font-weight:600}.ribbon-active{background:var(--success-light);color:#16a34a}.ribbon-revoked{background:var(--danger-light);color:var(--danger)}.dpc-head{align-items:center;gap:10px;display:flex}.dpc-info h3{font-size:14px;font-weight:700}.dpc-info p{color:var(--text-muted);margin-top:2px;font-size:11px}.dpc-condition{color:var(--text-secondary);font-size:12.5px}.dpc-appt-summary{color:var(--text-secondary);background:var(--bg);border-radius:var(--r-sm);justify-content:space-between;padding:6px 10px;font-size:12px;display:flex}.dpc-records-info{border-radius:var(--r-sm);flex-wrap:wrap;justify-content:space-between;gap:4px;padding:6px 10px;font-size:12px;display:flex}.dpc-records-info.active{background:var(--success-light);color:#16a34a}.dpc-records-info.revoked{background:var(--danger-light);color:var(--danger)}.modal-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.modal-appt-row{background:var(--bg);border-radius:var(--r-sm);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.dr-page{flex-direction:column;gap:16px;display:flex}.dr-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dr-filters{flex-wrap:wrap;gap:6px;display:flex}.dr-view-area{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);justify-content:center;align-items:center;min-height:200px;display:flex}.dr-pdf-placeholder{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.dr-pdf-placeholder p{color:var(--text-primary);font-size:15px;font-weight:600}.da-page{flex-direction:column;gap:16px;display:flex}.da-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);gap:4px;width:fit-content;padding:4px;display:flex}.tab-btn{border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;transition:var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-primary);background:var(--bg)}.tab-btn.active{background:var(--primary);color:#fff}.tab-count{background:#fff3;border-radius:99px;padding:1px 7px;font-size:11px}.tab-btn:not(.active) .tab-count{background:var(--bg);color:var(--text-muted)}.da-list{flex-direction:column;gap:10px;display:flex}.da-card{transition:var(--ease);align-items:stretch;gap:0;padding:0;animation:.35s both fadeUp;display:flex;overflow:hidden}.da-card:hover{box-shadow:var(--shadow);transform:translate(3px)}.dac-time-col{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:110px;padding:18px 20px;display:flex}.dac-time{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:700}.dac-date{color:var(--text-muted);font-size:11px}.dac-divider{background:var(--border);width:1px}.dac-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px;display:flex}.dac-body h3{font-size:14px;font-weight:700}.dac-reason{color:var(--text-secondary);font-size:13px}.dac-actions{border-left:1px solid var(--border);flex-direction:column;justify-content:center;padding:16px 18px;display:flex}.dpf-page{flex-direction:column;gap:18px;display:flex}.dpf-hero{padding:0;position:relative;overflow:hidden}.dpf-hero-bg{background:linear-gradient(135deg,#0f6e56,#00c9a7);height:100px;position:absolute;inset:0}.dpf-hero-content{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:66px;padding:18px 22px 20px;display:flex;position:relative}.dpf-avatar{color:#fff;width:80px;height:80px;font-family:var(--font-display);border:4px solid var(--bg-card);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f6e56,#00c9a7);flex-shrink:0;font-size:26px}.dpf-hero-info{margin-top:20px;font-size:20px;font-weight:700}.dpf-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:5px 0 7px;font-size:13px;display:flex}.dpf-contact{color:var(--text-secondary);gap:18px;font-size:12.5px;display:flex}.save-toast{background:var(--success-light);color:#16a34a;border:1px solid var(--success);border-radius:var(--r);padding:7px 14px;font-size:12.5px;font-weight:500;position:absolute;top:10px;right:12px}.dpf-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dpf-stat{transition:var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex}.dpf-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.dpf-stat-val{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.1}.dpf-stat-label{color:var(--text-secondary);margin-top:2px;font-size:12px}.dpf-stat-sub{color:var(--text-muted);margin-top:1px;font-size:11px}.dpf-content{padding:22px}.dpf-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.dpf-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dpf-field{flex-direction:column;gap:5px;display:flex}.dpf-field.dpf-full{grid-column:1/-1}.dpf-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.dpf-field p{border-bottom:1px solid var(--border);padding:7px 0;font-size:14px;font-weight:500}.dpf-field input,.dpf-field textarea{border:1.5px solid var(--border);border-radius:var(--r);background:var(--bg);transition:var(--ease);font-size:13.5px;font-family:var(--font-body);padding:9px 12px}.dpf-field input:focus,.dpf-field textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #00c9a71a}@media (width<=1000px){.dpf-stats,.dpf-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.dpf-grid{grid-template-columns:1fr}}.ad-page{flex-direction:column;gap:18px;display:flex}.ad-banner{background:linear-gradient(135deg,#ebf5ff,#e0faf5);border-color:#0a6ebd26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.ad-banner h2{margin-bottom:3px;font-size:15px;font-weight:700}.ad-banner p{color:var(--text-secondary);font-size:12.5px}.sys-badge{background:var(--success-light);color:#16a34a;border:1px solid #22c55e40;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:500}.ad-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.ad-stat{transition:var(--ease);align-items:center;gap:14px;padding:16px 18px;animation:.4s both fadeUp;display:flex}.ad-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.ad-stat-blue{border-left:4px solid var(--primary)}.ad-stat-teal{border-left:4px solid var(--accent)}.ad-stat-purple{border-left:4px solid #7c3aed}.ad-stat-amber{border-left:4px solid var(--warning)}.ad-stat-green{border-left:4px solid var(--success)}.ad-stat-coral{border-left:4px solid #d85a30}.ad-stat-icon{font-size:24px}.ad-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.ad-stat-value{font-family:var(--font-display);margin:3px 0;font-size:22px;font-weight:700}.ad-stat-change{color:var(--text-secondary);font-size:11px}.ad-row{grid-template-columns:1.5fr 1fr 1fr;gap:16px;display:grid}.ad-bar-chart{align-items:flex-end;gap:8px;height:130px;padding:16px 20px 8px;display:flex}.ad-bar-col{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.ad-bar{background:linear-gradient(180deg,var(--primary),#0a6ebd66);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .5s}.ad-bar-col span{color:var(--text-muted);font-size:10px}.ad-donut-wrap{align-items:center;gap:16px;padding:14px 20px;display:flex}.ad-donut{background:conic-gradient(#0a6ebd 0% 34%,#7c3aed 34% 62%,#00c9a7 62% 84%,#f5a623 84% 100%);border-radius:50%;flex-shrink:0;width:88px;height:88px;position:relative}.ad-donut:after{content:"";background:var(--bg-card);border-radius:50%;position:absolute;inset:22px}.ad-legend{flex-direction:column;flex:1;gap:8px;display:flex}.ad-legend-row{align-items:center;gap:8px;display:flex}.ad-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.ad-legend-label{color:var(--text-secondary);flex:1;font-size:12px}.ad-legend-pct{font-size:12px;font-weight:600}.ad-user-list{padding:4px 0}.ad-user-row{transition:var(--ease);align-items:center;gap:10px;padding:10px 18px;display:flex}.ad-user-row:hover{background:var(--bg)}@media (width<=1100px){.ad-stats,.ad-row{grid-template-columns:1fr 1fr}}@media (width<=700px){.ad-stats,.ad-row{grid-template-columns:1fr}}.au-page{flex-direction:column;gap:16px;display:flex}.au-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.au-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);flex:1;align-items:center;gap:8px;max-width:360px;padding:8px 14px;display:flex}.au-search input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:13px}.au-search input::placeholder{color:var(--text-muted)}.au-filters{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--ease);border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.fp-count{background:#fff3;border-radius:99px;padding:1px 7px;font-size:11px}.filter-pill:not(.active) .fp-count{background:var(--bg);color:var(--text-muted)}.aa-page{flex-direction:column;gap:16px;display:flex}.aa-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.aa-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);flex:1;align-items:center;gap:8px;max-width:340px;padding:8px 14px;display:flex}.aa-search input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:13px}.aa-search input::placeholder{color:var(--text-muted)}.aa-filters{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--ease);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:500}.filter-pill:hover{border-color:var(--primary);color:var(--primary)}.filter-pill.active{color:#fff}.aa-type-pill{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.badge-purple{color:#7c3aed;background:#f3f0ff}.as-page{flex-direction:column;gap:18px;display:flex}.as-status-banner{background:var(--success-light);border-color:#22c55e33;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.as-status-left{align-items:center;gap:14px;display:flex}.as-status-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 4px #22c55e33}.as-status-banner h2{margin-bottom:3px;font-size:15px;font-weight:700}.as-status-banner p{color:var(--text-secondary);font-size:12.5px}.as-services-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.as-service-card{padding:18px}.as-svc-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.as-svc-icon{font-size:20px}.as-svc-name{flex:1;font-size:13.5px;font-weight:600}.as-svc-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.as-metric{flex-direction:column;gap:3px;display:flex}.as-metric span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.as-metric strong{font-size:14px;font-weight:700}.as-uptime-bar{background:var(--border);border-radius:99px;height:5px;overflow:hidden}.as-uptime-fill{background:var(--success);border-radius:99px;height:100%}.as-actions-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;display:grid}.as-action-btn{border-radius:var(--r);border:1.5px solid var(--border);background:var(--bg);cursor:pointer;transition:var(--ease);text-align:left;align-items:center;gap:12px;padding:16px;display:flex}.as-action-btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.as-action-icon{flex-shrink:0;font-size:22px}.as-action-btn p{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:600}.as-action-btn span{color:var(--text-muted);font-size:11px}.as-action-warning:hover{border-color:var(--warning);background:var(--warning-light)}.as-action-primary:hover{border-color:var(--primary);background:var(--primary-light)}.as-action-success:hover{border-color:var(--success);background:var(--success-light)}.as-action-danger:hover{border-color:var(--danger);background:var(--danger-light)}.as-env-grid{grid-template-columns:1fr 1fr;gap:2px;padding:4px 20px 16px;display:grid}.as-env-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 0;display:flex}.as-env-row:last-child,.as-env-row:nth-last-child(2){border-bottom:none}.as-env-key{font-family:var(--font-display);color:var(--text-secondary);min-width:200px;font-size:12px;font-weight:500}.as-env-val{font-family:var(--font-display);color:var(--primary);font-size:12px;font-weight:600}@media (width<=1000px){.as-services-grid,.as-actions-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.as-services-grid,.as-actions-grid,.as-env-grid{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0a6ebd;--primary-light:#e8f4fd;--primary-dark:#064e8a;--accent:#00c9a7;--accent-light:#e0faf5;--danger:#e84545;--danger-light:#fef0f0;--warning:#f5a623;--warning-light:#fff8ec;--success:#22c55e;--success-light:#edfaf3;--bg:#f5f7fa;--bg-card:#fff;--bg-sidebar:#0d1b2a;--text-primary:#0d1b2a;--text-secondary:#5a6a7e;--text-muted:#9aaabb;--text-on-dark:#a8bccf;--border:#e4eaf0;--border-strong:#c8d5e0;--r-sm:6px;--r:10px;--r-lg:16px;--r-xl:24px;--shadow-sm:0 1px 3px #0d1b2a0f;--shadow:0 4px 16px #0d1b2a14;--shadow-lg:0 16px 48px #0d1b2a24;--shadow-xl:0 32px 80px #0d1b2a2e;--sidebar-w:260px;--topbar-h:64px;--font-display:"Sora",sans-serif;--font-body:"DM Sans",sans-serif;--ease:all .2s ease}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-body);outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:#16a34a}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:#b45309}.badge-muted{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.badge-accent{background:var(--accent-light);color:#0f6e56}.btn{border-radius:var(--r);transition:var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #0a6ebd4d}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#00a88c;transform:translateY(-1px)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-dark{background:var(--text-primary);color:#fff}.btn-dark:hover{background:#1e3a56}.btn-white{color:var(--primary);background:#fff}.btn-white:hover{background:#ffffffe6}.btn-lg{border-radius:var(--r-lg);padding:13px 28px;font-size:15px}.btn-sm{padding:6px 14px;font-size:12.5px}.btn-icon{border-radius:var(--r-sm);padding:8px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--r);color:var(--text-primary);background:var(--bg);transition:var(--ease);font-size:14px;font-family:var(--font-body);padding:10px 14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0a6ebd1a}.form-group input::placeholder{color:var(--text-muted)}.avatar{font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.anim-fade-up{animation:.5s both fadeUp}.anim-fade{animation:.4s both fadeIn}.anim-scale{animation:.35s both scaleIn}.modal-overlay{z-index:500;background:#0d1b2a80;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{width:520px;max-width:95vw;animation:.25s scaleIn}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.modal-header h2{font-size:17px;font-weight:700}.modal-body{padding:22px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h2{font-size:14px;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);padding:13px 16px;font-size:13.5px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg)}