:root{--b:#38bdf8;--bd:#0284c7;--bd-hover:#0369a1;--n:#0f2738;--i:#1e293b;--m:#64748b;--l:#e2e8f0;--s:#f8fafc;--bg:#f4f7fa;--g:#059669;--a:#d97706;--p:#7c3aed;--r:#dc2626;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow:0 2px 4px -1px #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-md:0 6px 16px -3px #0f172a14, 0 2px 6px -2px #0f172a0a;--shadow-lg:0 14px 28px -5px #0f172a17, 0 6px 10px -3px #0f172a0a;--radius-sm:6px;--radius:10px;--radius-md:14px;--radius-lg:18px}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background:var(--bg);color:var(--i);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;line-height:1.5}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}.top{border-bottom:1px solid var(--l);z-index:50;background:#fff;align-items:center;gap:16px;height:68px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.logo{object-fit:contain;width:auto;height:38px;transition:opacity .15s}.logo:hover{opacity:.9}.context{border:1px solid var(--l);background:var(--s);border-radius:10px;min-width:260px;padding:7px 13px}.context small{text-transform:uppercase;letter-spacing:.08em;color:var(--bd);font-size:10px;font-weight:700;display:block}.context b{color:var(--n);margin-top:1px;font-size:12.5px;font-weight:600;display:block}.grow{flex:1}.top button{border:1px solid var(--l);color:var(--i);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:8px 15px;font-size:12.5px;font-weight:600;transition:all .15s}.top button:hover{color:var(--n);background:#f1f5f9;border-color:#cbd5e1}.avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#102c3d,#1a4f6d);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid;box-shadow:0 2px 5px #102c3d40}.layout{grid-template-columns:256px 1fr;min-height:calc(100vh - 68px);display:grid}.side{border-right:1px solid var(--l);background:#fff;height:calc(100vh - 68px);padding:18px 12px;position:sticky;top:68px;overflow-y:auto}.role{border:1px solid var(--l);background:#f8fafc;border-radius:12px;margin-bottom:14px;padding:10px 12px}.role small{color:var(--m);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px;font-weight:700;display:block}.role select{width:100%;color:var(--n);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;margin-top:6px;padding:6px 8px;font-size:12.5px;font-weight:600;transition:border-color .15s}.role select:focus{border-color:var(--bd)}.group{text-transform:uppercase;letter-spacing:.09em;color:#94a3b8;padding:12px 10px 6px;font-size:10px;font-weight:700}.nav button{text-align:left;color:#475569;background:0 0;border:0;border-radius:8px;width:100%;margin-bottom:2px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:block}.nav button:hover{color:var(--n);background:#f1f5f9}.nav button.active{color:var(--bd);background:#e0f2fe;font-weight:600}.main{min-width:0;padding:18px 24px}.head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.ey{text-transform:uppercase;letter-spacing:.09em;color:var(--bd);font-size:11px;font-weight:700}h1{color:var(--n);letter-spacing:-.03em;margin:4px 0 6px;font-size:28px;font-weight:800;line-height:1.25}.sub{color:var(--m);max-width:850px;margin:0;font-size:13.5px;line-height:1.55}.table-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table-toolbar>*{min-width:0}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions button,.btn{color:var(--i);min-height:32px;box-shadow:var(--shadow-xs);-webkit-user-select:none;user-select:none;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;line-height:1.2;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn.sm{border-radius:6px;gap:5px;min-height:26px;padding:3px 9px;font-size:11.5px}.btn.xs{border-radius:5px;gap:4px;min-height:22px;padding:2px 7px;font-size:11px}.actions button:hover,.btn:hover{color:var(--n);box-shadow:var(--shadow-sm);background:#f8fafc;border-color:#94a3b8}.actions button:active,.btn:active{transform:translateY(1px)}.actions button:disabled,.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.actions button:focus-visible,.btn:focus-visible{outline:2px solid var(--bd);outline-offset:2px}.primary{background:var(--bd)!important;border-color:var(--bd)!important;color:#fff!important;box-shadow:0 1px 3px #0284c740!important}.primary:hover{background:var(--bd-hover)!important;border-color:var(--bd-hover)!important;box-shadow:0 3px 8px #0284c759!important}.screen{max-width:1440px;margin:auto;display:none}.screen.active{display:block}.grid4,.grid3,.grid2,.grid{gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1.4fr .8fr}.metric,.card,.item,.profile,.tile{border:1px solid var(--l);box-shadow:var(--shadow);background:#fff;border-radius:14px;transition:box-shadow .2s,border-color .2s}.metric:hover,.card:hover,.tile:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.metric{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;box-shadow:0 1px 3px #0f172a0a,0 1px 2px -1px #0f172a05}.metric:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 16px -4px #0f172a0f,0 4px 6px -2px #0f172a08}.metric small{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;display:block}.metric strong{letter-spacing:-.025em;color:#0f172a;font-variant-numeric:tabular-nums;margin:4px 0 6px;font-size:26px;font-weight:700;display:block}.metric span{color:#64748b;font-size:12px;display:block}.card{margin-top:12px;padding:18px 20px}.card h3{letter-spacing:-.01em;color:var(--n);margin:0 0 10px;font-size:15px;font-weight:700}.muted{color:var(--m);font-size:13px;line-height:1.55}.status{text-transform:uppercase;letter-spacing:.04em;color:var(--bd);background:#edf8fd;border:1px solid #cbe9f9;border-radius:9999px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.green{color:var(--g);background:#ecfdf5;border-color:#a7f3d0}.amber{color:var(--a);background:#fffbeb;border-color:#fde68a}.purple{color:var(--p);background:#faf5ff;border-color:#e9d5ff}.gray{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.hero{color:var(--i);border:1px solid var(--l);background:linear-gradient(135deg,#fff 0%,#f8fafc 55%,#f0f9ff 100%);border-radius:16px;justify-content:space-between;align-items:stretch;gap:24px;margin-top:12px;padding:24px 28px;display:flex;box-shadow:0 1px 3px #0f172a0d,0 4px 12px #0f172a08}.hero h2{letter-spacing:-.02em;color:#0f172a;margin:8px 0 6px;font-size:23px;font-weight:800}.hero p{color:#475569;margin:0;font-size:13.5px;line-height:1.55}.hero .tagrow{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.hero .tagrow span{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:500}.steps{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.steps span{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:5px 9px;font-size:10.5px;font-weight:600}.steps .done{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.count{border-left:1px solid #e2e8f0;flex-direction:column;justify-content:center;min-width:170px;padding-left:20px;display:flex}.count small{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:10px;font-weight:600;display:block}.count b{color:#0f172a;margin:4px 0 2px;font-size:28px;font-weight:800;display:block}.count span{color:#64748b;font-size:11.5px;display:block}.table-wrap{border:1px solid var(--l);border-radius:var(--radius);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.table-scroll-body{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:auto;width:100%;min-height:0;overflow:auto}.table{border-collapse:separate;border-spacing:0;width:100%}.table th,.table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12.5px}.table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;z-index:5;background:#f8fafc;font-size:10.5px;font-weight:700;position:sticky;top:0;box-shadow:0 1px #e2e8f0}.table td{color:#334155;font-weight:450}.table tr:hover td{background:#f8fafc}.table-compact th,.table-compact td{padding:6px 10px;font-size:12px}.table-compact th{padding:7px 10px;font-size:10px}@media (max-width:900px){.table th,.table td{padding:7px 9px;font-size:11.5px}.table th{font-size:10px}}@media (max-width:600px){.table-wrap{border-radius:8px;margin-top:6px}.table th,.table td{padding:6px 8px;font-size:11px}.table th{padding:6px 8px;font-size:9.5px}}.formgrid{grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;display:grid}label>span:first-child:not(.req):not(.required-star):not(.req-star):not([style*="color: #dc2626"]):not([style*="color:#dc2626"]):not([style*="color: rgb(220, 38, 38)"]),label>div:first-child{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.req,.required-star,.req-star,label span.req,label span.required-star,label>span.req,label>span.required-star,label span[style*="color: #dc2626"],label span[style*="color:#dc2626"],label span[style*="color: #ef4444"],label span[style*="color:#ef4444"],label span[style*="color: rgb(220, 38, 38)"],label>span[style*="color: #dc2626"],label>span[style*="color:#dc2626"]{color:#ef4444!important;white-space:nowrap!important;vertical-align:baseline!important;font-weight:700!important;line-height:inherit!important;margin-bottom:0!important;margin-left:3px!important;display:inline!important}:is(label:has(input[type=checkbox])>span,label:has(input[type=radio])>span){color:#334155;margin-bottom:0;font-size:13px;font-weight:400;display:inline}input[type=checkbox],input[type=radio]{cursor:pointer;width:auto!important}input,select,textarea{color:#0f172a;width:100%;box-shadow:var(--shadow-xs);background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:9px 13px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):not([type=radio]):not([type=range]),select{height:40px}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:var(--bd);outline:none;box-shadow:0 0 0 3px #0284c726}input:disabled,select:disabled,textarea:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}input::placeholder,textarea::placeholder{color:#94a3b8;font-weight:400}textarea{resize:vertical;min-height:96px}.stepper{border:1px solid var(--l);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;gap:8px;margin-top:14px;padding:10px 14px;display:flex;overflow-x:auto}.stepper b{white-space:nowrap;color:#64748b;background:#f1f5f9;border-radius:9999px;padding:6px 13px;font-size:11px;font-weight:600;transition:all .15s}.stepper b.on{color:var(--bd);background:#e0f2fe;border:1px solid #bae6fd;font-weight:700}.options,.cards,.profiles,.vault{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.tile,.item{padding:18px}.tile h3,.item h3{color:var(--n);margin:8px 0 6px;font-size:15px;font-weight:700}.tile p,.item p{color:var(--m);margin:0;font-size:13px;line-height:1.55}.tagrow{flex-wrap:wrap;gap:6px;display:flex}.tagrow span{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:4px 9px;font-size:11px;font-weight:500}.notice{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.5}.profile{align-items:center;gap:14px;padding:16px;display:flex}.circle{width:48px;height:48px;color:var(--bd);background:#e0f2fe;border-radius:12px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.profile h3{color:var(--n);margin:2px 0;font-size:14.5px;font-weight:700}.profile p{color:var(--m);margin:2px 0;font-size:12.5px}.score{text-align:right;margin-left:auto}.score small{color:var(--m);text-transform:uppercase;font-size:10px;font-weight:600;display:block}.score b{color:var(--n);font-size:22px;font-weight:800}.vault{grid-template-columns:repeat(4,1fr)}.vault .tile i{margin-bottom:6px;font-size:24px;font-style:normal;display:block}.result{text-align:center;box-shadow:var(--shadow-md);background:linear-gradient(#fff 0%,#f0fdf4 100%);border:1px solid #bbf7d0;border-radius:18px;margin-top:14px;padding:36px 28px}.result h2{color:var(--n);letter-spacing:-.02em;margin:10px 0;font-size:28px;font-weight:800}.pipeline{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px;display:grid;overflow-x:auto}.col{background:#f1f5f9;border-radius:12px;min-width:190px;padding:12px 10px}.col h3{text-transform:uppercase;letter-spacing:.05em;color:#475569;margin:0 0 8px 4px;font-size:12px;font-weight:700}.kcard{border:1px solid var(--l);color:#1e293b;background:#fff;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:12.5px;font-weight:500;box-shadow:0 1px 2px #00000008}.scope{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.scope .item{align-items:flex-start;gap:12px;display:flex}.tick{width:24px;height:24px;color:var(--g);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.scope b{color:var(--n);font-size:13px;font-weight:700}.scope p{color:var(--m);margin:3px 0 0;font-size:12px;line-height:1.45}.auth{border:1px solid var(--l);min-height:580px;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;grid-template-columns:1fr 440px;margin-top:14px;display:grid;overflow:hidden}.authleft{color:#fff;background:linear-gradient(135deg,#0f2738 0%,#174b65 100%);flex-direction:column;justify-content:center;padding:50px;display:flex}.authleft img{background:#fff;border-radius:8px;width:220px;margin-bottom:24px;padding:8px 12px}.authleft h2{letter-spacing:-.03em;margin:0 0 10px;font-size:32px;font-weight:800}.authleft p{color:#cbd5e1;margin:0;font-size:15px;line-height:1.5}.authright{background:#fff;flex-direction:column;justify-content:center;gap:12px;padding:48px;display:flex}.authright button{width:100%}.authright button.password-toggle-btn{width:auto;min-width:unset}.authright button.password-toggle-btn:hover{color:#0284c7}.studio{color:#e2e8f0;box-shadow:var(--shadow-lg);background:#0f172a;border:1px solid #1e293b;border-radius:16px;margin-top:14px;overflow:hidden}.sttop{background:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:12px;height:52px;padding:0 16px;font-size:12px;display:flex}.sttop img{background:#fff;border-radius:4px;width:auto;height:24px;padding:2px 4px}.sttop .grow{flex:1}.sttop button{color:#e2e8f0;background:#334155;border:1px solid #475569;border-radius:6px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.sttop button:hover{background:#475569}.stgrid{grid-template-columns:46px 210px 1fr 340px;min-height:480px;display:grid}.rail{background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;gap:6px;padding:8px 4px;display:flex}.rail button{color:#94a3b8;background:0 0;border:0;border-radius:6px;width:36px;height:36px;font-size:14px}.rail button:hover{color:#fff;background:#1e293b}.files{color:#94a3b8;background:#111827;border-right:1px solid #1e293b;padding:14px 12px;font:11.5px/1.8 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.files b{color:#cbd5e1;margin-bottom:6px;display:block}.editor{background:#0b0f19;min-width:0}.tabs{background:#111827;border-bottom:1px solid #1e293b;height:36px;display:flex}.tabs span{color:#94a3b8;border-right:1px solid #1e293b;align-items:center;padding:8px 14px;font-size:11.5px;display:flex}.tabs span:first-child{color:#38bdf8;background:#0b0f19;font-weight:600}.editor pre{color:#e2e8f0;margin:0;padding:16px;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.agent{background:#111827;border-left:1px solid #1e293b;flex-direction:column;display:flex}.agenthead{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.agenthead select{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:4px;padding:4px 8px;font-size:11px}.chat{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.bubble{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5}.bubble.me{color:#fff;background:#0284c7;border-color:#0284c7;margin-left:28px}.terminal{color:#cbd5e1;background:#090d16;border-top:1px solid #1e293b;padding:12px 16px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ok{color:#4ade80}.warn{color:#facc15}.phonewrap{justify-content:center;align-items:center;gap:40px;margin-top:20px;display:flex}.phone{color:#f8fafc;background:#0f172a;border:10px solid #020617;border-radius:40px;width:320px;padding:22px 18px;box-shadow:0 25px 50px -12px #00000059}.phone img{background:#fff;border-radius:6px;width:auto;height:28px;padding:3px 6px}.phone .item{background:#1e293b;border-color:#334155;margin-top:12px;padding:14px}.phone .item h3{color:#fff}.phonecopy{max-width:480px}.bar{background:#e2e8f0;border-radius:9999px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--b), var(--bd));height:100%;display:block}.bars{gap:12px;display:grid}.bars div{grid-template-columns:180px 1fr 50px;align-items:center;gap:12px;font-size:13px;display:grid}.setting{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setting b{color:var(--n);font-size:13.5px;font-weight:600;display:block}.setting span{color:var(--m);margin-top:2px;font-size:12.5px;display:block}.rubric{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 80px 50px;align-items:center;gap:12px;padding:14px 0;display:grid}.rubric b{color:var(--n);font-size:13.5px}.rubric input{text-align:center;padding:8px 10px;font-weight:600}.calendar{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px;display:grid}.day{border:1px solid var(--l);min-height:140px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:14px}.day b{color:var(--n);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.day span{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:6px;padding:6px 8px;font-size:11.5px;font-weight:500;display:block}@media (max-width:1200px){.grid4,.scope{grid-template-columns:repeat(2,1fr)}.vault{grid-template-columns:repeat(3,1fr)}.stgrid{grid-template-columns:46px 180px 1fr}.agent{display:none}}@media (max-width:900px){.layout{grid-template-columns:1fr}.side{display:none}.side.mobile-open{animation:.2s cubic-bezier(.4,0,.2,1) slideInLeft;z-index:99!important;background:#fff!important;width:280px!important;max-width:85vw!important;height:calc(100vh - 68px)!important;display:block!important;position:fixed!important;top:68px!important;left:0!important;box-shadow:4px 0 24px #00000026!important}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:98;background:#0f172a73;animation:.15s fadeIn;position:fixed;inset:68px 0 0}.main{padding:20px 16px}.context{display:none}.grid2,.auth{grid-template-columns:1fr}.cards,.options,.profiles,.scope{grid-template-columns:1fr 1fr}.phonewrap{flex-direction:column}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:600px){.top{gap:10px;padding:0 14px}.logo{height:30px}.top .hide-mobile-btn{display:none!important}.main{padding:16px 12px}.grid4,.grid3,.grid2,.formgrid,.cards,.options,.profiles,.scope,.vault{grid-template-columns:1fr}h1{font-size:22px}.head{flex-direction:column;gap:12px}.hero{flex-direction:column;padding:20px 18px}.count{border-top:1px solid #e2e8f0;border-left:0;padding:14px 0 0}.stgrid{grid-template-columns:46px 1fr}.files{display:none}.calendar{grid-template-columns:1fr}}input[type=range].accent-blue-600{appearance:none;accent-color:#2563eb;background:#e2e8f0;border-radius:9999px;outline:none;width:100%;height:6px}input[type=range].accent-blue-600::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 3px #0003}input[type=range].accent-blue-600::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range].accent-blue-600::-moz-range-thumb{cursor:pointer;background:#2563eb;border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 3px #0003}input[type=range].accent-blue-600::-moz-range-thumb:hover{transform:scale(1.15)}@keyframes sf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sf-progress-shimmer{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.sf-loader-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:480px;padding:40px 20px;display:flex}.sf-loader-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:420px;padding:36px 44px;display:flex;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #00000003}.sf-loader-spinner-ring{box-sizing:border-box;border:3px solid #e0f2fe;border-top-color:#0284c7;border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:.8s linear infinite sf-spin}.sf-loader-progress-bar{background:#f1f5f9;border-radius:9999px;width:100%;height:4px;margin-top:20px;position:relative;overflow:hidden}.sf-loader-progress-indicator{background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:9999px;width:50%;animation:1.4s ease-in-out infinite sf-progress-shimmer;position:absolute;top:0;bottom:0;left:0}