@import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{margin:0;font-style:normal;font-family:var(--family-font)}#root{margin:0 auto;text-align:center}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--purple100: #D8C8EF;--purple200: #B191E0;--purple300: #8A5AD0;--purple400: #6533B1;--purple500: #46237A;--purple600: #381C62;--purple700: #2A1549;--purple800: #1C0E31;--purple900: #0E0718;--blue100: #C2E7F9;--blue200: #86CEF3;--blue300: #49B6ED;--blue400: #169BDD;--blue500: #1070A0;--blue600: #0D5A80;--blue700: #0A4360;--blue800: #062D40;--blue900: #031620;--cyan100: #C8FAFA;--cyan200: #91F5F5;--cyan300: #5AF0F0;--cyan400: #24EAEA;--cyan500: #12C0C0;--cyan600: #0E9A9A;--cyan700: #0B7373;--cyan800: #074D4D;--cyan900: #042626;--green100: #DAFAEC;--green200: #B6F4D8;--green300: #91EFC5;--green400: #6DE9B1;--green500: #48E49E;--green600: #1FD181;--green700: #179D61;--green800: #0F6941;--green900: #083420;--white: #FFF;--gray200: #E3E3E3;--gray300: #C6C6C6;--gray400: #AAA;--gray500: #8E8E8E;--gray600: #717171;--gray700: #555;--gray800: #393939;--gray900: #1C1C1C;--ohers-red: #A61616;--ohers-yellow: #FFB922;--ohers-green: #3B9F65;--ohers-bg: #FCFCFC;--family-font: "Sarabun", Tahoma, Geneva, Verdana, sans-serif;--font-size-desk-title1: 2.5rem;--font-size-desk-title2: 2.25rem;--font-size-desk-subtitle1: 1.75rem;--font-size-desk-subtitle2: 2rem;--font-size-desk-body: 1.375rem;--font-size-desk-button: 1.25rem;--font-size-desk-caption: 1.125rem;--font-size-mobile-title1: 2.25rem;--font-size-mobile-title2: 2rem;--font-size-mobile-subtitle1: 1.5rem;--font-size-mobile-subtitle2: 1.25rem;--font-size-mobile-body: 1.125rem;--font-size-mobile-button: 1rem;--font-size-mobile-caption: .875rem;--button-shadow: 4px 0px 8px 0px var(--gray200);--button-radius-corner: .625rem;--sds-size-space-100: .25rem;--sds-size-space-200: .5rem;--sds-size-space-300: .75rem;--sds-size-space-400: 1rem;--sds-size-space-600: 1.5rem;--sds-size-space-800: 2rem;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}label{color:#000;text-align:left!important;font-weight:700}legend{color:#000;text-align:left}h1{font-size:var(--font-size-mobile-title1);font-weight:700}h2{font-size:var(--font-size-mobile-title2);font-weight:700}h3{font-size:var(--font-size-mobile-subtitle1);font-weight:600}h4{font-size:var(--font-size-mobile-subtitle2);font-weight:500}.app-paper{min-width:100%!important;min-height:max-content!important}.body-text{font-size:var(--font-size-mobile-body);font-weight:400}.body-bold{font-size:var(--font-size-mobile-body);font-weight:600}.button-text{font-size:var(--font-size-mobile-button);font-weight:700}.caption-text-light{font-size:var(--font-size-mobile-button);font-weight:400}.caption-text{font-size:var(--font-size-mobile-caption);font-weight:600}.button_style{display:flex;width:auto;padding:var(--sds-size-space-300) var(--sds-size-space-400);justify-content:center;align-items:center;gap:var(--sds-size-space-200);border-radius:var(--button-radius-corner);box-shadow:var(--button-shadow)}.button_style:disabled{background:var(--gray300)!important;color:var(--white)!important}.white_button{background:var(--white);color:var(--purple900)}.white_button:hover{background:var(--gray200)}.white_button_outline{border:2px solid var(--gray500);color:var(--gray500)}.white_button_outline :hover{border-color:var(--gray800);color:var(--gray800)}.white_category_button{display:flex;padding:var(--sds-size-space-200) var(--sds-size-space-300);justify-content:center;align-items:center;border-radius:var(--button-radius-corner);border:2px solid var(--gray500);color:var(--gray500);box-shadow:var(--button-shadow)}.white_category_button:hover{border:2px solid var(--gray800);color:var(--gray800)}.green_button{background:var(--green600);color:var(--white)}.green_button:hover{background:var(--green400)}.green_button_outline{border:2px solid var(--green600);color:var(--green600)}.green_button_outline:hover{border-color:var(--green800);color:var(--green800)}.cyan_button{width:100%!important;background:var(--cyan500);color:var(--white)}.cyan_button:hover{background:var(--cyan700)}.cyan_button_outline{border:2px solid var(--green600);color:var(--green600)}.cyan_button:hover{border-color:var(--cyan800);color:var(--cyan800)}.purple_button{background:var(--purple500);color:var(--white)}.purple_button:hover{background:var(--purple200)}.purple_button_outline{border:2px solid var(--purple500);color:var(--purple500)}.purple_button_outline :hover{border-color:var(--purple200);color:var(--purple200)}.purple_category_button{display:flex;padding:var(--sds-size-space-200) var(--sds-size-space-300);justify-content:center;align-items:center;border-radius:var(--button-radius-corner);border:2px solid var(--purple500);color:var(--purple500);box-shadow:var(--button-shadow)}.purple_category_button:hover{border:2px solid var(--purple200);color:var(--purple200)}.input_style{display:flex;padding:var(--sds-size-space-300) var(--sds-size-space-400);align-items:center;border-radius:var(--button-radius-corner);border:1px solid var(--gray200);background:var(--white);box-shadow:var(--button-shadow);color:var(--purple900)}@media screen and (min-width: 1200px){h1{font-size:var(--font-size-desk-title1);font-weight:700}h2{font-size:var(--font-size-desk-title2);font-weight:700}h3{font-size:var(--font-size-desk-subtitle1);font-weight:600}h4{font-size:var(--font-size-desk-subtitle2);font-weight:500}.body-text{font-size:var(--font-size-desk-body);font-weight:400}.body-bold{font-size:var(--font-size-desk-body);font-weight:600}.button-text{font-size:var(--font-size-desk-button);font-weight:700}.caption-text-light{font-size:var(--font-size-desk-button);font-weight:400}.caption-text{font-size:var(--font-size-desk-caption);font-weight:600}}.auth-login{min-height:100vh}.auth-login .container{display:flex;flex-direction:column;align-items:center;gap:0;padding:0;overflow:visible}.auth-login .left,.auth-login .right{width:100%;min-height:auto}.auth-login .left{background:transparent;display:flex;align-items:center;justify-content:center;max-height:none;overflow:visible}.auth-login .img,.auth-login .left img,.auth-login .container img{width:100%;height:auto;object-fit:contain;display:block}.auth-login .right h2{font-size:60px;font-weight:800;line-height:130%;color:#43eae7;margin-top:1rem;margin-bottom:3.5rem;text-align:center}.auth-login .right form,.auth-login .right input,.auth-login .right button[type=submit],.auth-login .right button .btn-social{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.auth-login .right input{height:48px;padding:0 16px;font-size:16px;line-height:1.2;border:1px solid #D9D9D9;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0000000f;outline:none;transition:border-color .15s ease,box-shadow .15s ease;color:#000}.auth-login .right input::placeholder{color:#9aa0a6}.auth-login .right input:focus{border-color:#43eae7;box-shadow:0 0 0 3px #43eae733}.auth-login .right form{display:flex;flex-direction:column;gap:16px}.auth-login .right button[type=submit]{background:#15c8c3;color:#fff;border-radius:12px;font-weight:600;font-size:16px;height:48px;border:none;width:100%;text-transform:uppercase;letter-spacing:.5px}.auth-login .right button[type=submit]:hover{filter:brightness(.95)}.auth-login .btn-social{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:420px;height:48px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;background:#fff;border:1px solid #D9D9D9;color:#000}.auth-login .btn-google{margin-top:12px}.auth-login .btn-facebook{margin-top:10px}.auth-login .right p{margin-top:24px;text-align:center;color:#0e455a}.auth-login .right a{color:#15c8c3;font-weight:600;text-decoration:none}@media (max-width: 768px){.auth-login .container{padding:0 16px}.auth-login .right form,.auth-login .right input,.auth-login .right button,.auth-login .btn-social{max-width:100%}.auth-login .right h2{font-size:64px;margin-bottom:6rem}}@media (min-width: 1024px){.auth-login .container{flex-direction:row;align-items:stretch;min-height:100vh;gap:0}.auth-login .left,.auth-login .right{width:50%}.auth-login .left{max-height:none;overflow:visible;padding:0;background:transparent}.auth-login .left img,.auth-login .img{max-width:100%;max-height:100vh;width:100%;height:auto;object-fit:contain;display:block}.auth-login .right{padding:2rem}}.field{display:flex;flex-direction:column;gap:6px}.login-label{color:#15c8c3;font-weight:700;text-align:left}.pwd-wrap{position:relative}.pwd-wrap input{padding-right:52px}.pwd-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:#15c8c3;padding:0}.pwd-toggle:focus{outline:none}.ep-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:8px 0 16px}.ep-progress-label{color:#7b8a99}.ep-progress-wrap{width:100%}.ep-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.ep-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.ep-progress-pct{color:#7b8a99;font-weight:700}.ep-hero{display:flex;align-items:center;flex-direction:column;margin:18px 0 12px}.ep-avatar-ring{width:120px;height:120px;padding:0;background:none;border-radius:999px;display:grid;place-items:center}.ep-avatar{width:120px;height:120px;border-radius:999px;object-fit:cover;border:0;display:block}.ep-displayname{margin-top:10px;color:#0ea5b7;font-weight:800;display:flex;align-items:center;gap:6px}.ep-inline-edit{border:none;background:none;cursor:pointer;color:#64748b}.ep-btn-primary{margin-top:10px;background:linear-gradient(90deg,var(--teal),var(--blue));color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:0 2px #00000014}.ep-card{margin-top:8px;background:transparent;border:none;border-radius:0;padding:14px;box-shadow:none}.ep-card-head{display:flex;align-items:center;justify-content:space-between}.ep-section-title{margin:0;color:#0e7490;font-size:20px}.ep-btn-ghost{border:1px solid #d1dae4;background:#fff;padding:6px 10px;border-radius:999px;cursor:pointer;color:#334155}.ep-form{margin-top:16px;display:grid;grid-template-columns:1fr;column-gap:16px;row-gap:12px;max-width:1200px;margin-left:auto;margin-right:auto}.ep-label{color:#64748b;align-self:auto;text-align:left;padding-right:16px;margin-bottom:6px}.ep-input{width:100%;height:48px;border:1px solid #D9D9D9;border-radius:12px;background:#fff;padding:0 16px;outline:none;color:#0f172a;box-shadow:0 2px 6px #0000000f;box-sizing:border-box}.ep-input:focus{border-color:#43eae7;box-shadow:0 0 0 3px #43eae733}.ep-input::placeholder{color:#9aa0a6}.ep-input-icon{position:relative}.ep-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:none;background:#fff;color:#334155;box-shadow:var(--shadow);cursor:pointer}.ep-actions{display:flex;justify-content:flex-end;margin-top:16px;max-width:1200px;margin-left:auto;margin-right:auto}.ep-btn-secondary{background:#fff;color:#334155;border:1px solid #d1dae4;border-radius:10px;padding:10px 14px;cursor:pointer}@media (max-width: 900px){.ep-form{grid-template-columns:1fr}.ep-label{text-align:left;padding-right:0;margin-bottom:6px;align-self:auto}}:root{--teal: #1AD0B3;--blue: #188FC9;--title: #0F8CA8;--muted: #7A8A9A;--text: #0B1324;--bg: #F5F7FA;--card: #ffffff;--border: #E7EDF2;--shadow: 0 10px 25px rgba(2, 8, 23, .06)}.vp-hero{display:flex;align-items:center;flex-direction:column;margin:8px}.vp-avatar-ring{width:120px;height:120px;border-radius:999px;padding:6px;background:linear-gradient(135deg,var(--teal),var(--blue));display:grid;place-items:center;position:relative}.vp-avatar{width:100%;height:100%;border-radius:999px;object-fit:cover;border:3px solid #fff;display:block}.vp-displayname{margin-top:10px;color:#0ea5b7;font-weight:800;display:flex;align-items:center;gap:6px}.vp-inline-edit{border:none;background:none;cursor:pointer;color:#64748b}.vp-card{margin-top:8px;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.vp-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.vp-section-title{margin:0;color:#0f8ca8;font-size:28px;font-weight:800}.vp-btn-ghost{background:#fff;color:#334155;border:1px solid #E5E7EB;border-radius:10px;padding:8px 14px;box-shadow:0 2px 6px #0000000f;cursor:pointer}.vp-form{margin-top:16px;display:grid;grid-template-columns:1fr;column-gap:0;row-gap:16px;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}.vp-form{justify-items:start}.vp-label{text-align:left;color:#64748b;align-self:auto;display:block;margin-bottom:6px}.vp-input,.vp-input-icon{justify-self:stretch;width:100%}.vp-input{width:100%;height:48px;border:1px solid #D9D9D9;border-radius:12px;background:#fff;padding:0 16px;outline:none;color:#0f172a;box-sizing:border-box;box-shadow:0 2px 6px #0000000f}.vp-input[disabled]{opacity:.9;cursor:not-allowed}.vp-input-icon{position:relative}.vp-input-icon .vp-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.vp-actions{display:flex;justify-content:flex-end;margin-top:24px;max-width:1200px;margin-left:auto;margin-right:auto}.vp-btn-disabled{background:#e5e7eb;color:#6b7280;border:none;border-radius:10px;padding:10px 14px;cursor:not-allowed}@media (max-width: 900px){.vp-card-head{gap:12px}.vp-form{grid-template-columns:1fr;max-width:100%}.vp-actions{max-width:100%}}*,*:before,*:after{box-sizing:border-box}html,body{background:#fff}.auth-register .container{display:flex;flex-direction:column;background:#fff;overflow-x:hidden}.auth-register .left{background:#fff}.auth-register .right{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.auth-register .right form,.auth-register .right input,.auth-register .right button{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.auth-register .right h2,.auth-register .right p{max-width:420px;margin-left:auto;margin-right:auto;color:#15c8c3}.auth-register .right a{color:teal;font-weight:600}.auth-register .right input{height:48px;padding:0 16px;font-size:16px;line-height:1.2;border:1px solid #D9D9D9;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0000000f;outline:none;transition:border-color .15s ease,box-shadow .15s ease;color:#000;-webkit-text-fill-color:#000;caret-color:#000}.auth-register .right input::placeholder{color:#9aa0a6}.auth-register .right input:focus{border-color:#43eae7;box-shadow:0 0 0 3px #43eae733}.auth-register .right form{gap:14px}.auth-register .right input[type=date]{color-scheme:light}.auth-register .right h2{margin-bottom:1rem}.auth-register .right button[type=submit]{background:#12c0c0;color:#fff;border-radius:12px;font-weight:600;font-size:16px;height:48px;border:none;width:100%}.auth-register .right button[type=submit]:hover{filter:brightness(.95)}.auth-register .btn-social{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:420px;height:48px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;background:#fff;border:1px solid #D9D9D9;color:#000}.auth-register .btn-google{margin-top:12px}.auth-register .btn-facebook{margin-top:10px}@media screen and (max-width: 768px){.auth-register .container{flex-direction:column;height:auto;justify-content:center;align-items:center}.auth-register .left{order:-1;max-height:none;overflow:visible;width:100%}.auth-register .right{flex:unset;width:100%;min-height:auto}.auth-register .img,.auth-register .left img,.auth-register .container img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;margin:0 auto}.auth-register .right h2{font-size:50px;font-weight:800;line-height:130%;color:#43eae7;margin-top:1rem;margin-bottom:6rem;text-align:center}}@media (min-width: 1024px){.auth-register .container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;min-height:100vh;gap:32px;border-radius:16px;overflow:hidden;flex-wrap:nowrap;width:100%}.auth-register .container>.right{order:1;width:50%;flex:1 1 50%}.auth-register .container>.left{order:2;width:50%;flex:1 1 50%}.auth-register .left{max-height:none;overflow:visible;display:flex;align-items:center;justify-content:center;padding:0;background:#fff}.auth-register .left img,.auth-register .img{width:100%;max-width:100%;max-height:100vh;height:auto;object-fit:contain;object-position:center;display:block}.auth-register .right{padding:2rem}}.by-shell{display:grid;grid-template-columns:var(--menu-w, 260px) 1fr;min-height:100vh;background:var(--bg)}.by-page{padding:14px;display:flex;flex-direction:column}.by-paper{background:#fff;border:1px solid #d9e2ea;border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:18px;width:100%;max-width:none;margin:0}.by-progress-row{display:grid;grid-template-columns:auto 2fr auto;align-items:center;gap:12px;margin-top:6px;width:100%}.by-progress-label{color:#7b8a99}.by-progress-wrap{width:100%}.by-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.by-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.by-progress-pct{color:#7b8a99;font-weight:700}.by-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px}.by-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.by-h2{margin:0;font-size:28px;color:#0e7490}.by-breadcrumb-right{color:#7b8a99}.by-breadcrumb-right span{margin:0 6px}.by-panel{margin-top:12px;background:#fff;border:1px solid #d9e2ea;border-radius:4px;padding:24px;display:grid;grid-template-columns:280px 1fr;gap:24px}.by-avatar-wrap{display:flex;justify-content:center}.by-avatar-ring{width:120px;height:120px;border-radius:999px;padding:0;background:transparent;display:grid;place-items:center}.by-avatar{width:100%;height:100%;border-radius:999px;object-fit:cover;border:0;display:block}.by-tag-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.by-tag{background:#eef5f6;color:#3b556b;border-radius:10px;padding:6px 10px;font-size:12px;border:1px solid #dbe7ee}.by-card{background:transparent;border:0;padding:0;margin-top:12px;display:flex;flex-direction:column}.by-card-title{font-weight:800;color:#0f5f74;margin:0 0 8px}.by-namebar{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:center;margin-bottom:16px}.by-name-input{height:38px;border-radius:8px;border:1px solid #d1dae4;background:#fff;padding:0 10px;font-weight:800;color:#0e8aa1}.by-quote-input{height:38px;border-radius:8px;border:1px solid #d1dae4;background:#fff;padding:0 10px;color:#7a8a9a;font-style:italic}.by-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.by-col-2{grid-column:span 2}.by-ta{width:100%;min-height:120px;resize:vertical;border:1px solid #cfd9e2;border-radius:6px;padding:8px 10px;outline:none;background:#fff;font-size:14px;flex:1 1 auto;box-shadow:none}.by-socials{display:flex;gap:10px;flex-wrap:wrap}.by-social-icon{width:34px;height:34px;border-radius:999px;display:block;box-shadow:0 4px 10px #02081714}.by-continue{margin-top:16px}.by-btn-primary{background:#184e8b;color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}.by-btn-ico{margin-left:8px}@media (max-width: 1080px){.by-panel{grid-template-columns:240px 1fr}.by-namebar{grid-template-columns:1fr}}@media (max-width: 920px){.by-shell{grid-template-columns:68px 1fr}.by-panel,.by-grid{grid-template-columns:1fr}.by-col-2{grid-column:auto}}.by-input{height:34px;border:1px solid var(--border);border-radius:6px;padding:0 10px;background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;box-shadow:none}.by-field{display:flex;flex-direction:column;gap:6px}.by-field label{text-align:left;color:var(--title);font-weight:600;margin-bottom:2px}.by-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #188fc926;background:#f8fcff}.by-fs{border:1px solid var(--border);border-radius:8px;padding:10px 12px 12px;background:#fff}.by-fs>legend{color:var(--title);font-weight:700;padding:0 6px}.by-fs .by-field{margin:8px 0}.by-name-input::placeholder{color:var(--title);font-weight:800;opacity:1}df-messenger{--df-messenger-bot-message: #f1f1f1;--df-messenger-user-message: #0084ff;--df-messenger-font-color: #000;--df-messenger-chat-background: #ffffff;--df-messenger-button-titlebar-color: #0084ff;--df-messenger-button-titlebar-font-color: white;--df-messenger-chat-bubble-size: 56px;--df-messenger-chat-bubble-icon-size: 32px;--df-messenger-chat-bubble-background: #0084ff;--df-messenger-chat-height: 200px;position:fixed;bottom:24px;right:24px;z-index:9999}df-messenger-chat-bubble{cursor:pointer;z-index:9999}.df-message-list{height:50px}.df-messenger-wrapper .expanded{height:100px!important}:root{--teal:#1AD0B3;--blue:#188FC9;--title:#0F8CA8;--muted:#7A8A9A;--border:#E7EDF2;--bg:#F5F7FA;--shadow:0 10px 25px rgba(2,8,23,.06)}.df-progress-row{display:grid;grid-template-columns:auto 2fr auto;align-items:center;gap:12px;margin-top:12px}.df-progress-label{color:#7b8a99}.df-progress-wrap{width:100%;display:flex;align-items:center}.df-progress-pct{color:#7b8a99;font-weight:700}.df-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8px;margin-bottom:8px}.df-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.df-h2{margin:0;font-size:28px;color:#0e7490}.df-breadcrumb-right{color:#7b8a99}.df-breadcrumb-right span{margin:0 6px}.df-module{color:#006400;font-weight:800;font-size:22px;margin-bottom:6px;display:block;text-transform:uppercase}.df-panel{margin-top:0;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;display:flow-root}.df-panel>*:first-child{margin-top:0}.container{max-width:1180px;margin:auto;padding:0 20px 20px}.df-panel .grid{display:grid;grid-template-columns:repeat(4,200px);gap:22px;margin-top:0;align-items:start;justify-content:center}.card{display:flex;flex-direction:column;gap:6px;background:transparent;border:none;box-shadow:none;padding:0}.card h3{margin:0;font-size:16px;font-weight:700;text-align:center}textarea{width:100%;height:260px;border:2px solid transparent;padding:8px;font-size:14px;border-radius:8px;background:#fff;outline:none;resize:vertical}.btn{display:block;margin:0;padding:10px 20px;background-color:#184e8b;color:#fff;border:none;border-radius:6px;cursor:pointer}.debilidades h3,.oportunidades h3,.fortalezas h3,.amenazas h3{color:#b4edfa}.debilidades textarea,.oportunidades textarea,.fortalezas textarea,.amenazas textarea{border-color:#b4edfa}.container{display:flex;flex-direction:column;align-items:stretch;gap:16px}.df-panel .grid{margin-top:0}.btn{align-self:flex-end;margin:0;position:static;float:none}.df-panel>.container{display:flow-root}.df-panel>.container>.grid{margin-top:0}.df-panel>.container>.btn{float:right;margin-top:8px}.em-section{margin-top:16px}.em-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.em-h2{margin:0;font-size:26px;color:#0e7490}.em-btn-save{display:inline-flex;align-items:center;gap:10px;background:var(--blue-btn);color:#fff;font-weight:700;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;box-shadow:0 2px #0000001a}.em-btn-ico{width:18px;height:18px;display:inline-grid;place-items:center;background:#fff;color:var(--blue-btn);border-radius:999px;font-size:12px}.em-form{display:grid;grid-template-columns:1fr;gap:10px;max-width:980px}.em-label{color:#12c0c0;font-size:18px;text-align:left;display:block;margin:0 0 6px}.em-input{width:100%;height:36px;border:1px solid #d1dae4;border-radius:8px;background:#fff;padding:0 12px;outline:none}.lc-shell{display:grid;grid-template-columns:var(--menu-w, 260px) 1fr;min-height:100vh;background:var(--bg)}.lc-page{padding:14px;display:flex;flex-direction:column}.lc-paper{background:#fff;border:1px solid #d9e2ea;border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:18px}.lc-progress-row{display:grid;grid-template-columns:auto 2fr auto;align-items:center;gap:12px;margin-top:6px}.lc-progress-label{color:#7b8a99}.lc-progress-wrap{width:100%}.lc-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.lc-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.lc-progress-pct{color:#7b8a99;font-weight:700}.lc-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.lc-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.lc-h2{margin:0;font-size:28px;color:#0e7490}.lc-breadcrumb-right{color:#7b8a99}.lc-breadcrumb-right span{margin:0 6px}.lc-panel{margin-top:12px;background:#fff;border:1px solid #d9e2ea;border-radius:4px;padding:18px}.lc-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:140px;gap:12px}.lc-card{background:transparent;border:0;padding:0;display:flex;flex-direction:column}.lc-card-title{font-size:12px;font-weight:800;color:#0f5f74;margin:0 0 6px}.lc-ta{width:100%;height:100%;resize:vertical;border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px;outline:none;background:#fff;font-size:14px}.lc-problema{grid-column:1;grid-row:1 / span 2}.lc-solucion{grid-column:2;grid-row:1}.lc-metricas{grid-column:2;grid-row:2}.lc-propuesta{grid-column:3;grid-row:1 / span 2}.lc-ventaja{grid-column:4 / span 2;grid-row:1}.lc-canales{grid-column:4 / span 2;grid-row:2}.lc-segmento{grid-column:5;grid-row:1 / span 2}.lc-costos{grid-column:1 / span 3;grid-row:3}.lc-ingresos{grid-column:4 / span 2;grid-row:3}.lc-footer{margin-top:14px}.lc-btn-primary{background:#184e8b;color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}.lc-btn-ico{margin-left:8px}@media (max-width: 1100px){.lc-grid{grid-auto-rows:160px}}@media (max-width: 920px){.lc-shell{grid-template-columns:68px 1fr}.lc-grid{grid-template-columns:1fr;grid-auto-rows:auto}.lc-problema,.lc-solucion,.lc-metricas,.lc-propuesta,.lc-ventaja,.lc-canales,.lc-segmento,.lc-costos,.lc-ingresos{grid-column:auto;grid-row:auto}}.lc-card-title{display:none}.lc-ta{border:2px solid #b4edfa;border-radius:10px}.lc-ta::placeholder{color:#b4edfa;font-weight:700}.lc-ta:hover{box-shadow:0 0 0 2px #b4edfa4d}.lc-ta:focus{box-shadow:0 0 0 3px #b4edfa80}.lc-ta{box-sizing:border-box;margin:0;height:100%;resize:none;border-radius:0}:root{--cyan500: var(--teal, #1AD0B3);--blue500: var(--title, #0F8CA8);--gray500: #6b7280}header{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:24px}.Header__line{height:.5rem;align-self:stretch;border-radius:.25rem;background:linear-gradient(90deg,#48e49e,#12c0c0,#1070a0)}.Header__content{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:8px}.Header_content_left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;padding:6px}.Header_content_right{display:flex;align-items:center;flex-direction:row-reverse;gap:16px}.Header_breadcrumb_div>p{margin:0;color:var(--cyan500);font-weight:600;line-height:1.3;font-size:clamp(1.1rem,1.2vw + .6rem,1.45rem)}.Header_title_div{display:flex;align-items:center;gap:10px;align-self:stretch}.Header_title_div>h1{margin:0;color:var(--blue500);font-size:clamp(1.8rem,2vw + .7rem,2.4rem)}.Header_user_div{display:flex;flex-direction:column;align-items:start;gap:0}.Header_user_div>h3{color:var(--cyan500);margin:0}.Header_edit_div{display:flex;align-items:center;gap:8px}.Header_edit_div>a{color:var(--gray500)}.Header_edit_div>img{width:1.5rem;height:1.5rem}.Header__avatar{width:3.5rem;height:3.5rem;padding:.25rem;border-radius:999px;background:linear-gradient(180deg,#48e49e,#12c0c0,#1070a0)}@media (min-width:1024px){.Header__content{display:flex;justify-content:space-between;flex-direction:row;align-items:flex-start;align-self:stretch}.Header_content_right{flex-direction:row}.Header_user_div{align-items:flex-end}.Header__avatar{width:5.5rem;height:5.5rem}}.cf-page{padding:14px;display:flex;flex-direction:column}.cf-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px}.cf-progress-label{color:#7b8a99}.cf-progress-wrap{width:100%}.cf-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.cf-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.cf-progress-pct{color:#7b8a99;font-weight:700}.cf-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.cf-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.cf-h2{margin:0;font-size:28px;color:#0e7490}.cf-breadcrumb-right{color:#7b8a99}.cf-breadcrumb-right span{margin:0 6px}.cf-panel{margin-top:12px;background:#fff;border:1px solid #d9e2ea;border-radius:4px;padding:30px 28px 26px;position:relative}.cf-dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:22px}.cf-col-left{display:flex;flex-direction:column}.cf-col-right{display:flex;flex-direction:column;gap:12px}.cf-box{background:#fff;border:1px solid #E6EEF5;border-radius:8px;box-shadow:0 8px 20px #0208170f;padding:16px 18px}.cf-box-main{padding:20px 20px 18px}.cf-box-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.cf-box-header-small{align-items:center}.cf-box-title{font-size:14px;font-weight:700;color:#4a5b6b}.cf-box-amount{font-size:18px;font-weight:800;color:#0ea5b7}.cf-box-body{margin-top:12px;border-top:1px solid #E6EEF5;padding-top:10px}.cf-box-row{display:flex;justify-content:space-between;font-size:13px;color:#637589;padding:2px 0}.cf-margin-card{margin-top:4px;margin-bottom:10px;background:#fff;border:1px solid #E6EEF5;border-radius:8px;padding:14px 18px 12px;box-shadow:0 6px 16px #0208170d;text-align:center}.cf-margin-label{font-size:13px;color:#4a5b6b;margin-bottom:4px}.cf-margin-value{font-size:20px;font-weight:800;color:#0ea5b7}.cf-margin-help{margin-top:4px;font-size:12px;color:#7b8a99}.cf-formula-card{margin-bottom:14px;border:1px solid #E6EEF5;border-radius:8px;padding:10px 14px;font-size:13px;color:#4a5b6b;display:flex;gap:6px}.cf-formula-text{margin-left:auto;text-align:left}.cf-formula-label{font-weight:700}.cf-formula-text{flex:1}.cf-note{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e6eef5;border-radius:8px;padding:12px 14px;box-shadow:0 6px 16px #0208170a}.cf-note-ico{width:22px;height:22px;border-radius:999px;background:#d9f7ef;color:#0ea5b7;display:grid;place-items:center;font-weight:900}.cf-note-text b{display:block;color:#0b1324;margin-bottom:2px}.cf-note-text p{margin:0;color:#637589;font-size:13px}.cf-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.cf-btn-continue{display:inline-flex;align-items:center;gap:10px;background:var(--blue-btn);color:#fff;font-weight:700;border:none;border-radius:12px;padding:10px 16px;cursor:pointer;box-shadow:0 2px #0000001a}.cf-btn-circle{width:24px;height:24px;border-radius:999px;background:#fff;color:var(--blue-btn);display:grid;place-items:center;font-weight:900}.cf-btn-guardar{background:#184e8b;color:#fff;border:none;border-radius:8px;height:34px;padding:0 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.cf-btn-ico{width:18px;height:18px;border-radius:999px;background:#0b3c71;color:#fff;display:grid;place-items:center;font-size:12px}.cf-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#0ea5b7;color:#fff;border-radius:8px;padding:10px 14px;box-shadow:var(--shadow);font-weight:700;z-index:50}.cp-shell{display:grid;grid-template-columns:var(--menu-w, 260px) 1fr;min-height:100vh;background:var(--bg)}.cp-shell.menu-open{--menu-w: 260px}.cp-page{padding:14px;display:flex;flex-direction:column}.cp-paper{background:#fff;border:1px solid #d9e2ea;border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:18px}.cp-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px}.cp-progress-label{color:#7b8a99}.cp-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.cp-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.cp-progress-pct{color:#7b8a99;font-weight:700}.cp-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.cp-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.cp-h2{margin:0;font-size:28px;color:#0e7490}.cp-breadcrumb-right{color:#7b8a99}.cp-breadcrumb-right span{margin:0 6px}.cp-block{margin-top:18px;background:#fff;border:1px solid #d9e2ea;border-radius:14px;box-shadow:0 6px 18px #0f172a0d;padding:18px 20px}.cp-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cp-block-title{margin:0;font-size:14px;font-weight:800;color:#0e7490}.cp-add-btn{background:#184e8b;border:none;color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:6px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px #0000001f}.cp-row{display:grid;gap:12px;margin-bottom:10px}.cp-row-mp,.cp-row-mo{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr 1fr}.cp-row-em{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr}.cp-row-proy{grid-template-columns:1.4fr 1.6fr}.cp-field{display:flex;flex-direction:column;gap:4px}.cp-label{color:#0e9487;font-weight:600;margin-bottom:3px;display:block;font-size:12px}.cp-in{width:100%;border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;outline:none;font-size:14px;background:#fff;height:32px;box-sizing:border-box}.cp-in:focus{border-color:#0ea5b7;box-shadow:0 0 0 1px #0ea5b859}.cp-right{text-align:right}.cp-readonly{width:100%;border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;background:#f8fafc;font-size:14px;color:#0f172a}.cp-block-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:6px;gap:8px;border-top:1px solid #e2e8f0;padding-top:8px}.cp-total-label{font-weight:700;color:#0b1324}.cp-total-value{font-weight:800;color:#0f172a}.cp-helper-text{margin-top:4px;font-size:11px;color:#94a3b8}.cp-footer{display:flex;justify-content:flex-start;margin-top:18px}.cp-btn-continue{display:inline-flex;align-items:center;gap:10px;background:var(--blue-btn);color:#fff;font-weight:700;border:none;border-radius:12px;padding:10px 16px;cursor:pointer;box-shadow:0 2px #0000001a}.cp-btn-circle{width:24px;height:24px;border-radius:999px;background:#fff;color:var(--blue-btn);display:grid;place-items:center;font-weight:900}.cp-btn-arrow{transform:translate(1px)}@media (max-width: 1180px){.cp-row-mp,.cp-row-mo,.cp-row-em{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.cp-row-mp,.cp-row-mo,.cp-row-em,.cp-row-proy{grid-template-columns:1fr}.cp-block{padding:14px}}:root{--teal:#1AD0B3;--blue:#188FC9;--title:#0F8CA8;--muted:#7A8A9A;--text:#0B1324;--bg:#F5F7FA;--card:#ffffff;--border:#E7EDF2;--shadow:0 10px 25px rgba(2,8,23,.06);--blue-btn:#1F66A5}.cfi-shell{display:grid;grid-template-columns:var(--menu-w, 260px) 1fr;min-height:100vh;background:var(--bg)}.cfi-page{padding:14px;display:flex;flex-direction:column}.cfi-paper{background:#fff;border:1px solid #d9e2ea;border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:18px}.cfi-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px}.cfi-progress-label{color:#7b8a99}.cfi-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.cfi-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.cfi-progress-pct{color:#7b8a99;font-weight:700}.cfi-header-right{display:flex;align-items:center;gap:16px}.cfi-user-mini{display:flex;align-items:center;gap:10px;white-space:nowrap}.cfi-user-mini-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}.cfi-user-name{border:none;background:none;cursor:pointer;color:#16a3ad;font-weight:800}.cfi-user-edit{border:none;background:none;color:var(--muted);font-size:13px;cursor:pointer}.cfi-mini-ring{width:66px;height:66px;padding:6px;border-radius:999px;background:transparent;display:grid;place-items:center}.cfi-mini-ring .cfi-mini-avatar{width:100%;height:100%;border-radius:999px;object-fit:cover;border:0!important;display:block}.cfi-header-right .cfi-user-mini .cfi-mini-ring img{border:0!important}.cfi-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.cfi-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.cfi-h2{margin:0;font-size:28px;color:#0e7490}.cfi-breadcrumb-right{color:#7b8a99}.cfi-breadcrumb-right span{margin:0 6px}.cfi-panel{margin-top:12px;background:#fff;border:1px solid #d9e2ea;border-radius:4px;padding:24px 28px;position:relative}.cfi-form-card{width:100%;max-width:none;margin:0}.cfi-form-title{margin:0 0 14px;color:#1fd181;font-size:22px;font-weight:800;text-align:left}.cfi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:16px;row-gap:14px;align-items:center}.cfi-grid-header{font-weight:700;font-size:14px;color:#1fd181;align-self:flex-end}.cfi-col-left,.cfi-col-right{display:flex;flex-direction:column;gap:10px}.cfi-input{width:100%;height:34px;border:1px solid #cfd9e2;border-radius:6px;padding:0 10px;outline:none;background:#fff;box-sizing:border-box;max-width:100%}.cfi-add{background:#0c807c;color:#fff;font-weight:700;border:none;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;width:180px}.cfi-add-circle{width:18px;height:18px;border-radius:999px;background:#fff;color:#0c807c;display:grid;place-items:center;font-weight:900;line-height:18px}.cfi-actions{display:flex;justify-content:flex-end;margin-top:26px}.cfi-btn-guardar{background:#184e8b;color:#fff;border:none;border-radius:8px;height:34px;padding:0 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.cfi-btn-ico{width:18px;height:18px;border-radius:999px;background:#0b3c71;color:#fff;display:grid;place-items:center;font-size:12px}.cfi-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#0ea5b7;color:#fff;border-radius:8px;padding:10px 14px;box-shadow:var(--shadow);font-weight:700;z-index:50}@media (max-width:900px){.cfi-shell{grid-template-columns:68px 1fr}.cfi-grid{grid-template-columns:1fr}.cfi-add{justify-content:flex-start;padding:0 10px}}.cfi-input{background:#f9fafb;color:#111827}.cfi-input{cursor:default}.cv-shell{display:grid;grid-template-columns:var(--menu-w, 260px) 1fr;min-height:100vh;background:var(--bg)}.cv-page{padding:14px;display:flex;flex-direction:column}.cv-paper{background:#fff;border:1px solid #d9e2ea;border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:14px 16px;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;min-height:calc(100vh - 28px)}.cv-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px}.cv-progress-label{color:#7b8a99}.cv-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.cv-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.cv-progress-pct{color:#7b8a99;font-weight:700}.cv-header-right{display:flex;align-items:center;gap:16px}.cv-user-mini{display:flex;align-items:center;gap:10px;white-space:nowrap}.cv-user-mini-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}.cv-user-name{border:none;background:none;cursor:pointer;color:#16a3ad;font-weight:800}.cv-user-edit{border:none;background:none;color:var(--muted);font-size:13px;cursor:pointer}.cv-mini-ring{width:66px;height:66px;padding:6px;border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--blue));display:grid;place-items:center}.cv-mini-ring .cv-mini-avatar{width:100%;height:100%;border-radius:999px;object-fit:cover;border:0;display:block}.cv-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.cv-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.cv-h2{margin:0;font-size:28px;color:#0e7490}.cv-breadcrumb-right{color:#7b8a99}.cv-breadcrumb-right span{margin:0 6px}.cv-panel{flex:1 1 auto;width:100%;max-width:none;background:#fff;border:1px solid #d9e2ea;border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:24px 28px;margin-top:12px;box-sizing:border-box;max-width:hidden}.cv-form-card{width:100%;max-width:none;margin:0}.cv-grid{width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:16px;row-gap:14px;align-items:center}.cv-col-left,.cv-col-right{display:flex;flex-direction:column;gap:10px;min-width:0}.cv-col-left{position:relative}.cv-col-left:before{content:"Datos";display:block;color:#1fd181;font-weight:800;font-size:22px;line-height:1.1;margin:0 0 10px;text-align:left}.cv-grid-header{font-weight:700;color:#1fd181;text-align:left;margin-bottom:4px}.cv-input-readonly{background:#f3f4f6;color:#111827;border-color:#cfd9e2}.cv-chip,.cv-add{width:180px}.cv-chip{background:#0c807c;color:#fff;font-weight:700;border-radius:6px;height:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px #0000000f}.cv-add{background:#0c807c;color:#fff;font-weight:700;border:none;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.cv-add-circle{width:18px;height:18px;border-radius:999px;background:#fff;color:#0c807c;display:grid;place-items:center;font-weight:900;line-height:18px}.cv-input{width:100%;height:34px;border:1px solid #cfd9e2;border-radius:6px;padding:0 10px;outline:none;background:#fff;box-sizing:border-box;max-width:100%}.cv-actions{display:flex;justify-content:flex-end;margin-top:16px}.cv-btn-guardar{background:#184e8b;color:#fff;border:none;border-radius:8px;height:34px;padding:0 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.cv-btn-ico{width:18px;height:18px;border-radius:999px;background:#0b3c71;color:#fff;display:grid;place-items:center;font-size:12px}.cv-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#0ea5b7;color:#fff;border-radius:8px;padding:10px 14px;box-shadow:var(--shadow);font-weight:700;z-index:50}@media (max-width: 900px){.cv-shell{grid-template-columns:68px 1fr}.cv-grid{grid-template-columns:1fr}.cv-chip,.cv-add{justify-content:flex-start;padding:0 10px}}.pv-shell{display:grid;grid-template-columns:var(--menu-w, 260px) 1fr;min-height:100vh;background:var(--bg)}.pv-page{padding:14px;display:flex;flex-direction:column}.pv-paper{background:#fff;border:1px solid #d9e2ea;border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:18px}.pv-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px}.pv-progress-label{color:#7b8a99}.pv-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.pv-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.pv-progress-pct{color:#7b8a99;font-weight:700}.pv-header-right{display:flex;align-items:center;gap:16px}.pv-user-mini{display:flex;align-items:center;gap:10px;white-space:nowrap}.pv-user-mini-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}.pv-user-name{border:none;background:none;cursor:pointer;color:#16a3ad;font-weight:800}.pv-user-edit{border:none;background:none;color:var(--muted);font-size:13px;cursor:pointer}.pv-mini-ring{width:66px;height:66px;padding:6px;border-radius:999px;background:linear-gradient(135deg,var(--teal),var(--blue));display:grid;place-items:center}.pv-mini-ring .pv-mini-avatar{width:100%;height:100%;border-radius:999px;object-fit:cover;border:0;display:block}.pv-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.pv-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.pv-h2{margin:0;font-size:28px;color:#0e7490}.pv-breadcrumb-right{color:#7b8a99}.pv-breadcrumb-right span{margin:0 6px}.pv-panel{margin-top:12px;background:#edeff1;border:1px solid #d9e2ea;border-radius:4px;padding:40px 28px}.pv-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:760px;margin:0 auto 36px}.pv-box{display:flex;flex-direction:column;gap:10px;align-items:center}.pv-chip{color:#fff;font-weight:800;border-radius:6px;padding:10px 18px;min-width:240px;text-align:center;box-shadow:0 8px 18px #0208170f}.pv-chip-blue{background:#115a85}.pv-chip-teal{background:#0c807c}.pv-input-big{width:260px;height:34px;border:1px solid #cfd9e2;border-radius:6px;background:#fff;padding:0 10px;outline:none}.pv-bottom{display:grid;grid-template-columns:360px minmax(300px,1fr);column-gap:24px;row-gap:14px;align-items:start;max-width:760px;margin:0 auto}.pv-leftstack,.pv-rightstack{display:contents}.pv-chip-wide{width:100%;max-width:360px;text-align:left;padding-left:16px}.pv-input{width:100%;max-width:340px;height:34px;border:1px solid #cfd9e2;border-radius:6px;background:#fff;padding:0 10px;outline:none;margin:0;position:static}@media (max-width: 900px){.pv-shell{grid-template-columns:68px 1fr}.pv-two{grid-template-columns:1fr}.pv-bottom{grid-template-columns:1fr;column-gap:0}.pv-input,.pv-input-big,.pv-chip-wide{width:100%;max-width:100%}}:root{--teal: #1AD0B3;--blue: #188FC9;--title: #0F8CA8;--muted: #7A8A9A;--text: #0B1324;--bg: #F5F7FA;--card: #ffffff;--border: #E7EDF2;--shadow: 0 10px 25px rgba(2, 8, 23, .06);--blue-btn: #1F66A5}.tx-panel-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:18px;width:100%}.tx-add-row-btn{border:none;border-radius:20px;padding:7px 18px;background:var(--blue-btn);color:#fff;font-weight:700;cursor:pointer;font-size:14px;box-shadow:0 2px 4px #0f76b24d}.tx-add-row-btn:hover{filter:brightness(1.1)}.tx-table th{font-weight:700;color:var(--blue-btn);font-size:15px;text-align:center}.tx-table td{text-align:center}.tx-table thead th{color:#1f66a5}.tx-table thead{background:transparent}.tx-table th,.tx-table td{padding:10px 12px;border-bottom:1px solid #EDF2F7;color:#4a5568}.tx-table tbody tr:last-child td{border-bottom:none}.tx-table-empty{text-align:center;padding:14px;color:#718096;font-style:italic}.tx-input{width:100%;border:1px solid #d0dde8;border-radius:6px;padding:6px 8px;font-size:14px;outline:none;background:#fff}.tx-input:focus{border-color:var(--blue-btn);box-shadow:0 0 0 1px #1f66a526}.tx-input-right{text-align:right}.tx-row-delete{border:none;background:#1f66a5;color:#f5f7fa;border-radius:20px;padding:6px 14px;cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto}.tx-row-delete:hover{filter:brightness(1.05)}.tx-note{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e6eef5;border-radius:8px;padding:14px 16px;margin-top:18px;box-shadow:0 6px 16px #0208170a}.tx-note-ico{width:22px;height:22px;border-radius:999px;background:#d9f7ef;color:#0ea5b7;display:grid;place-items:center;font-weight:900}.tx-note-text b{display:block;color:#0b1324;margin-bottom:2px}.tx-note-text p{margin:0;color:#637589}.tx-footer{display:flex;justify-content:space-between;margin-top:16px}.tx-btn-primary{background:var(--blue-btn);color:#fff;font-weight:700;padding:10px 18px;border:none;border-radius:12px;cursor:pointer}.tx-btn-secondary{background:#184e8b;color:#fff;border:none;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}@media (max-width: 900px){.cf-dashboard-grid{grid-template-columns:1fr}}.vp-hero,.by-hero,.cv-hero,.lc-hero{position:relative;isolation:isolate}.vp-avatar-ring,.by-avatar-ring,.cv-avatar-ring,.lc-avatar-ring{position:relative;z-index:0!important;margin-bottom:24px!important}.vp-displayname,.by-displayname,.cv-displayname,.lc-displayname{position:relative;z-index:5!important;margin-top:0!important}.vp-avatar-ring:before,.vp-avatar-ring:after,.by-avatar-ring:before,.by-avatar-ring:after,.cv-avatar-ring:before,.cv-avatar-ring:after,.lc-avatar-ring:before,.lc-avatar-ring:after{z-index:-1!important;pointer-events:none}.vp-mini-ring .vp-mini-avatar,.by-mini-ring .by-mini-avatar,.cv-mini-ring .cv-mini-avatar,.lc-mini-ring .lc-mini-avatar{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9999px!important;border:0!important}.vp-avatar-ring,.by-avatar-ring{background:transparent!important;padding:0!important}.vp-avatar,.by-avatar{border:0!important}.vp-mini-ring,.by-mini-ring,.cp-mini-ring,.cv-mini-ring,.pv-mini-ring,.lc-mini-ring{background:transparent!important;padding:0!important;box-shadow:none!important}.vp-mini-ring img,.by-mini-ring img,.cp-mini-ring img,.cv-mini-ring img,.pv-mini-ring img,.lc-mini-ring img{border:0!important}*{margin:0;padding:0;box-sizing:border-box}.container-agent{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#0f172a,#581c87,#0f172a)}.header{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,85,247,.2);padding:1rem;box-shadow:0 4px 6px #0000001a}.header-content{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:.75rem}.header-icon{width:40px;height:40px;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #a855f766}.header-icon .icon{width:24px;height:24px;color:#fff}.header-text h1{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.header-text p{font-size:.75rem;color:#d8b4fe;margin:0}.messages-container{flex:1;overflow-y:auto;padding:1rem}.messages-wrapper{max-width:1024px;margin:0 auto}.welcome{text-align:center;padding:3rem 0}.welcome-icon{width:80px;height:80px;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 10px 15px #a855f766}.welcome-icon .icon-large{width:40px;height:40px;color:#fff}.welcome h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.welcome p{color:#d8b4fe;margin:0}.message{display:flex;gap:.75rem;margin-bottom:1rem}.message.user{justify-content:flex-end}.message.agent{justify-content:flex-start}.message-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 6px #0003}.message-icon.agent{background:linear-gradient(135deg,#a855f7,#ec4899)}.message-icon.user{background:linear-gradient(135deg,#3b82f6,#2563eb)}.message-icon .icon-small{width:20px;height:20px;color:#fff}.message-content{max-width:600px;border-radius:16px;padding:1rem;box-shadow:0 4px 6px #0000001a}.message-content p{white-space:pre-wrap;word-wrap:break-word;margin:0}.message-content.user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.message-content.agent{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;border:1px solid rgba(168,85,247,.2)}.loading{display:flex;align-items:center;gap:.5rem;color:#d8b4fe}.loading .spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading span{margin:0}.input-container{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(168,85,247,.2);padding:1rem;box-shadow:0 -4px 6px #0000001a}.input-wrapper{max-width:1024px;margin:0 auto;display:flex;gap:.5rem}.input-field{flex:1;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:1rem;outline:none;transition:all .2s}.input-field::placeholder{color:#d8b4fe}.input-field:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.input-field:disabled{opacity:.5;cursor:not-allowed}.send-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px #a855f766}.send-button:hover:not(:disabled){box-shadow:0 6px 8px #a855f780;transform:translateY(-1px)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.send-button .icon-button{width:20px;height:20px}:root{--teal:#1AD0B3;--blue:#188FC9;--title:#0F8CA8;--muted:#7A8A9A;--text:#0B1324;--bg:#F5F7FA;--card:#ffffff;--border:#E7EDF2;--shadow:0 10px 25px rgba(2,8,23,.06)}.cd-progress-row{display:grid;grid-template-columns:auto 2fr auto;align-items:center;gap:10px;margin-top:12px;width:100%}.cd-progress-label{color:#7b8a99}.cd-track{width:100%;height:8px;background:#e6f2f0;border-radius:999px;overflow:hidden}.cd-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:inherit}.cd-progress-pct{color:#7b8a99;font-weight:700;min-width:44px;text-align:right}.cd-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}.cd-caption{color:#1eb9b5;font-weight:700;display:block;margin-bottom:4px}.cd-h2{margin:0;font-size:28px;color:#0e7490}.cd-breadcrumb-right{color:#7b8a99}.cd-breadcrumb-right span{margin:0 6px}.cd-panel{position:relative;margin-top:12px;background:#fff;border:1px solid #d9e2ea;border-radius:4px;padding:16px 18px}.cd-panel .cd-grid{display:grid;grid-template-columns:360px 480px;gap:18px;justify-content:center;align-items:start}.cd-illustration{display:grid;place-items:center}.cd-ring{position:relative;display:grid;place-items:center;border-radius:999px}.cd-ring-outer{width:340px;height:340px;background:#fff2cc}.cd-ring-mid{width:240px;height:240px;background:#f7d88f}.cd-ring-inner{width:140px;height:140px;background:#f4b73c}.cd-ring-label{position:absolute;font-weight:800;color:#8a6d3b}.cd-label-que{bottom:14px}.cd-label-como{bottom:12px}.cd-label-porque{color:#604200}.cd-panel .cd-right{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px;justify-self:start;box-sizing:border-box}.cd-panel .cd-right .cd-card{background:#fff;border:1px solid #cfd9e2;border-radius:6px;padding:6px 10px;width:100%;box-sizing:border-box;overflow:hidden}.cd-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cd-card-title{font-weight:800;color:#0f5f74}.cd-hint{font-size:12px;color:#7b8a9a}.cd-panel .cd-right .cd-card .cd-ta{display:block;width:100%;max-width:100%;min-height:30px;max-height:55px;border:none;outline:none;background:#fff;padding:8px 10px;resize:vertical;box-sizing:border-box}.cd-top-title{margin:2px 0 6px;color:#12c0c0;font-size:18px;font-weight:800;text-align:left}.cd-card-title{display:none}.cd-hint{font-size:12px;color:var(--text);font-weight:600;text-transform:none;margin-left:auto}.cd-btn-guardar{background:#184e8b;color:#fff;border:none;border-radius:8px;height:34px;padding:0 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.cd-btn-ico{width:18px;height:18px;border-radius:999px;background:#0b3c71;color:#fff;display:grid;place-items:center;font-size:12px}@media (max-width: 1060px){.cd-grid{grid-template-columns:1fr}.cd-illustration{order:2}.cd-right{order:1;max-width:640px}}.form-actions{display:flex;justify-content:flex-end;margin-top:12px}.btn-guardar{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:40px;border-radius:10px;border:none;background:#164e86;color:#fff;font-weight:700;cursor:pointer}.btn-guardar:hover{filter:brightness(.95)}.btn-guardar .MuiSvgIcon-root{font-size:18px;color:currentColor}:root{--menu-w: 260px;--content-min: 1040px}:root{--page-bg: #F5F7FA;--page-pad-y: 16px}html,body{background:var(--page-bg)!important}.app-shell{background:var(--page-bg)}.app-page{background:transparent}.app-shell{display:grid;grid-template-columns:var(--menu-w) 1fr;min-height:100vh;min-width:calc(var(--menu-w) + var(--content-min))}.app-main{min-width:var(--content-min);display:flex;flex-direction:column;min-height:100dvh}.app-page{padding:var(--page-pad-y) 18px;flex:1 1 auto;display:block;min-width:var(--content-min)}.app-paper{background:#fff;border:1px solid #d9e2ea;border-radius:10px;box-shadow:0 10px 25px #0208170f;padding:28px 32px;max-width:var(--content-min);width:100%;margin:0 auto;min-height:calc(100dvh - (var(--page-pad-y) * 2))}@media (max-width: 900px){:root{--content-min: 100%}.app-shell{grid-template-columns:68px 1fr;min-width:100%}.app-main,.app-page{min-width:100%}.app-paper{max-width:100%}}