:root{--bg:#070b14;--bg-gradient:radial-gradient(circle at 50% 0%, #6366f124 0%, transparent 60%);--surface:#0e172a;--surface-elevated:#131f38;--surface-muted:#111a2e;--border:#ffffff14;--border-focus:#6366f180;--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#6366f129;--accent:#10b981;--accent-light:#10b98129;--warn:#f59e0b;--warn-light:#f59e0b29;--danger:#ef4444;--danger-light:#ef444429;--cyan:#06b6d4;--cyan-light:#06b6d429}*{box-sizing:border-box}html,body{background:var(--bg);background-image:var(--bg-gradient);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Devanagari,sans-serif;line-height:1.55;overflow-x:hidden}a{color:#818cf8;text-underline-offset:2px;text-decoration:underline;transition:color .15s}a:hover{color:#a5b4fc}button,select,input{color:var(--text);font-family:inherit;font-size:.92rem}.app-shell{max-width:1400px;margin:0 auto;padding:1.25rem}.top-header{color:#fff;background:linear-gradient(135deg,#0d1527 0%,#152243 50%,#1a1b4b 100%);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.25rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0009,0 0 1px 1px #ffffff0d}.top-header:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#6366f12e,#0000 70%);width:300px;height:100%;position:absolute;top:0;right:0}.header-row{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex;position:relative}.brand-badge{color:#c7d2fe;letter-spacing:.04em;text-transform:uppercase;background:#6366f133;border:1px solid #6366f166;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.header-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.control-pill{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;padding:.45rem .85rem;font-size:.86rem;font-weight:600;transition:all .15s}.control-pill:hover{background:#ffffff26;border-color:#ffffff4d}.control-pill.active{color:#0f172a;background:#fff;border-color:#fff;box-shadow:0 2px 10px #fff3}.kpi-strip{z-index:1;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-top:1.25rem;display:grid;position:relative}.kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1527a6;border:1px solid #ffffff1a;border-radius:12px;padding:.75rem 1rem;transition:border-color .2s,transform .2s}.kpi-card:hover{border-color:#6366f166;transform:translateY(-1px)}.kpi-value{color:#fff;letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.kpi-label{color:#94a3b8;margin-top:.2rem;font-size:.76rem;font-weight:500}.nav-tabs{border:1px solid var(--border);background:#0b1222;border-radius:14px;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;padding:.45rem;display:flex;box-shadow:0 4px 16px -2px #0006}.nav-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:.55rem .95rem;font-size:.86rem;font-weight:600;transition:all .15s}.nav-tab:hover{color:#f8fafc;background:#ffffff0d}.nav-tab.active{color:#fff;background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);border-color:#6366f1;box-shadow:0 4px 12px #4f46e559}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (max-width:960px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.grid-4{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1.25rem;padding:1.25rem;transition:border-color .2s;box-shadow:0 6px 24px -2px #0006}.card:hover{border-color:#ffffff1f}.card h2{color:#fff;margin-top:0;font-size:1.35rem;font-weight:700}.card h3{color:#f1f5f9;margin-top:0;font-size:1.15rem;font-weight:700}.card h4{color:#e2e8f0;margin-top:0;font-size:1rem;font-weight:600}.badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;margin-bottom:.3rem;margin-right:.4rem;padding:.25rem .65rem;font-size:.76rem;font-weight:700;display:inline-block}.badge-blue{color:#a5b4fc;background:#6366f126;border-color:#6366f14d}.badge-green{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.badge-warn{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b4d}.badge-danger{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.btn{border:1px solid var(--border);color:#f8fafc;cursor:pointer;background:#142038;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:#1c2b4c;border-color:#fff3}.btn-primary{color:#fff;background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);border-color:#6366f1;box-shadow:0 2px 10px #4f46e559}.btn-primary:hover{background:linear-gradient(135deg,#3730a3 0%,#4338ca 100%);box-shadow:0 4px 14px #4f46e580}.btn-accent{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-color:#34d399;box-shadow:0 2px 10px #10b98159}.btn-accent:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);box-shadow:0 4px 14px #10b98180}.table-wrap{border:1px solid var(--border);border-radius:10px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.7rem .85rem}th{color:#e2e8f0;text-transform:uppercase;letter-spacing:.04em;background:#111a2e;font-size:.8rem;font-weight:700}tr:hover td{background:#ffffff05}.select-input{color:#f8fafc;background:#111a2e;border:1px solid #25334d;border-radius:10px;outline:none;width:100%;padding:.6rem .85rem;font-size:.9rem;transition:border-color .15s}.select-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.option-btn{text-align:left;color:#e2e8f0;cursor:pointer;background:#0f182c;border:1px solid #1e2b44;border-radius:10px;width:100%;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.88rem;transition:all .15s;display:block}.option-btn:hover{background:#15223e;border-color:#4f46e5}.option-btn.selected{color:#fff;background:#6366f133;border-color:#818cf8;font-weight:600;box-shadow:0 0 0 1px #818cf8}.tab-content-enter{animation:.25s cubic-bezier(.16,1,.3,1) forwards appTabFadeScale}@keyframes appTabFadeScale{0%{opacity:0;transform:translateY(6px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.streak-flame{animation:2s ease-in-out infinite flamePulse;display:inline-block}.btn:active,.control-pill:active,.option-btn:active,.nav-tab:active,.mobile-tab-btn:active{transition:transform 80ms;transform:scale(.97)}@keyframes xpToastPop{0%{opacity:0;transform:translate(-50%,20px)scale(.85)}18%{opacity:1;transform:translate(-50%)scale(1.05)}75%{opacity:1;transform:translate(-50%,-3px)scale(1)}to{opacity:0;transform:translate(-50%,-24px)scale(.95)}}.xp-toast{color:#fff;z-index:1000;pointer-events:none;background:linear-gradient(135deg,#4338ca 0%,#6366f1 100%);border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.95rem;font-weight:800;animation:2.2s cubic-bezier(.16,1,.3,1) forwards xpToastPop;display:flex;position:fixed;top:5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -5px #6366f199,0 0 0 1px #ffffff40}.mobile-status-strip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e172ad9;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.6rem .95rem;display:flex}.status-pill{color:#f8fafc;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.mobile-bottom-bar{display:none}@media (max-width:768px){.mobile-bottom-bar{z-index:50;-webkit-backdrop-filter:blur(20px);padding:.4rem .5rem calc(env(safe-area-inset-bottom,0px) + .35rem) .5rem;background:#0b1222f2;border-top:1px solid #ffffff1f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0009}.mobile-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.45rem .2rem;font-size:.7rem;font-weight:600;transition:color .15s,background .15s;display:flex}.mobile-tab-btn.active{color:#fff;background:#6366f138}.mobile-tab-btn .tab-icon{font-size:1.25rem;line-height:1}.app-shell{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 84px)!important}}@media (max-width:640px){.app-shell{padding:.75rem}.top-header{padding:1.1rem}.grid-2,.grid-3{grid-template-columns:1fr}.kpi-strip{grid-template-columns:repeat(2,1fr)}.stack-table thead{display:none}.stack-table,.stack-table tbody,.stack-table tr,.stack-table td{width:100%;display:block}.stack-table tr{padding:.5rem 0}.stack-table td{padding:.3rem .9rem!important}.stack-table td[data-label]:before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700;display:block}}.ak-page{--ak-bg:#f7f4ee;--ak-surface:#fff;--ak-muted-surface:#f1ede4;--ak-ink:#1c1917;--ak-ink-2:#44403c;--ak-ink-3:#6b645c;--ak-line:#e2dccf;--ak-brand:#0f5c4d;--ak-brand-2:#0b4a3e;--ak-brand-soft:#e3f1ec;--ak-amber:#b45309;--ak-amber-soft:#fdf1dc;--ak-red:#b42318;--ak-red-soft:#fdecea;--ak-blue:#1d4ed8;--ak-blue-soft:#e7eefc;background:var(--ak-bg);min-height:100vh;color:var(--ak-ink);font-family:Noto Sans Devanagari,Mukta,Nirmala UI,Mangal,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.ak-page *,.ak-page :before,.ak-page :after{box-sizing:border-box}.ak-wrap{max-width:1120px;margin:0 auto;padding:1.25rem 1rem 3rem}.ak-page a{color:var(--ak-brand)}.ak-page a:focus-visible,.ak-page button:focus-visible,.ak-page input:focus-visible,.ak-page select:focus-visible{outline:3px solid var(--ak-blue);outline-offset:2px}.ak-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ak-tags{flex-wrap:wrap;gap:.4rem;display:flex}.ak-tag{background:var(--ak-muted-surface);color:var(--ak-ink-2);border:1px solid var(--ak-line);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.ak-tag-brand{background:var(--ak-brand-soft);color:var(--ak-brand-2);border-color:#bfdcd2}.ak-tag-amber{background:var(--ak-amber-soft);color:#8a3f06;border-color:#f3d7a6}.ak-tag-red{background:var(--ak-red-soft);color:var(--ak-red);border-color:#f5c2bd}.ak-lang{border:1px solid var(--ak-line);background:var(--ak-surface);border-radius:999px;padding:3px;display:inline-flex}.ak-lang button{color:var(--ak-ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:.3rem .85rem;font-size:.88rem;font-weight:600}.ak-lang button[aria-pressed=true]{background:var(--ak-brand);color:#fff}.ak-hero h1{letter-spacing:-.01em;margin:.25rem 0 .5rem;font-size:clamp(1.75rem,4.5vw,2.6rem);line-height:1.2}.ak-hero .ak-lead{color:var(--ak-ink-2);max-width:62ch;margin:0 0 1rem;font-size:clamp(1rem,2.2vw,1.15rem)}.ak-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:1rem 0 1.25rem;display:grid}.ak-kpi{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:14px;padding:.85rem 1rem}.ak-kpi-value{color:var(--ak-brand-2);font-size:1.5rem;font-weight:800;line-height:1.2}.ak-kpi-label{color:var(--ak-ink-2);font-size:.88rem}.ak-kpi-src{color:var(--ak-ink-3);margin-top:.25rem;font-size:.74rem}.ak-tabs{scrollbar-width:thin;gap:.4rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.ak-tab{border:1px solid var(--ak-line);background:var(--ak-surface);color:var(--ak-ink-2);font:inherit;cursor:pointer;border-radius:10px;flex:none;min-height:44px;padding:.5rem .95rem;font-size:.92rem;font-weight:600}.ak-tab[aria-selected=true],.ak-tab[aria-pressed=true]{background:var(--ak-ink);color:#fff;border-color:var(--ak-ink)}.ak-card{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:16px;padding:1.1rem}.ak-card+.ak-card{margin-top:.85rem}.ak-card h2{margin:0 0 .5rem;font-size:1.25rem;line-height:1.3}.ak-card h3{margin:0 0 .35rem;font-size:1.02rem;line-height:1.35}.ak-muted{color:var(--ak-ink-3);font-size:.88rem}.ak-split{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.ak-phone{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:24px;padding:1rem;box-shadow:0 10px 30px #1c191714}.ak-phone-bar{color:var(--ak-ink-3);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.78rem;display:flex}.ak-steps{gap:.3rem;margin-bottom:.9rem;display:flex}.ak-steps span{background:var(--ak-line);border-radius:99px;flex:1;height:5px}.ak-steps span.on{background:var(--ak-brand)}.ak-result{color:#fff;background:linear-gradient(135deg,#0f5c4d,#134e4a);border-radius:14px;padding:1rem}.ak-result .ak-big{font-size:2rem;font-weight:800;line-height:1.1}.ak-field{border:0;min-width:0;margin:0 0 .9rem;padding:0}.ak-field>legend,.ak-field>label{margin-bottom:.4rem;font-size:.95rem;font-weight:700;display:block}.ak-chips{flex-wrap:wrap;gap:.4rem;display:flex}.ak-chip{position:relative}.ak-chip input{opacity:0;width:1px;height:1px;position:absolute}.ak-chip span{border:1px solid var(--ak-line);background:var(--ak-surface);cursor:pointer;border-radius:10px;align-items:center;min-height:40px;padding:.35rem .8rem;font-size:.9rem;display:inline-flex}.ak-chip input:checked+span{border-color:var(--ak-brand);background:var(--ak-brand-soft);color:var(--ak-brand-2);font-weight:700}.ak-chip input:focus-visible+span{outline:3px solid var(--ak-blue);outline-offset:2px}.ak-input,.ak-select{width:100%;min-height:44px;font:inherit;border:1px solid var(--ak-line);background:var(--ak-surface);color:var(--ak-ink);border-radius:10px;padding:.5rem .7rem;font-size:.95rem}.ak-range{width:100%;accent-color:var(--ak-brand)}.ak-btn{border:1px solid var(--ak-brand);background:var(--ak-brand);color:#fff;min-height:46px;font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}.ak-page a.ak-btn{color:#fff}.ak-page a.ak-btn.ak-btn-ghost{color:var(--ak-brand-2)}.ak-btn:hover{background:var(--ak-brand-2)}.ak-btn:disabled{opacity:.5;cursor:not-allowed}.ak-btn-ghost{background:var(--ak-surface);color:var(--ak-brand-2)}.ak-btn-ghost:hover{background:var(--ak-brand-soft)}.ak-btn-block{width:100%}.ak-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ak-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.ak-item{border:1px solid var(--ak-line);background:var(--ak-surface);border-radius:12px;padding:.75rem .85rem}.ak-item-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ak-item p{color:var(--ak-ink-2);margin:.25rem 0 0;font-size:.9rem}.ak-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ak-ink-3);margin:1.1rem 0 .5rem;font-size:.8rem;font-weight:800}.ak-alert{border-radius:12px;margin-top:.5rem;padding:.7rem .85rem;font-size:.9rem}.ak-alert-red{background:var(--ak-red-soft);color:#7a1b13;border:1px solid #f5c2bd}.ak-alert-green{background:var(--ak-brand-soft);color:var(--ak-brand-2);border:1px solid #bfdcd2}.ak-alert-amber{background:var(--ak-amber-soft);color:#7c3a06;border:1px solid #f3d7a6}.ak-alert-neutral{background:var(--ak-muted-surface);color:var(--ak-ink-2);border:1px solid var(--ak-line)}.ak-check{cursor:pointer;align-items:flex-start;gap:.55rem;font-size:.92rem;display:flex}.ak-check input{width:20px;height:20px;accent-color:var(--ak-brand);flex:none;margin-top:.15rem}.ak-explain{gap:.75rem;display:grid}.ak-explain .ak-card{margin:0}.ak-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.ak-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.ak-table-wrap{border:1px solid var(--ak-line);border-radius:12px;overflow-x:auto}.ak-table{border-collapse:collapse;background:var(--ak-surface);width:100%;font-size:.9rem}.ak-table th,.ak-table td{text-align:left;border-bottom:1px solid var(--ak-line);vertical-align:top;padding:.6rem .75rem}.ak-table th{background:var(--ak-muted-surface);color:var(--ak-ink-2);font-size:.8rem}.ak-table tr:last-child td{border-bottom:0}.ak-num{font-variant-numeric:tabular-nums}.ak-total{color:var(--ak-brand-2);font-size:2rem;font-weight:800;line-height:1.15}.ak-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.ak-timeline>li{border-left:2px solid var(--ak-line);margin-left:.5rem;padding:0 0 1rem 1.6rem;position:relative}.ak-timeline>li:last-child{border-left-color:#0000;padding-bottom:0}.ak-timeline>li:before{content:"";background:var(--ak-surface);border:3px solid var(--ak-brand);border-radius:50%;width:14px;height:14px;position:absolute;top:.3rem;left:-8px}.ak-timeline>li.new:before{background:var(--ak-amber);border-color:var(--ak-amber)}.ak-when{color:var(--ak-brand-2);letter-spacing:.02em;font-size:.8rem;font-weight:800}.ak-footer{color:var(--ak-ink-3);margin-top:1.5rem;font-size:.8rem}.ak-footer ol{padding-left:1.2rem}.ak-footer li{overflow-wrap:anywhere;margin-bottom:.3rem}.ak-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ak-page .ak-break{overflow-wrap:anywhere}@media (max-width:900px){.ak-split,.ak-grid-3{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.ak-wrap{padding:1rem 1rem 2.5rem}.ak-grid-2{grid-template-columns:minmax(0,1fr)}.ak-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ak-kpi-value{font-size:1.25rem}.ak-phone{border-radius:18px;padding:.85rem}.ak-table.ak-stack thead{display:none}.ak-table.ak-stack,.ak-table.ak-stack tbody,.ak-table.ak-stack tr,.ak-table.ak-stack td{width:100%;display:block}.ak-table.ak-stack tr{border-bottom:1px solid var(--ak-line);padding:.4rem 0}.ak-table.ak-stack td{border-bottom:0;padding:.25rem .75rem}.ak-table.ak-stack td[data-label]:before{content:attr(data-label);color:var(--ak-ink-3);font-size:.72rem;font-weight:700;display:block}}.global-mode-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1527d9;border:1px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem 1rem;display:flex}.global-mode-brand{align-items:center;gap:.6rem;display:flex}.brand-logo-gem{color:#818cf8;font-size:1.15rem}.brand-title{letter-spacing:-.02em;color:#fff;font-size:1.15rem;font-weight:800}.global-mode-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.global-pill{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.global-pill:hover{color:#fff;background:#ffffff1a}.global-pill.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-color:#6366f1;box-shadow:0 2px 10px #6366f14d}.global-pill.secondary-pill{opacity:.85;border-style:dashed}.user-workflow-ribbon{background:linear-gradient(135deg,#0f172af2 0%,#141e3af2 100%);border:1.5px solid #6366f159;border-radius:14px;margin-bottom:1.25rem;padding:1.1rem;box-shadow:0 8px 24px -4px #0006}.workflow-ribbon-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.role-switcher-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.role-tab-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:.45rem .9rem;font-size:.84rem;font-weight:700;transition:all .15s}.role-tab-btn:hover{color:#fff;background:#ffffff1f}.role-tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-color:#6366f1;box-shadow:0 2px 10px #6366f159}.student-journey-bar{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:.9rem}.journey-step-indicator{margin-bottom:.6rem}.step-tag{color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.journey-steps-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}@media (max-width:860px){.journey-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.journey-steps-grid{grid-template-columns:1fr}}.journey-step-card{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;padding:.65rem .85rem;transition:all .15s;display:flex}.journey-step-card:hover{background:#ffffff14;border-color:#6366f166}.journey-step-card.current{background:#6366f12e;border-color:#818cf8;box-shadow:0 0 12px #6366f140}.journey-step-card .step-num{text-transform:uppercase;color:#a5b4fc;margin-bottom:.15rem;font-size:.68rem;font-weight:800}.journey-step-card .step-title{color:#fff;font-size:.86rem;font-weight:700}.journey-step-card .step-sub{color:var(--text-muted);margin-top:.15rem;font-size:.74rem}.workflow-next-container{background:linear-gradient(135deg,#6366f11f 0%,#06b6d41f 100%);border:1px solid #6366f14d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding:.85rem 1.15rem;display:flex}.workflow-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#06b6d4);border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1.25rem;font-size:.88rem;font-weight:700;transition:transform .12s;display:inline-flex;box-shadow:0 3px 12px #6366f159}.workflow-next-btn:hover{transform:translateY(-1px)}.whatsapp-preview-box{background:#0b141a;border:1px solid #25d3664d;border-radius:12px;max-width:600px;margin:1rem 0;overflow:hidden}.whatsapp-header{background:#202c33;align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex}.whatsapp-bubble{color:#e9edef;white-space:pre-wrap;background:#005c4b;border-radius:8px;margin:.85rem;padding:.85rem 1rem;font-family:inherit;font-size:.86rem;line-height:1.5}
