:root{--navy-950:#0a0f1d;--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#334155;--navy-600:#475569;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--teal-600:#0d9488;--teal-500:#14b8a6;--teal-400:#2dd4bf;--teal-50:#f0fdfa;--amber-600:#d97706;--amber-500:#f59e0b;--amber-50:#fffbeb;--rose-600:#e11d48;--rose-500:#f43f5e;--rose-50:#fff1f2;--emerald-600:#059669;--emerald-500:#10b981;--emerald-50:#ecfdf5;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-50:#eff6ff;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--slate-50);color:var(--navy-800);-webkit-font-smoothing:antialiased;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{background-color:var(--slate-50);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.page-body{width:100%;max-width:1440px;margin:0 auto;padding:24px 32px}.top-header{background-color:var(--white);border-bottom:1px solid var(--slate-200);z-index:20;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:16px;display:flex}.badge{border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{background-color:var(--emerald-50);color:var(--emerald-600);border:1px solid #a7f3d0}.badge-warning{background-color:var(--amber-50);color:var(--amber-600);border:1px solid #fde68a}.badge-danger{background-color:var(--rose-50);color:var(--rose-600);border:1px solid #fecdd3}.badge-info{background-color:var(--blue-50);color:var(--blue-600);border:1px solid #bfdbfe}.badge-neutral{background-color:var(--slate-100);color:var(--navy-700);border:1px solid var(--slate-300)}.card{background-color:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 24px}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s ease-in-out;display:inline-flex}.btn:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}.btn-primary{background-color:var(--teal-600);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:#0f766e}.btn-secondary{background-color:var(--white);border-color:var(--slate-300);color:var(--navy-800)}.btn-secondary:hover:not(:disabled){background-color:var(--slate-100)}.btn:disabled{opacity:.6;cursor:not-allowed}.form-input,.form-select,.form-textarea{border:1px solid var(--slate-300);border-radius:var(--radius-md);background-color:var(--white);width:100%;color:var(--navy-900);padding:8px 12px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 2px #14b8a633}.table-container{border:1px solid var(--slate-200);border-radius:var(--radius-lg);background-color:var(--white);overflow-x:auto}.clinical-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.clinical-table th{background-color:var(--slate-100);color:var(--navy-700);border-bottom:1px solid var(--slate-200);white-space:nowrap;padding:12px 16px;font-weight:600}.clinical-table td{border-bottom:1px solid var(--slate-200);color:var(--navy-800);padding:12px 16px}.clinical-table tbody tr:hover{cursor:pointer;background-color:#f8fafc}.clinical-table tbody tr:last-child td{border-bottom:none}.mono{font-family:var(--font-mono);font-size:12px}.glass-step-card{-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:14px;padding:24px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .4s,background .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff1a}.glass-step-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.glass-step-card:hover{background:#ffffff12;border-color:#ffffff40;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #00000080,inset 0 1px #fff3}.glass-step-card:hover:before{left:100%}.glass-step-icon{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s,filter .3s;display:flex}.glass-step-card:hover .glass-step-icon{transform:translateY(-4px)scale(1.18)rotate(8deg)}.glass-step-icon svg{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.glass-step-card:hover .glass-step-icon svg{transform:scale(1.1)}.glass-step-card:hover .glass-step-icon-teal{filter:brightness(1.2);box-shadow:0 0 25px #2dd4bf99,0 0 50px #2dd4bf4d}.glass-step-card:hover .glass-step-icon-blue{filter:brightness(1.2);box-shadow:0 0 25px #38bdf899,0 0 50px #38bdf84d}.glass-step-card:hover .glass-step-icon-purple{filter:brightness(1.2);box-shadow:0 0 25px #c084fc99,0 0 50px #c084fc4d}.glass-step-card:hover .glass-step-icon-emerald{filter:brightness(1.2);box-shadow:0 0 25px #34d39999,0 0 50px #34d3994d}.glass-rule-item{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:16px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,box-shadow .35s;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff0d}.glass-rule-item:hover{background:#ffffff0f;border-color:#38bdf84d;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 25px #0006,0 0 20px #38bdf826}.glass-rule-dot{background-color:#2dd4bf;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;box-shadow:0 0 6px #2dd4bf}.glass-rule-item:hover .glass-rule-dot{transform:scale(1.8);box-shadow:0 0 12px #2dd4bf,0 0 20px #2dd4bf}.glass-logo-frame{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:24px;padding:14px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s,border-color .4s;position:relative;box-shadow:0 20px 50px #000000b3,0 0 40px #7b4dff40}.glass-logo-frame:hover{border-color:#ffffff4d;transform:translateY(-8px)scale(1.03)rotate(-1deg);box-shadow:0 30px 60px #000c,0 0 60px #7b4dff80}.glass-cta-card{text-align:center;-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff24;border-radius:24px;flex-direction:column;align-items:center;gap:18px;padding:48px 36px;transition:border-color .4s,box-shadow .4s,transform .4s;display:flex;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff26}.glass-cta-card:hover{border-color:#14b8a659;box-shadow:0 25px 60px #0009,0 0 40px #14b8a633,inset 0 1px #ffffff40}.btn-primary svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover svg{transform:translate(4px)}
