@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap);:root{--color-primary:#00f2ff;--color-primary-dark:#00b8c2;--color-primary-light:#ccfcff;--color-secondary:#7000ff;--color-accent:#f05;--gradient-primary:linear-gradient(135deg,#00f2ff,#7000ff);--gradient-surface:linear-gradient(180deg,#ffffff0d,#ffffff05);--gradient-glow:radial-gradient(circle at center,#00f2ff26 0%,#0000 70%);--color-risk-low:#00ff9d;--color-risk-low-bg:#00ff9d1a;--color-risk-low-text:#00ff9d;--color-risk-medium:#fc0;--color-risk-medium-bg:#ffcc001a;--color-risk-medium-text:#fc0;--color-risk-high:#f05;--color-risk-high-bg:#ff00551a;--color-risk-high-text:#f05;--color-bg:#050505;--color-surface:#121212;--color-surface-glass:#12121299;--color-white:#fff;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-disabled:#555;--color-border:#333;--color-border-focus:var(--color-primary);--color-ui-light:var(--color-border);--color-error:#f05;--color-error-bg:#ff00551a;--color-success:#00ff9d;--color-success-bg:#00ff9d1a;--color-warning:#fc0;--color-warning-bg:#ffcc001a;--color-info:#00f2ff;--color-info-bg:#00f2ff1a;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk","Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"Roboto Mono","Courier New",monospace;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:18px;--font-size-body:16px;--font-size-base:var(--font-size-body);--font-size-lg:18px;--font-size-xl:24px;--font-size-xxl:32px;--font-size-small:14px;--font-size-tiny:12px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-round:50%;--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--border-width:1px;--border-width-thick:2px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 8px 16px #00000080;--shadow-card:0 8px 32px 0 #00000080;--shadow-glow:0 0 20px #00f2ff33;--backdrop-blur:blur(12px);--border-glass:1px solid #ffffff1a;--shadow-sm:0 1px 2px #0000000d;--shadow-card:0 2px 8px #0000001a;--shadow-hover:0 4px 16px #00000026;--shadow-modal:0 8px 32px #0003;--shadow-focus:0 0 0 3px #2196f34d;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--transition-very-slow:500ms ease;--transition-base:var(--transition-normal);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-index-navbar:var(--z-sticky);--input-height-sm:40px;--input-height-md:48px;--input-height-lg:56px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-main:800px}*{box-sizing:border-box}html{scroll-snap-type:y mandatory}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 50%,#7000ff14,#0000 25%),radial-gradient(circle at 85% 30%,#00f2ff14,#0000 25%);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-body);line-height:var(--line-height-normal);margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}code{font-family:var(--font-mono)}h1,h2,h3,h4,h5,h6,p{margin:0}html{scroll-behavior:smooth}:focus-visible{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:2px}@media (max-width:767px){html{scroll-snap-type:none}body{font-size:var(--font-size-sm)}input,select,textarea{font-size:16px!important}a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}::-webkit-scrollbar{height:0;width:0}}@supports (padding:max(0px)){@media (max-width:767px){body{padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}}.navbar{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border-bottom:var(--border-glass);box-shadow:var(--shadow-sm);justify-content:space-between;padding:var(--space-md) var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-index-navbar)}.navbar,.navbar-brand{align-items:center;color:var(--color-white);display:flex}.navbar-brand{gap:var(--space-sm);text-decoration:none;transition:transform var(--transition-fast)}.navbar-brand:hover{text-shadow:var(--shadow-glow);transform:scale(1.02)}.navbar-brand:focus-visible{border-radius:var(--border-radius-sm);outline:2px solid var(--color-primary);outline-offset:4px}.navbar-logo{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,242,255,.5));font-size:32px;line-height:1}@keyframes pulse{0%,to{filter:drop-shadow(0 0 8px rgba(0,242,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(0,242,255,.8));transform:scale(1.1)}}.navbar-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:var(--font-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;text-shadow:none}.navbar-tagline{border-left:2px solid #ffffff1a;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);margin-left:var(--space-xs);opacity:.7;padding-left:var(--space-xs)}.navbar-links{align-items:center;display:flex;gap:var(--space-md)}.navbar-link{border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.navbar-link:hover{background-color:#ffffff0d;border-color:#ffffff1a;color:var(--color-white)}.navbar-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navbar-link-primary{background:#00f2ff1a;border:1px solid #00f2ff4d;box-shadow:0 0 10px #00f2ff1a;color:var(--color-primary);font-weight:var(--font-weight-semibold)}.navbar-link-primary:hover{background:#00f2ff33;background-color:#ffffff40;border-color:var(--color-primary);box-shadow:0 0 15px #00f2ff4d;color:var(--color-white)}@media (max-width:767px){.navbar{flex-wrap:wrap;padding:var(--space-sm) var(--space-md)}.navbar-logo{font-size:24px}.navbar-title{font-size:var(--font-size-lg)}.navbar-tagline{display:none}.navbar-links{gap:var(--space-sm);justify-content:center;margin-top:var(--space-sm);width:100%}.navbar-link{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}}.summary-cards{display:flex;gap:var(--space-md);justify-content:space-around;margin-bottom:var(--space-xl)}.card{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--color-surface-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);flex:1 1;padding:var(--space-lg);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:#fff3;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-5px)}.card h3{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:1px;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.card p{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);margin:0;text-shadow:0 0 20px #00f2ff33}@media (max-width:767px){.summary-cards{flex-direction:column;gap:var(--space-sm)}.card{padding:var(--space-md)}.card h3{font-size:var(--font-size-sm)}.card p{font-size:1.75rem}}@media (min-width:768px) and (max-width:1023px){.summary-cards{flex-wrap:wrap}.card{flex:1 1 calc(50% - var(--space-md));min-width:150px}}.patient-directory{margin-top:var(--space-xl);padding-bottom:var(--space-2xl)}.directory-header{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}@media (min-width:768px){.directory-header{align-items:flex-end;flex-direction:row;justify-content:space-between}}.creative-title{display:flex;flex-direction:column;font-family:var(--font-display);font-size:3rem;gap:.2rem;line-height:1}.title-word{color:#fff6;font-weight:300;letter-spacing:-.02em;transition:color .3s ease}.title-word.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:#fff;font-weight:600}.directory-controls{display:flex;flex-wrap:wrap;gap:var(--space-md)}.search-bar{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;min-width:250px;padding:8px 16px;position:relative;transition:all .3s ease}.search-bar:focus-within{background:#ffffff14;border-color:var(--neon-cyan);box-shadow:0 0 15px #06b6d426}.search-icon{font-size:.9rem;margin-right:8px;opacity:.5}.search-bar input{background:#0000;border:none;color:#fff;font-family:var(--font-body);font-size:.95rem;outline:none;width:100%}.search-bar input::placeholder{color:#ffffff4d}.clear-search-btn{align-items:center;background:#0000;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0 4px;transition:color .2s}.clear-search-btn:hover{color:#fff}.sort-dropdown{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:8px;padding:8px 16px}.sort-label{color:#ffffff80;font-size:.85rem;white-space:nowrap}.sort-dropdown select{background:#0000;border:none;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:.95rem;outline:none}.sort-dropdown select option{background:#1a1a1a;color:#fff}.empty-state{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:16px;color:#fff6;padding:var(--space-2xl);text-align:center}.patient-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.patient-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:0}.patient-card.deleting{opacity:.5;pointer-events:none}.patient-photo-container{align-items:center;background:linear-gradient(180deg,#00f2ff0d,#0000);display:flex;flex-direction:column;padding:24px 24px 16px;position:relative}.patient-avatar-large{align-items:center;background:var(--gradient-primary);border:3px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 32px #00f2ff4d;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.patient-avatar-large .avatar-photo{height:100%;object-fit:cover;width:100%}.patient-avatar-large .avatar-initial{color:#000;font-size:40px;font-weight:700}.patient-risk-indicator{align-items:center;background:#ffffff0d;border-radius:20px;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;margin-top:12px;padding:6px 14px;text-transform:uppercase}.risk-dot{background:#888;border-radius:50%;height:8px;width:8px}.patient-risk-indicator[data-risk=High]{color:#ff4d6d}.patient-risk-indicator[data-risk=High] .risk-dot{background:#ff4d6d;box-shadow:0 0 10px #ff4d6d}.patient-risk-indicator[data-risk=Medium]{color:#ffc857}.patient-risk-indicator[data-risk=Medium] .risk-dot{background:#ffc857;box-shadow:0 0 10px #ffc857}.patient-risk-indicator[data-risk=Low]{color:#00ff9d}.patient-risk-indicator[data-risk=Low] .risk-dot{background:#00ff9d;box-shadow:0 0 10px #00ff9d}.patient-card-body{flex:1 1;padding:0 24px 16px;text-align:center}.patient-name{color:#fff;font-size:18px;font-weight:600;margin:0 0 12px}.patient-meta{display:flex;gap:16px;justify-content:center}.meta-item{align-items:center;color:#fff9;display:flex;font-size:13px;gap:6px}.meta-icon{font-size:12px}.patient-card-actions{border-top:1px solid #ffffff0d;display:flex}.action-btn{background:#0000;border:none;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:14px;transition:all .2s ease}.view-btn{border-right:1px solid #ffffff0d;color:var(--color-primary)}.view-btn:hover{background:#00f2ff1a}.delete-btn{color:#fff6;flex:0 0 50px}.delete-btn:hover{background:#ff4d6d1a;color:#ff4d6d}.delete-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.patient-directory{margin-top:var(--space-md);padding-bottom:var(--space-lg)}.creative-title{font-size:2rem}.directory-controls{flex-direction:column;width:100%}.search-bar{min-width:100%;width:100%}.sort-dropdown{width:100%}.sort-dropdown select{flex:1 1}.patient-grid{gap:var(--space-md);grid-template-columns:1fr}.patient-avatar-large{height:80px;width:80px}.patient-avatar-large .avatar-initial{font-size:32px}.patient-name{font-size:16px}.patient-meta{flex-direction:column;gap:8px}.action-btn{font-size:12px;padding:12px}}@media (min-width:768px) and (max-width:1023px){.patient-grid{grid-template-columns:repeat(2,1fr)}.creative-title{font-size:2.5rem}}.add-patient-section{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--color-surface-glass);border:var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-lg);padding:var(--space-lg)}.section-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0 0 var(--space-md) 0}.patient-form{width:100%}.form-row{align-items:flex-start;display:flex;gap:var(--space-md)}.photo-upload-field{display:flex;flex-direction:column;gap:var(--space-xs)}.photo-upload-area{align-items:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;transition:all var(--transition-fast);width:60px}.photo-upload-area:hover{background:#ffffff14;border-color:var(--color-primary)}.photo-upload-area.has-photo{border-color:var(--color-primary);border-style:solid}.photo-upload-area.compressing{border-color:var(--color-primary);pointer-events:none}.compress-spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--color-primary);height:24px;width:24px}.photo-placeholder{align-items:center;display:flex;flex-direction:column;gap:2px}.upload-icon{font-size:18px;opacity:.6}.upload-text{color:var(--color-text-secondary);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.photo-preview{height:100%;object-fit:cover;width:100%}.form-field{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.form-field input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-small);padding:12px 14px;transition:all var(--transition-fast)}.form-field input:focus{background:#ffffff1a;border-color:var(--color-primary);box-shadow:0 0 10px #00f2ff1a;outline:none}.form-field input.error{border-color:var(--color-error)}.form-field input::placeholder{color:var(--color-text-disabled)}.error-text{color:var(--color-error);font-size:12px;font-weight:var(--font-weight-medium)}.add-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 15px #00f2ff33;color:var(--color-white);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);padding:12px 20px;transition:all var(--transition-fast);white-space:nowrap}.add-btn:hover{box-shadow:0 6px 20px #00f2ff66;transform:translateY(-1px)}.add-btn:active{transform:translateY(1px)}@media (max-width:767px){.form-row{flex-direction:column;gap:var(--space-sm)}.add-btn{align-self:flex-start}}.dashboard{padding:0;position:relative;width:100%}.dashboard-hero-section{display:flex;flex-direction:column;height:100vh;justify-content:center;padding:var(--space-xl);position:relative;scroll-snap-align:start;width:100%}.hero-header{margin-bottom:var(--space-xl);text-align:center}.hero-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 0 10px rgba(0,242,255,.3));font-family:var(--font-display);font-size:3.5rem;margin-bottom:var(--space-sm)}.hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);letter-spacing:1px}.dashboard-directory-section{min-height:100vh;padding:var(--space-xl);padding-top:80px;scroll-snap-align:start}.scroll-indicator{align-items:center;bottom:40px;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);left:50%;opacity:.7;position:absolute;transform:translateX(-50%)}.arrow-down{color:var(--color-primary);font-size:24px;margin-top:8px}.dashboard-actions{display:flex;justify-content:center;margin-top:var(--space-xl)}@media (max-width:767px){.dashboard-hero-section{height:auto;min-height:100vh;padding:var(--space-lg) var(--space-md);padding-top:calc(var(--space-lg) + 60px)}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:var(--font-size-base);padding:0 var(--space-sm)}.dashboard-directory-section{min-height:auto;padding:var(--space-md);padding-top:var(--space-lg)}.scroll-indicator{bottom:20px;font-size:var(--font-size-xs)}.arrow-down{font-size:18px}}@media (min-width:768px) and (max-width:1023px){.dashboard-hero-section{padding:var(--space-lg)}.hero-title{font-size:2.75rem}.dashboard-directory-section{padding:var(--space-lg)}}.patient-header-card{align-items:center;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);display:flex;margin-bottom:var(--space-lg);padding:var(--space-lg)}.patient-avatar{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:0 0 25px #00f2ff66;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:42px;font-weight:700;height:120px;justify-content:center;margin-right:var(--space-xl);overflow:hidden;position:relative;transition:all .3s ease;width:120px}.patient-avatar:hover{box-shadow:0 0 25px #00f2ff99}.patient-avatar.has-photo{background:#0000}.patient-avatar .avatar-image{height:100%;object-fit:cover;width:100%}.patient-avatar .avatar-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.patient-avatar:hover .avatar-overlay{opacity:1}.patient-avatar .overlay-icon{font-size:24px}.patient-avatar.uploading{pointer-events:none}.patient-avatar .upload-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--color-primary);height:30px;position:absolute;width:30px}.patient-info h1{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:0 0 var(--space-xs) 0}.patient-info p{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0}.edit-btn,.patient-info p{font-size:var(--font-size-sm)}.edit-btn{background:#0000;border:1px solid #00f2ff4d;border-radius:var(--border-radius-md);color:var(--color-primary);cursor:pointer;margin-left:var(--space-md);padding:var(--space-xs) var(--space-md);transition:all .3s ease}.edit-btn:hover{background:#00f2ff1a;border-color:var(--color-primary);box-shadow:0 0 15px #00f2ff4d}.name-row{align-items:center;display:flex;margin-bottom:var(--space-xs)}.name-row h1{margin:0}.edit-form{display:flex;flex:1 1;flex-direction:column;gap:var(--space-md)}.edit-field{display:flex;flex-direction:column;gap:var(--space-xs)}.edit-field label{color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase}.edit-field input{background:#0000004d;border:1px solid #00f2ff33;border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);transition:all .3s ease}.edit-field input:focus{border-color:var(--color-primary);box-shadow:0 0 15px #00f2ff33;outline:none}.edit-field input::placeholder{color:var(--color-text-muted)}.edit-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.btn-cancel,.btn-save{border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg);transition:all .3s ease}.btn-save{background:var(--gradient-primary);border:none;color:#000}.btn-save:hover:not(:disabled){box-shadow:0 0 25px #00f2ff80;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#0000;border:1px solid #fff3;color:var(--color-text-secondary)}.btn-cancel:hover:not(:disabled){border-color:#fff6;color:var(--color-text-primary)}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}@media (max-width:767px){.patient-header-card{flex-direction:column;padding:var(--space-md);text-align:center}.patient-avatar{font-size:28px;height:80px;margin-bottom:var(--space-md);margin-right:0;width:80px}.patient-info{width:100%}.patient-info h1{font-size:var(--font-size-lg)}.patient-info p{font-size:var(--font-size-xs);justify-content:center}.name-row{flex-direction:column;gap:var(--space-sm)}.edit-btn{margin-left:0}.edit-btn,.edit-field input,.edit-form{width:100%}.edit-actions{flex-direction:column;width:100%}.btn-cancel,.btn-save{text-align:center;width:100%}}@media (min-width:768px) and (max-width:1023px){.patient-avatar{font-size:36px;height:100px;margin-right:var(--space-lg);width:100px}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slide-down .3s ease-out;background:var(--color-surface);border:1px solid #ffffff1a;border-radius:var(--border-radius-lg);box-shadow:0 20px 50px #00000080;max-width:600px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 24px}.modal-header h3{color:var(--color-text-primary);font-family:var(--font-display);font-size:18px;font-weight:var(--font-weight-bold);margin:0}.close-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:24px;transition:color var(--transition-fast)}.close-button:hover{color:var(--color-white)}.add-reading-form{padding:24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;padding:10px;transition:all var(--transition-fast)}.form-group input:focus{background:#ffffff1a;border-color:var(--color-primary);box-shadow:0 0 10px #00f2ff1a;outline:none}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{font-size:14px;font-weight:500}.btn-primary{box-shadow:0 4px 15px #00f2ff33;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #00f2ff66}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.modal-content{margin:var(--space-md);max-height:90vh;overflow-y:auto;width:95%}.modal-header{padding:12px 16px}.modal-header h3{font-size:16px}.add-reading-form{padding:16px}.form-grid{gap:12px;grid-template-columns:1fr}.form-group input{font-size:16px;padding:12px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer .btn{width:100%}}.vital-signs-trends-card{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-lg);padding:var(--space-lg)}.vital-signs-trends-card h3{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);margin-top:0}.chart-container{height:300px;width:100%}.vital-signs-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 0 5px rgba(0,242,255,.3));font-family:var(--font-display)}.recharts-default-tooltip{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#121212f2!important;border:1px solid #ffffff1a!important;border-radius:8px!important;box-shadow:0 4px 12px #00000080!important;padding:10px!important}.recharts-tooltip-item-list{margin:0!important;padding:0!important}.recharts-tooltip-item{font-size:13px!important;padding-bottom:4px!important;padding-top:4px!important}.recharts-tooltip-label{color:#aaa!important;font-weight:600!important;margin-bottom:5px!important}@media (max-width:767px){.vital-signs-trends-card{padding:var(--space-md)}.vital-signs-trends-card h3{font-size:var(--font-size-base);margin-bottom:var(--space-md)}.chart-container{height:220px;margin:0 calc(var(--space-sm)*-1)}}@media (min-width:768px) and (max-width:1023px){.chart-container{height:260px}}.pending-prediction-card{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border:var(--border-glass);border-left:4px solid var(--color-warning);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-lg);padding:var(--space-lg)}.pending-prediction-card .section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.pending-prediction-card h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin:0}.pending-vitals{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.vital-item{align-items:center;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:var(--border-radius-md);display:flex;flex-direction:column;padding:var(--space-md);text-align:center;transition:transform var(--transition-fast)}.vital-item:hover{background-color:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.vital-label{color:var(--color-text-secondary);font-size:.85rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.vital-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #ffffff1a}.readings-history-card{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg)}.readings-history-card h3{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);margin-top:0}.table-container{overflow-x:auto}table{border-collapse:collapse;font-size:var(--font-size-small);width:100%}td,th{border-bottom:1px solid #ffffff0d;color:var(--color-text-primary);padding:12px 16px;text-align:left}thead th{background-color:#ffffff08;color:var(--color-text-secondary);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}tbody tr:hover{background-color:#ffffff0d}.risk-badge{border-radius:12px;box-shadow:0 0 10px #0003;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.risk-high{background-color:var(--color-risk-high-bg);border:1px solid #ff00554d;box-shadow:0 0 8px #f053;color:var(--color-risk-high)}.risk-medium{background-color:var(--color-risk-medium-bg);border:1px solid #ffcc004d;box-shadow:0 0 8px #fc03;color:var(--color-risk-medium)}.risk-low{background-color:var(--color-risk-low-bg);border:1px solid #00ff9d4d;box-shadow:0 0 8px #00ff9d33;color:var(--color-risk-low)}.risk-na{background-color:#ffffff1a;border:1px solid #ffffff1a;color:var(--color-text-disabled)}.btn-predict{background:var(--color-success);border:none;border-radius:var(--radius-sm);box-shadow:0 0 10px #00ff9d33;color:#000;cursor:pointer;font-size:12px;font-weight:var(--font-weight-bold);padding:6px 12px;transition:all var(--transition-fast)}.btn-predict:hover{background:#00e68e;box-shadow:0 0 15px #00ff9d66;transform:translateY(-1px)}@media (max-width:767px){.readings-history-card{padding:var(--space-md)}.readings-history-card h3{font-size:var(--font-size-base);margin-bottom:var(--space-md)}.table-container{margin:0 calc(var(--space-md)*-1);padding:0 var(--space-sm)}table{font-size:var(--font-size-xs);min-width:600px}td,th{padding:8px 10px}.risk-badge{font-size:10px;padding:3px 8px}.btn-predict{font-size:10px;padding:4px 8px}}.patient-detail-container{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.toolbar{justify-content:space-between;margin-bottom:var(--space-lg)}.back-button,.toolbar{align-items:center;display:flex}.back-button{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);gap:var(--space-sm);text-decoration:none;transition:color var(--transition-fast)}.back-button:hover{color:var(--color-primary)}.btn{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:10px 20px}.btn-primary{background:var(--gradient-primary);box-shadow:0 4px 15px #00f2ff4d;color:var(--color-white)}.btn-primary:hover{box-shadow:0 6px 20px #00f2ff80;transform:translateY(-1px)}.real-time-section{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--space-lg);padding:var(--space-lg)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}.actions{display:flex;gap:12px}.btn-secondary{background-color:#ffffff1a;border:1px solid #ffffff1a}.btn-secondary:hover{background-color:#fff3}.loading-container{color:var(--color-text-secondary);font-size:18px;padding:50px;text-align:center}@media (max-width:767px){.patient-detail-container{padding:var(--space-md)}.toolbar{align-items:stretch;flex-direction:column;gap:var(--space-md)}.back-button{justify-content:center}.btn{padding:12px 20px;text-align:center;width:100%}.real-time-section{padding:var(--space-md)}.section-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.section-header h3{text-align:center}.actions{flex-direction:column}.actions,.actions .btn{width:100%}}@media (min-width:768px) and (max-width:1023px){.patient-detail-container{padding:var(--space-lg)}}.input-field{margin-bottom:var(--space-lg);width:100%}.input-label{color:var(--color-text-primary);display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.input-unit{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.input-required{color:var(--color-error);margin-left:2px}.input-wrapper{align-items:center;display:flex;position:relative}.input{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-body);height:var(--input-height-md);padding:var(--space-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.input::placeholder{color:var(--color-text-disabled)}.input-valid{padding-right:48px}.input-valid,.input-valid:focus{border-color:var(--color-success)}.input-valid:focus{box-shadow:0 0 0 3px #388e3c33}.input-error{animation:shake .3s ease-in-out;border-color:var(--color-error);padding-right:48px}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #d32f2f33}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.input-disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.input-icon{font-size:18px;pointer-events:none;position:absolute;right:var(--space-md)}.input-icon-valid{color:var(--color-success)}.input-icon-error{color:var(--color-error)}.input-helper{color:var(--color-text-secondary);font-size:var(--font-size-tiny);margin-bottom:0;margin-top:var(--space-xs)}.input-helper-error{align-items:center;color:var(--color-error);display:flex;gap:var(--space-xs)}.input-helper-error:before{content:"⚠️";font-size:var(--font-size-tiny)}@media (max-width:767px){.input{font-size:16px;height:var(--input-height-lg)}}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:var(--radius-round);border-top:3px solid var(--color-primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-small{border-width:2px;height:16px;width:16px}.spinner-medium{border-width:3px;height:24px;width:24px}.spinner-large{border-width:4px;height:48px;width:48px}.spinner-inline{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;border-top-color:initial;display:inline-block;vertical-align:middle}.spinner-fullscreen{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:200px;padding:var(--space-xxl)}.spinner-text{color:var(--color-text-secondary);margin:0}.btn,.spinner-text{font-size:var(--font-size-body)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-bold);gap:var(--space-sm);height:var(--input-height-md);justify-content:center;min-width:200px;padding:0 var(--space-xl);transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-surface)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-card);transform:scale(1.02)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background-color:initial;border:var(--border-width) solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:#00f2ff1a;border-color:var(--color-primary);box-shadow:0 0 15px #00f2ff33;color:var(--color-primary)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn:disabled{background-color:#bdbdbd;box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed;transform:none}.btn-secondary:disabled{background-color:initial;border-color:var(--color-border)}.btn-loading{cursor:wait;pointer-events:none}.btn-full-width{min-width:auto;width:100%}@media (max-width:767px){.btn{height:var(--input-height-lg);min-width:160px;padding:0 var(--space-lg)}.btn-full-width{width:100%}}.error-alert{animation:errorSlideDown var(--transition-slow) var(--transition-ease);background-color:var(--color-error-light);border:2px solid var(--color-error);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #f4433626;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}@keyframes errorSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-alert-content{align-items:flex-start;display:flex;gap:var(--space-md)}.error-alert-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:32px;line-height:1}.error-alert-text{flex:1 1}.error-alert-title{color:var(--color-error);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-xs) 0}.error-alert-message{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.error-alert-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-left:48px}.error-alert-actions button{min-width:120px}@media (max-width:767px){.error-alert{padding:var(--space-md)}.error-alert-icon{font-size:28px}.error-alert-title{font-size:var(--font-size-base)}.error-alert-message{font-size:var(--font-size-sm)}.error-alert-actions{padding-left:0}.error-alert-actions button{flex:1 1;min-width:100px}}.error-alert-message{color:#424242}.result-card{animation:resultFadeSlideUp .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#121212;background-color:#121212d9;background-color:var(--color-surface-glass,#121212d9);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;color:#fff;margin:0 auto;max-width:800px;padding:32px}@keyframes resultFadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:16px;text-align:center}.result-title{background:linear-gradient(90deg,#00f2ff,#7000ff);-webkit-background-clip:text;background-clip:text;color:#fff;color:#0000;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.result-date{color:#a0a0a0;font-family:Roboto Mono,monospace;font-size:14px}.result-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.result-section{display:flex;flex-direction:column}.result-section-title{border-bottom:1px solid #ffffff1a;color:#00f2ff;font-size:16px;font-weight:600;letter-spacing:1px;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.result-risk-badge{align-items:center;animation:badgePulse .5s ease-out;border-radius:12px;display:flex;flex:1 1;gap:16px;justify-content:center;margin-bottom:24px;padding:24px;text-align:left}.result-risk-details{display:flex;flex-direction:column}.result-risk-sublabel{font-size:12px;font-weight:500;opacity:.8;text-transform:uppercase}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-risk-icon{font-size:42px;line-height:1}.result-risk-label{font-size:24px;font-weight:700;letter-spacing:1px;line-height:1.2;text-transform:uppercase}.risk-low{background:#00ff9d1a;border:1px solid #00ff9d;box-shadow:0 0 15px #00ff9d1a;color:#00ff9d}.risk-medium{background:#ffcc001a;border:1px solid #fc0;box-shadow:0 0 15px #ffcc001a;color:#fc0}.risk-high{background:#ff00551a;border:1px solid #f05;box-shadow:0 0 15px #ff00551a;color:#f05}.result-message{font-size:18px;margin:0 0 32px;padding:0 16px;text-align:center}.result-confidence{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:32px;padding:16px}.result-confidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.result-confidence-label{color:#a0a0a0;font-size:16px;font-weight:500}.result-confidence-value{color:#00f2ff;font-size:20px;font-weight:700}.result-confidence-bar-container{background-color:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.result-confidence-bar{background:linear-gradient(90deg,#00f2ff,#7000ff);border-radius:4px;box-shadow:0 0 10px #00f2ff80;height:100%;transition:width 1s ease-in-out}@keyframes barFill{0%{width:0!important}}.result-inputs{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:0;padding:20px}.result-inputs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.result-input-item{display:flex;flex-direction:column;gap:4px}.result-input-label{color:#a0a0a0;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-input-value{background-color:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;display:block;font-family:Roboto Mono,monospace;font-size:15px;padding:8px 10px;width:100%}.result-input-unit{color:#666;font-size:11px;margin-left:4px}.result-details{margin-bottom:32px}.result-message-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.result-message-title{color:#00f2ff;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.result-message{color:#e0e0e0;font-size:16px;line-height:1.6;margin:0}.result-safety-warning{animation:pulseWarning 2s ease-in-out infinite;background:#ff00551a;border:1px solid #f05;border-radius:12px;margin-bottom:32px;padding:32px}@keyframes pulseWarning{0%,to{box-shadow:0 0 0 0 #f056}50%{box-shadow:0 0 0 8px #f050}}.safety-warning-header{align-items:center;color:#f05;display:flex;font-size:20px;font-weight:700;gap:16px;margin-bottom:20px}.safety-warning-icon{font-size:28px}.safety-warning-list{background-color:#0003;border:1px solid #f053;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:16px}.safety-warning-item{color:#fff;font-size:16px;font-weight:500;line-height:1.5;padding-left:16px;position:relative}.safety-warning-item:before{color:#f05;content:"•";font-weight:700;left:0;position:absolute}.safety-warning-action{color:#f05;font-size:15px;font-weight:600;line-height:1.6;margin:20px 0 0}.result-actions{border-top:1px solid #ffffff1a;display:flex;gap:16px;margin-bottom:24px;padding-top:24px}.result-disclaimer{background-color:#ffcc000d;border-left:3px solid #fc0;border-radius:4px;display:flex;flex-direction:column;gap:12px;padding:16px}.result-disclaimer p{color:#a0a0a0;font-size:12px;line-height:1.5;margin:0}.result-disclaimer strong{color:#fc0}.result-footer-brand{border-top:1px solid #ffffff0d;color:#666;font-size:10px;letter-spacing:1px;padding-top:8px;text-align:right;text-transform:uppercase}@media (max-width:767px){.result-card{padding:20px}.result-content-grid{gap:24px;grid-template-columns:1fr}.result-actions{flex-direction:column}}@media print{@page{size:A4;margin:2cm}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.result-card,body{background:#fff!important;color:#000!important}.result-card{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;box-shadow:none!important;margin:0!important;max-width:100%!important;padding:0!important}.result-header{align-items:flex-end!important;border-bottom:2px solid #000!important;display:flex!important;justify-content:space-between!important;margin-bottom:32px!important;padding-bottom:16px!important;text-align:left!important}.result-title{-webkit-text-fill-color:#000!important;background:none!important;color:#000!important;font-size:24px!important;margin:0!important}.result-date{color:#333!important;font-size:12px!important}.result-content-grid{grid-gap:40px!important;display:grid!important;gap:40px!important;grid-template-columns:1fr 1fr!important;margin-bottom:40px!important}.result-section{break-inside:avoid;page-break-inside:avoid}.result-section-title{border-bottom:1px solid #000!important;color:#000!important;font-size:14px!important;margin-bottom:16px!important}.result-inputs{background:none!important;border:none!important;padding:0!important}.result-inputs-grid{gap:12px!important}.result-input-item{align-items:center!important;border-bottom:1px dotted #ccc;flex-direction:row!important;justify-content:space-between!important;padding-bottom:4px}.result-input-label{color:#333!important;font-size:12px!important}.result-input-value{background:none!important;border:none!important;color:#000!important;font-weight:700!important;padding:0!important;text-align:right!important;width:auto!important}.result-input-unit{color:#666!important}.result-risk-badge{background:none!important;border:2px solid #000!important;box-shadow:none!important;margin-bottom:24px!important;padding:16px!important}.result-risk-badge,.result-risk-label{color:#000!important}.result-risk-sublabel{color:#333!important}.result-confidence{background:none!important;border:none!important;padding:0!important}.result-confidence-label,.result-confidence-value{color:#000!important}.result-confidence-bar-container{background:#eee!important;border:1px solid #ccc!important}.result-confidence-bar{background:#333!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.result-message-container{background:none!important;border:1px solid #ccc!important;padding:16px!important}.result-message,.result-message-title{color:#000!important}.result-safety-warning{animation:none!important;background:none!important;border:2px solid #000!important;box-shadow:none!important;color:#000!important}.safety-warning-header{color:#000!important}.safety-warning-text{background:none!important;border:none!important;color:#000!important;padding:0!important}.result-actions{display:none!important}.result-disclaimer{background:none!important;border:none!important;border-top:1px solid #ccc!important;margin-top:40px!important;padding-top:16px!important}.result-disclaimer p{color:#666!important;font-size:10px!important}.result-disclaimer strong{color:#333!important}.result-footer-brand{border-top:none!important;color:#333!important;margin-top:8px!important;text-align:center!important}}.model-info-panel{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border:1px solid #00f2ff4d;border-radius:var(--border-radius-md);box-shadow:0 0 15px #00f2ff1a;margin-bottom:var(--space-xl);overflow:hidden}.model-info-header{align-items:center;background-color:#00f2ff0d;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background-color var(--transition-base);width:100%}.model-info-header:hover{background-color:#00f2ff1a}.model-info-header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.model-info-header-content{align-items:center;display:flex;gap:var(--space-sm)}.model-info-icon{filter:drop-shadow(0 0 5px rgba(0,242,255,.5));font-size:24px;line-height:1}.model-info-title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;text-align:left;text-shadow:0 0 10px #00f2ff4d}.model-info-toggle{color:var(--color-primary);font-size:var(--font-size-sm);transition:transform var(--transition-base)}.model-info-toggle.expanded{transform:rotate(180deg)}.model-info-content{animation:expandDown var(--transition-base) ease-out;border-top:1px solid #00f2ff1a;padding:var(--space-lg);padding-top:var(--space-md)}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.model-info-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-lg)}.model-info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.model-info-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.model-info-label,.model-info-value{font-weight:var(--font-weight-medium)}.model-info-value{color:var(--color-text-primary);font-size:var(--font-size-base)}.model-info-highlight{color:var(--color-primary);font-weight:var(--font-weight-bold);text-shadow:0 0 8px #00f2ff4d}.model-info-note{background-color:#ffffff0d;border-left:3px solid var(--color-primary);border-radius:var(--border-radius-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.model-info-note p{color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-relaxed);margin:0}.model-info-link,.model-info-note strong{color:var(--color-primary)}.model-info-link{display:inline-block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast)}.model-info-link:hover{text-shadow:0 0 8px #00f2ff99;transform:translateX(4px)}@media (max-width:767px){.model-info-header{padding:var(--space-sm) var(--space-md)}.model-info-icon{font-size:20px}.model-info-title{font-size:var(--font-size-base)}.model-info-content{padding:var(--space-md);padding-top:0}.model-info-grid{gap:var(--space-sm);grid-template-columns:1fr}.model-info-note{padding:var(--space-sm)}}@media (min-width:768px) and (max-width:1023px){.model-info-grid{grid-template-columns:repeat(2,1fr)}}.prediction-page{background:#0000;min-height:calc(100vh - 60px);padding:var(--space-xl) var(--space-md)}.prediction-container{margin:0 auto;max-width:800px}.prediction-header{animation:headerFadeIn var(--transition-base) ease-out;margin-bottom:var(--space-xl);text-align:center}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.prediction-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 0 10px rgba(0,242,255,.3));font-family:var(--font-display);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;margin:0 0 var(--space-sm) 0}.prediction-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0}.prediction-form{animation:formSlideUp var(--transition-base) ease-out;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background-color:var(--color-surface-glass);border:var(--border-glass);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl)}@keyframes formSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prediction-form-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.prediction-form-actions{border-top:1px solid #ffffff1a;display:flex;gap:var(--space-md);padding-top:var(--space-md)}@media (max-width:767px){.prediction-page{padding:var(--space-lg) var(--space-sm)}.prediction-title{font-size:var(--font-size-xl)}.prediction-subtitle{font-size:var(--font-size-base)}.prediction-form{padding:var(--space-lg)}.prediction-form-grid{gap:var(--space-md);grid-template-columns:1fr}.prediction-form-actions{flex-direction:column}}@media (min-width:768px) and (max-width:1023px){.prediction-page{padding:var(--space-xl) var(--space-lg)}.prediction-form-grid{grid-template-columns:repeat(2,1fr)}}.prediction-form-grid>:first-child{animation:inputFadeIn var(--transition-base) ease-out .1s both}.prediction-form-grid>:nth-child(2){animation:inputFadeIn var(--transition-base) ease-out .15s both}.prediction-form-grid>:nth-child(3){animation:inputFadeIn var(--transition-base) ease-out .2s both}.prediction-form-grid>:nth-child(4){animation:inputFadeIn var(--transition-base) ease-out .25s both}.prediction-form-grid>:nth-child(5){animation:inputFadeIn var(--transition-base) ease-out .3s both}.prediction-form-grid>:nth-child(6){animation:inputFadeIn var(--transition-base) ease-out .35s both}@keyframes inputFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prediction-form:focus-within{box-shadow:var(--shadow-hover);transition:box-shadow var(--transition-base)}@media print{.prediction-page{background:#fff;padding:0}.prediction-form{box-shadow:none}.prediction-form-actions{display:none}}.background-animation-container{--mouse-x:50vw;--mouse-y:50vh;background-color:#0a0b10;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}.grid-overlay{background-image:linear-gradient(#ffffff14 1px,#0000 0),linear-gradient(90deg,#ffffff14 1px,#0000 0);background-size:50px 50px;opacity:.6}.grid-overlay,.spotlight{height:100%;left:0;position:absolute;top:0;width:100%}.spotlight{background:radial-gradient(circle 800px at var(--mouse-x) var(--mouse-y),#00f2ff26,#7000ff1a,#0000 50%);mix-blend-mode:screen;pointer-events:none}main{margin:0 auto;max-width:1400px;padding:var(--space-md)}
/*# sourceMappingURL=main.bee28ee8.css.map*/