body{font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}nav::-webkit-scrollbar{width:5px}nav::-webkit-scrollbar-track{background:0 0}nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.user-dropdown{z-index:9999;border:1px solid #015c9440;border-radius:12px;width:290px;animation:.15s ease-out dropdownFade;display:block;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #00000038,0 2px 8px #0000000f;background:#fff!important}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{color:#fff;background:#1e293b;align-items:center;gap:12px;padding:16px;display:flex}.user-dropdown-avatar{color:#fff;background:#015c94;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.user-dropdown-name{color:#fff;font-size:13.5px;font-weight:700;line-height:1.3}.user-dropdown-role{color:#ffffffbf;margin-top:1px;font-size:11.5px}.user-dropdown-circle{color:#ffffffd9;background:#ffffff26;border-radius:20px;align-items:center;gap:5px;margin-top:4px;padding:2px 8px;font-size:10.5px;display:inline-flex}.user-online-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px}.user-dropdown-body{background:#fff;border-bottom:1px solid #015c941f;padding:6px 0}.user-dropdown-item{cursor:pointer;transition:background .15s;color:#2b2b2b!important;box-sizing:border-box!important;background:#fff!important;border:none!important;align-items:center!important;gap:12px!important;width:100%!important;padding:9px 16px!important;text-decoration:none!important;display:flex!important}.user-dropdown-item:hover{background:#f0f7ff!important}.user-dropdown-item-icon{color:#fff;background:#015c94;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.user-dropdown-item-text{text-align:left!important;flex-direction:column!important;gap:2px!important;display:flex!important}.user-dropdown-item-text span{color:#1e293b!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;display:block!important}.user-dropdown-item:hover .user-dropdown-item-text span{color:#015c94!important}.user-dropdown-item-text small{color:#64748b!important;font-size:11px!important;font-weight:400!important;display:block!important}.user-dropdown-footer{background:#f8fafc;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.user-dropdown-logout{color:#fff;cursor:pointer;background:#015c94;border:1px solid #2b2b2b26;border-radius:7px;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.user-dropdown-logout:hover{background:#024168}.user-dropdown-version{color:#64748b;font-size:11px}.header-user.open #userMenuArrow,#userMenuArrow.rotated{transform:rotate(180deg)}.notif-btn{position:relative}.notif-badge{color:#fff;text-align:center;background:#dc3545;border:2px solid #fff;border-radius:10px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-4px;right:-4px}.notif-dropdown{z-index:1100;opacity:0;pointer-events:none;background:#fff;border:1px solid #015c94;border-radius:12px;width:370px;max-width:calc(100vw - 24px);transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-8px)scale(.97);box-shadow:0 16px 48px #0000002e}.notif-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.notif-dropdown-header{color:#fff;background:#2b2b2b;justify-content:space-between;align-items:center;padding:13px 16px;font-size:13px;font-weight:700;display:flex}.notif-dropdown-header button{color:#ffffffbf;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.notif-dropdown-header button:hover{color:#fff}.notif-dropdown-body{max-height:380px;padding:4px 0;overflow-y:auto}.notif-section-title{text-transform:uppercase;letter-spacing:.5px;color:#015c94;padding:9px 16px 4px;font-size:10.5px;font-weight:700}.notif-item{color:#2b2b2b;cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:10px;padding:9px 16px;text-decoration:none;transition:background .15s;display:flex}.notif-item:hover{color:#2b2b2b;background:#f5f5f5}.notif-item.unread{background:#015c940f;border-left-color:#015c94}.notif-item-dot{background:#015c94;border-radius:50%;width:8px;min-width:8px;height:8px;margin-top:5px}.notif-item.pending .notif-item-dot{background:#e67e22}.notif-item-text{flex-direction:column;flex:1;gap:2px;display:flex}.notif-item-text span{color:#2b2b2b;font-size:12.5px;font-weight:500;line-height:1.35}.notif-item:hover .notif-item-text span{color:#015c94}.notif-item-text small{color:#6c757d;text-transform:capitalize;font-size:11px;font-weight:400}.notif-empty{text-align:center;color:#6c757d;padding:24px 16px;font-size:12px}.notif-dropdown-footer{text-align:center;border-top:1px solid #015c9426;padding:10px 16px}.notif-dropdown-footer a{color:#015c94;font-size:12px;font-weight:600}@media (width>=769px){body:not(.sidebar-collapsed) .main-content{width:calc(100% - 280px)!important;max-width:calc(100% - 280px)!important;margin-left:280px!important}body.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed,70px)!important;width:calc(100% - var(--sidebar-collapsed,70px))!important;max-width:calc(100% - var(--sidebar-collapsed,70px))!important}}@media (width<=768px){.sidebar{transition:left .15s;left:-320px;transform:none}.sidebar.mobile-open{left:0;transform:none}body.sidebar-collapsed .sidebar{width:280px;left:-320px;transform:none}body.sidebar-collapsed .sidebar.mobile-open{left:0;transform:none}.main-content,body.sidebar-collapsed .main-content,body:not(.sidebar-collapsed) .main-content{width:100%!important;max-width:100%!important;margin-left:0!important}}@keyframes slideInToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cf-error{color:#e53e3e;margin-top:5px;font-size:12px;font-weight:600;line-height:1.35}.cf-alert{border-radius:8px;margin-top:18px;padding:12px 16px;font-size:13.5px;font-weight:600}.cf-alert-error{color:#c0392b;background:#fdecec;border:1px solid #f5b5b5}.progress-list{flex-direction:column;gap:14px;display:flex}.progress-item{flex-direction:column;gap:6px;display:flex}.progress-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.progress-name{color:#2b2b2b;font-size:12.5px;font-weight:600}.progress-count{color:#6c757d;font-size:12.5px;font-weight:700}.progress-bar-bg{background:#eef1f4;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:999px;min-width:0;height:100%;transition:width .4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:#f1f5f9;overflow-x:hidden}.cf-input,.form-control,.cf-select,input[type=text],input[type=search],input[type=email],select,textarea{border-radius:8px!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important}.cf-input:focus,.form-control:focus,.cf-select:focus,input:focus,select:focus,textarea:focus{background-color:#fff!important;border-color:#015c94!important;outline:none!important;box-shadow:0 0 0 3px #015c9424!important}.cf-section,.dashboard-card,.card,.stat-card{background:#fff;transition:transform .18s,box-shadow .18s;box-shadow:0 1px 3px #0000000d,0 10px 15px -5px #00000008;border:1px solid #e2e8f0cc!important;border-radius:12px!important}.cf-grid-4,.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cf-grid-3,.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cf-grid-2,.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:16px;overflow-x:auto}.table-responsive table{border-collapse:collapse;width:100%;min-width:640px}.table-responsive table th{color:#475569;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;font-size:12.5px;font-weight:700}.table-responsive table tr:hover td{background:#f8fafc}.cf-tabs,.tabs-header,.nav-tabs{padding-bottom:6px;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:6px!important;display:flex!important;overflow-x:auto!important}.cf-tabs::-webkit-scrollbar{display:none!important}.tabs-header::-webkit-scrollbar{display:none!important}.nav-tabs::-webkit-scrollbar{display:none!important}.cf-tab{border-radius:8px!important;flex-shrink:0!important;transition:all .18s!important}@media (width>=1440px){.page-content{max-width:100%;margin:0;padding:24px 32px}}@media (width>=1025px) and (width<=1439px){.page-content{max-width:100%;padding:20px 24px}}@media (width<=1024px){.cf-grid-4,.grid-4,.cf-grid-3,.grid-3{grid-template-columns:repeat(2,1fr)!important}.cf-section-header{padding:14px 18px}.page-content{padding:18px 16px}.header-search{min-width:140px!important;max-width:240px!important}}@media (width<=768px){.sidebar{z-index:99999!important;width:290px!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-320px!important;transform:none!important;box-shadow:8px 0 32px #0006!important}.sidebar.mobile-open{left:0!important;transform:none!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:99998!important;background:#0f172aa6!important;display:block!important;position:fixed!important;inset:0!important}.main-content{width:100%!important;min-width:100%!important;margin-left:0!important}.header{background:#015c94!important;gap:8px!important;height:58px!important;padding:0 12px!important}.header-left{gap:8px!important}.breadcrumb{display:none!important}.header-search{flex:auto!important;min-width:100px!important;max-width:100%!important}.header-search input{color:#fff!important;background:#ffffff2e!important;border:1px solid #ffffff40!important;height:36px!important;padding-left:32px!important;font-size:13px!important}.header-search input::placeholder{color:#ffffffb3!important}.header-search kbd{display:none!important}.header-right{gap:6px!important}.page-content{padding:12px 10px!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:14px!important}.page-title{font-size:20px!important}.page-header>div:last-child{flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.page-header>div:last-child>button,.page-header>div:last-child>a,.page-header>div:last-child>.btn{flex:auto!important;justify-content:center!important;min-height:42px!important;font-size:13px!important}.cf-grid-4,.grid-4,.cf-grid-3,.grid-3,.cf-grid-2,.grid-2,.cf-row-3,.cf-row-2,.cf-row-4,.form-row,.grid-2-col,.grid-3-col,.grid-4-col,[style*="display: grid"],[style*=display\:grid]{grid-template-columns:1fr!important;gap:12px!important}.cf-section{border-radius:10px!important;margin-bottom:14px!important}.cf-section-header{flex-direction:row!important;align-items:center!important;gap:10px!important;padding:12px 14px!important}.cf-section-title{font-size:14px!important}.cf-section-sub{font-size:11.5px!important}.cf-body{padding:14px 12px!important}.cf-input,.form-control,.cf-select,input,select,textarea{box-sizing:border-box!important;width:100%!important;min-height:42px!important;font-size:14px!important}.cf-form-actions,.form-actions{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:100!important;background:#fffffff2!important;border-top:1px solid #e2e8f0!important;flex-direction:column-reverse!important;gap:8px!important;margin:16px -10px -12px!important;padding:12px 10px!important;position:sticky!important;bottom:0!important;box-shadow:0 -4px 16px #0000000f!important}.cf-form-actions>div,.cf-form-actions button,.cf-form-actions .btn,.form-actions button,.form-actions .btn{justify-content:center!important;width:100%!important;min-height:44px!important;font-weight:700!important}.modal-dialog,[style*="max-width: 640"],[style*="max-width: 600"],[style*="max-width: 700"]{width:100%!important;max-width:calc(100vw - 16px)!important;margin:8px!important}[style*="position: fixed"][style*="zIndex: 99999"],[style*="position: fixed"][style*="z-index: 99999"]{padding:8px!important}.user-dropdown{width:calc(100vw - 20px)!important;max-width:320px!important;left:auto!important;right:0!important}}@media (width<=480px){.page-title{font-size:18px!important}.page-subtitle{font-size:11.5px!important}.cf-section-icon{border-radius:8px!important;width:34px!important;min-width:34px!important;height:34px!important}.btn,button.btn{padding:8px 14px!important;font-size:13px!important}}img,video,canvas{max-width:100%}img,video{height:auto}html,body,#root{max-width:100%;overflow-x:hidden}.main-content,.page-content,.card,.cf-section,.cf-body{min-width:0;max-width:100%}:is(.table-responsive,.table-card,.card-body:has(>table),.cf-body:has(>table)){-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.data-table{min-width:640px}@media (width<=1100px) and (width>=641px){[style*="display: grid"],[style*=display\:grid]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.cf-row-3{grid-template-columns:1fr 1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=1100px){.filters-bar{flex-wrap:wrap!important}.filters-bar input,.filters-bar select,.filter-select{flex:180px!important;min-width:0!important}.page-header{flex-wrap:wrap!important;gap:12px!important}}@media (width<=768px){[style*="display: grid"],[style*=display\:grid]{grid-template-columns:1fr!important}.filters-bar input,.filters-bar select,.filter-select{flex:100%!important;width:100%!important}form>div[style*="justify-content: flex-end"],form>div[style*=justify-content\:flex-end]{flex-direction:column-reverse!important;align-items:stretch!important}form>div[style*="justify-content: flex-end"] .btn,form>div[style*=justify-content\:flex-end] .btn,form>div[style*="justify-content: flex-end"] a,form>div[style*=justify-content\:flex-end] a{justify-content:center!important;width:100%!important;min-height:44px!important}.mini-stats-row,.stats-grid{grid-template-columns:1fr 1fr!important}.header-search{flex:auto!important;min-width:0!important;max-width:none!important}.data-table{min-width:560px}.cf-section-header{flex-wrap:wrap!important}}@media (width<=480px){.mini-stats-row,.stats-grid{grid-template-columns:1fr!important}}.diary-saved-locked input:not([type=hidden]):not([data-locked-ok]),.diary-saved-locked select:not([data-locked-ok]),.diary-saved-locked textarea:not([data-locked-ok]){pointer-events:none!important;color:#334155!important;cursor:default!important;background:#f1f5f9!important}.diary-saved-locked button:not([data-locked-ok]){display:none!important}.diary-saved-locked input[type=file]:not([data-locked-ok]){pointer-events:none!important}.software-guide-page .sg-player{background:#0f172a;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0f172a40}.sg-screen{color:#fff;height:clamp(460px,52vh,560px);min-height:460px;position:relative;overflow:hidden}.sg-scene-bg{background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 45%,#1e40af 100%);animation:18s ease-in-out infinite alternate sg-bg-shift;position:absolute;inset:0}.sg-scene-bg[data-scene=intro]{background:linear-gradient(135deg,#1e4d8c,#0f172a 60%)}.sg-scene-bg[data-scene=complaint]{background:linear-gradient(135deg,#155e75,#0f172a 60%)}.sg-scene-bg[data-scene=verification]{background:linear-gradient(135deg,#047857,#0f172a 60%)}.sg-scene-bg[data-scene=enquiry]{background:linear-gradient(135deg,#6d28d9,#0f172a 60%)}.sg-scene-bg[data-scene=forensic]{background:linear-gradient(135deg,#b45309,#0f172a 60%)}.sg-scene-bg[data-scene=court]{background:linear-gradient(135deg,#991b1b,#0f172a 60%)}.sg-scene-bg[data-scene=sms]{background:linear-gradient(135deg,#0e7490,#0f172a 60%)}.sg-scene-bg[data-scene=admin]{background:linear-gradient(135deg,#4338ca,#0f172a 60%)}.sg-scene-bg[data-scene=reference]{background:linear-gradient(135deg,#1d4ed8,#0f172a 60%)}.sg-scene-bg[data-scene=summary]{background:linear-gradient(135deg,#15803d,#0f172a 60%)}@keyframes sg-bg-shift{0%{transform:scale(1)}to{transform:scale(1.04)}}.sg-scene-visual{display:none}.sg-scene-badge{z-index:4;letter-spacing:.04em;background:#00000059;border:1px solid #fff3;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:16px;right:20px}.sg-stage{z-index:2;box-sizing:border-box;grid-template-columns:minmax(280px,38%) 1fr;align-items:stretch;gap:20px 24px;height:100%;padding:20px 24px 24px;display:grid;position:relative}.sg-character-stage{border:1px solid #ffffff1f;border-radius:16px;min-height:380px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 8px 32px #00000040}.sg-backdrop{background:linear-gradient(160deg,#0f172aeb 0%,#1e40af8c 100%);flex-direction:column;padding:14px 12px 12px;display:flex;position:absolute;inset:0}.sg-backdrop-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.sg-backdrop-glow{pointer-events:none;background:radial-gradient(circle,#3b82f659 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.sg-backdrop-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;display:flex;position:relative}.sg-backdrop-logo{letter-spacing:.12em;color:#93c5fd;font-size:13px;font-weight:900}.sg-backdrop-tag{text-transform:uppercase;color:#dbeafe;background:#3b82f640;border:1px solid #93c5fd59;border-radius:10px;padding:3px 8px;font-size:9px;font-weight:700}.sg-backdrop-flow{z-index:1;scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;padding-right:4px;display:flex;position:relative;overflow-y:auto}.sg-flow-item{opacity:.55;grid-template-columns:28px 1fr;align-items:flex-start;gap:8px;transition:opacity .35s,transform .35s;display:grid}.sg-flow-item.active{opacity:1;transform:translate(4px)}.sg-flow-item.done{opacity:.75}.sg-flow-rail{flex-direction:column;align-items:center;min-height:100%;display:flex}.sg-flow-dot{background:#0f172acc;border:2px solid #94a3b880;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:border-color .3s,box-shadow .3s,background .3s;display:flex}.sg-flow-item.active .sg-flow-dot{background:#1e40af;border-color:#60a5fa;animation:1.6s ease-in-out infinite sg-pulse-dot;box-shadow:0 0 0 4px #3b82f640,0 0 20px #3b82f673}.sg-flow-item.done .sg-flow-dot{color:#fff;background:#065f46;border-color:#34d399;font-size:12px;font-weight:800}.sg-flow-line{background:linear-gradient(#94a3b880,#94a3b826);border-radius:2px;flex:1;width:2px;min-height:10px;margin:3px 0}.sg-flow-item.done .sg-flow-line{background:linear-gradient(#34d399,#34d39933)}.sg-flow-item.active .sg-flow-line{background:linear-gradient(#60a5fa,#60a5fa26)}.sg-flow-copy strong{color:#f1f5f9;font-size:11px;font-weight:800;line-height:1.2;display:block}.sg-flow-copy small{color:#94a3b8;font-size:9px}.sg-flow-item.active .sg-flow-copy strong{color:#fff}.sg-flow-item.active .sg-flow-copy small{color:#bfdbfe}.sg-backdrop.overview .sg-flow-item.overview-item{opacity:.82}.sg-backdrop.overview .sg-flow-dot{animation:2.4s ease-in-out infinite sg-overview-glow;animation-delay:calc(var(--i,0) * .15s);border-color:#60a5fa8c}.sg-flow-item:first-child{--i:0}.sg-flow-item:nth-child(2){--i:1}.sg-flow-item:nth-child(3){--i:2}.sg-flow-item:nth-child(4){--i:3}.sg-flow-item:nth-child(5){--i:4}.sg-flow-item:nth-child(6){--i:5}.sg-flow-item:nth-child(7){--i:6}@keyframes sg-overview-glow{0%,to{box-shadow:0 0 8px #3b82f633}50%{box-shadow:0 0 14px #3b82f673}}.sg-backdrop-hint{z-index:1;text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-top:6px;font-size:9px;font-weight:700;position:relative}@keyframes sg-pulse-dot{0%,to{box-shadow:0 0 0 4px #3b82f633,0 0 16px #3b82f659}50%{box-shadow:0 0 0 6px #3b82f64d,0 0 24px #3b82f68c}}.sg-character-foreground{z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;width:58%;height:72%;display:flex;position:absolute;bottom:0;right:0}.sg-character-platform{background:radial-gradient(#00000073 0%,#0000 70%);border-radius:50%;width:75%;height:14px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.sg-character-foreground .sg-character{z-index:1;margin-bottom:4px;position:relative}.sg-character-wrap{justify-content:center;align-items:flex-end;height:100%;padding-bottom:8px;display:flex}.sg-character{filter:drop-shadow(0 12px 24px #00000059);flex-shrink:0}.sg-bubble{color:#1e293b;background:#fff;border-radius:18px;align-self:center;max-height:calc(100% - 16px);margin-bottom:12px;padding:20px 22px;animation:.4s sg-bubble-in;position:relative;overflow-y:auto;box-shadow:0 16px 48px #00000040}.sg-bubble:before{content:"";border:12px solid #0000;border-right-color:#fff;position:absolute;bottom:48px;left:-12px}.sg-bubble-title{color:#1e40af;margin-bottom:2px;font-size:18px;font-weight:800}.sg-bubble-ur{color:#64748b;margin-bottom:12px;font-size:13px;font-weight:600}.sg-bubble-text{color:#334155;margin:0;font-size:14px;line-height:1.7}.sg-bubble-en{color:#475569;border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:10px;font-size:13px}.sg-benefits-inline{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;display:flex}.sg-benefit-chip{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700}@keyframes sg-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sg-controls{background:#1e293b;border-top:1px solid #334155;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.sg-controls .btn-outline{color:#e2e8f0!important;background:0 0!important;border-color:#64748b!important}.sg-controls .btn-outline:hover{color:#fff!important;background:#334155!important}.sg-progress-wrap{background:#334155;border-radius:4px;flex:1;min-width:140px;height:8px;overflow:hidden}.sg-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .12s linear}.sg-chapters{scrollbar-width:thin;background:#0f172a;gap:8px;padding:12px 16px 16px;display:flex;overflow-x:auto}.sg-chapter{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:6px;width:108px;padding:10px 8px;font-size:22px;transition:border-color .2s,background .2s,transform .15s;display:flex}.sg-chapter small{text-align:center;color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.sg-chapter.active{background:#1e3a8a;border-color:#3b82f6;transform:translateY(-2px)}.sg-chapter:hover{border-color:#60a5fa}.sg-eyes{animation:4.5s infinite sg-blink}@keyframes sg-blink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.sg-mouth-talk{animation:.28s ease-in-out infinite alternate sg-talk}@keyframes sg-talk{0%{transform:scaleY(.85)}to{transform:scaleY(1.15)}}.sg-arm-wave{animation:1.2s ease-in-out infinite sg-wave}@keyframes sg-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-18deg)}}.sg-flow-map{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.sg-flow-step{align-items:center;gap:8px;display:flex}.sg-flow-node{color:#fff;background:#1e40af;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sg-flow-label{color:#334155;font-size:12px;font-weight:600}.sg-flow-arrow{color:#94a3b8;margin:0 4px;font-size:18px}@media (width<=900px){.sg-screen{height:auto;min-height:580px}.sg-stage{grid-template-rows:auto 1fr;grid-template-columns:1fr;padding:16px}.sg-character-stage{min-height:320px}.sg-character-foreground{width:45%;height:65%}.sg-character-foreground .sg-character{width:140px!important;height:auto!important}.sg-bubble{max-height:none;margin-bottom:0}.sg-bubble:before{display:none}}