:root{--navy: #040025;--blue: #0040a4;--off: #e7e7e7;--c-blue: #2b6cff;--c-lilac: #b586ff;--c-orange: #ff7a00;--c-sky: #4f8dff;--c-red: #ff5a5a}html,body{font-family:Inter,Arial,sans-serif;background:var(--off);color:#0b0b22;line-height:1.6}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;position:relative;background:linear-gradient(90deg,#060a231f,#060a235c),url(https://storage.googleapis.com/kinedrik-imagenes/Fondo_consultores.png);background-position:center;background-repeat:no-repeat;background-size:cover;padding:40px 24px}.sideDecor{position:absolute;top:36px;bottom:36px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.sideDecor.left{left:36px}.sideDecor.right{right:36px}.sideLine{width:10px;height:calc((100vh - 72px) / 3);min-height:80px;max-height:300px;border-radius:999px;box-shadow:0 6px 20px #08061408}.sideLine.orange{background:linear-gradient(180deg,#ffdcc0,#ffb07a)}.sideLine.blue{background:linear-gradient(180deg,#c9dbff,#8eaeff)}.sideLine.lilac{background:linear-gradient(180deg,#f0e6ff,#d6c3ff)}.loginWrap{width:min(100%,560px);margin-left:auto;margin-right:clamp(8px,5vw,72px);display:flex;flex-direction:column;align-items:center}.logoBlock{display:flex;flex-direction:column;align-items:center;gap:12px}.miniBars{display:flex;gap:8px;align-items:center}.miniBars .mb{width:8px;height:26px;border-radius:6px}.miniBars .o{background:var(--c-orange)}.miniBars .b{background:var(--c-blue)}.miniBars .l{background:var(--c-lilac)}.logoText{font-weight:900;color:var(--navy);font-size:28px;letter-spacing:2px}.logoText .mirroredK{display:inline-block;transform:scaleX(-1)}.card{margin-top:20px;width:520px;background:linear-gradient(180deg,#f3f3f4,#efefef);border-radius:14px;padding:28px 38px;box-shadow:0 30px 50px #0506141f,inset 0 1px #fff9;text-align:center}.cardTitle{font-size:24px;line-height:1.1;font-weight:900;color:var(--navy)}.cardSub{margin-top:8px;color:#666;font-size:13px;line-height:1.45;letter-spacing:.2px}.googleSection{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.googleCustomBtn{width:100%;max-width:320px;background:#fff;border:1px solid #dadce0;border-radius:20px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Google Sans,Inter,sans-serif;font-weight:500;color:#3c4043;cursor:pointer;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.googleCustomBtn:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.googleCustomBtn:disabled{opacity:.6;cursor:not-allowed}.googleCustomBtn svg{flex-shrink:0}form{margin-top:18px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.label{font-weight:700;text-align:left;font-size:13px;color:#333}.input{padding:12px 14px;border:none;border-radius:8px;width:100%;font-size:14px;background:#fff;box-shadow:0 6px 18px #0506140f;position:relative}.emailDropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 6px 18px #0506141f;margin-top:-4px;z-index:10;max-height:200px;overflow-y:auto}.emailOption{padding:12px 14px;font-size:14px;color:#333;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.emailOption:last-child{border-bottom:none}.emailOption:hover{background-color:#f5f5f5;color:var(--navy)}.errorMessage{color:var(--c-red);font-weight:700;font-size:13px;text-align:center}.googleStatus{font-size:13px;color:#4d5560;text-align:center}.btn{background:var(--navy);border:none;color:#fff;padding:16px 18px;border-radius:16px;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 22px 30px #04031e5c;display:inline-flex;align-items:center;justify-content:center}.btn span{font-weight:800}.btn .arrow{margin-left:14px}.footer{margin-top:28px;color:#9aa0a6;font-size:12px;text-align:center}.separator{margin:30px 0 20px;position:relative;text-align:center}.separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0;z-index:1}.separator span{background:#f3f3f4;padding:0 15px;color:#888;font-size:12px;position:relative;z-index:2;text-transform:uppercase;letter-spacing:.5px}.adminForm{margin-top:10px;display:flex;flex-direction:column;gap:15px}.adminBtn{margin-top:10px;width:100%}.inputGroup{text-align:left}@media(max-width:900px){.sideDecor{display:none}.loginPage{justify-content:center}.loginWrap{margin-right:0}.card{width:100%;padding:24px}}.sidebar{width:215px;background:var(--navy, #040025);display:flex;flex-direction:column;padding:20px 0;box-shadow:2px 0 10px #0000001a;position:fixed;left:0;top:0;height:100vh;z-index:999;overflow-y:auto;transition:width .28s ease,padding .28s ease}.sidebarBrand{padding:0 16px 32px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.sidebarTopLogoSwitch{width:100%;height:44px;border:none;background:transparent;padding:0;margin:0 auto 14px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebarTopLogoSwitch:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px;border-radius:8px}.sidebarTopLogoImage{position:absolute;object-fit:contain;transition:opacity .22s ease,transform .22s ease;pointer-events:none}.sidebarTopLogoImage.full{width:166px;height:28px}.sidebarTopLogoImage.symbol{width:34px;height:34px}.sidebarTopLogoImage.visible{opacity:1;transform:scale(1)}.sidebarTopLogoImage.hidden{opacity:0;transform:scale(.92)}.sidebarBrandName{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar.uploadSidebar .sidebarBrandName{max-height:36px;opacity:1;transform:translateY(0);transition:max-height .22s ease,opacity .22s ease,transform .22s ease}.sidebar.uploadSidebar.collapsed{width:88px}.sidebar.uploadSidebar.collapsed .sidebarBrand{padding:0 10px 24px}.sidebar.uploadSidebar.collapsed .sidebarBrandName{max-height:0;opacity:0;transform:translateY(-8px);overflow:hidden;pointer-events:none}.sidebar.uploadSidebar .sidebarNav{transition:padding .22s ease}.sidebar.uploadSidebar .sidebarItem{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:12px;transition:padding .22s ease,column-gap .22s ease,grid-template-columns .22s ease,color .3s ease,background .3s ease}.sidebar.uploadSidebar .sidebarItem>svg{grid-column:1;justify-self:center}.sidebar.uploadSidebar .sidebarItem>span{grid-column:2;min-width:0}.sidebar.uploadSidebar .sidebarItem span{max-width:160px;opacity:1;transition:opacity .2s ease,max-width .2s ease;white-space:nowrap;overflow:hidden}.sidebar.uploadSidebar.collapsed .sidebarNav{padding:0 12px}.sidebar.uploadSidebar.collapsed .sidebarItem{padding:12px 16px;grid-template-columns:24px 0fr;column-gap:0}.sidebar.uploadSidebar.collapsed .sidebarItem span{max-width:0;opacity:0}.sidebar.uploadSidebar .sidebarBadge{display:grid;grid-template-columns:26px minmax(0,1fr) 8px;align-items:center;column-gap:8px;transition:max-width .22s ease,margin .22s ease,padding .22s ease,grid-template-columns .22s ease,column-gap .22s ease}.sidebar.uploadSidebar .logoutBtn{width:26px;height:26px;padding:4px;flex:none}.sidebar.uploadSidebar .logoutBtn svg{width:18px;height:18px}.sidebar.uploadSidebar .sidebarBadge .badgeName{max-width:120px;opacity:1;margin-left:0;transition:max-width .2s ease,opacity .2s ease,margin-left .2s ease}.sidebar.uploadSidebar .sidebarBadge .statusDot{opacity:1;margin-left:0;transition:opacity .2s ease,width .2s ease,margin-left .2s ease,box-shadow .2s ease}.sidebar.uploadSidebar.collapsed .sidebarBadge{max-width:64px;margin:16px 12px 0;justify-content:flex-start;padding:8px 12px;grid-template-columns:26px 0fr 0px;column-gap:0}.sidebar.uploadSidebar.collapsed .sidebarBadge .badgeName,.sidebar.uploadSidebar.collapsed .sidebarBadge .statusDot{opacity:0}.sidebar.uploadSidebar.collapsed .sidebarBadge .badgeName{max-width:0;margin-left:0}.sidebar.uploadSidebar.collapsed .sidebarBadge .statusDot{width:0;margin-left:0;box-shadow:none}.sidebarMirroredK{display:inline-block;transform:scaleX(-1);margin-left:2px}.sidebarNav{display:flex;flex-direction:column;gap:0;flex:1;padding:0 12px}.sidebarItem{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;color:#ffffffb3;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-align:left}.sidebarItem:hover:not(.disabled){background:#ffffff1a;color:#fff}.sidebarItem.active{background:var(--blue, #0040a4);color:#fff}.sidebarItem.disabled{opacity:.5;cursor:not-allowed}.sidebarItem.disabled:hover{background:transparent;color:#ffffffb3}.sidebarItem svg{width:24px;height:24px;flex-shrink:0}.uploadLogo{width:24px;height:24px;object-fit:contain;flex-shrink:0;display:inline-block}.brandLogo{display:block;width:140px;height:28px}.brandLogo text{fill:currentColor}.sidebarBadge{padding:8px 12px;background:#0040a433;border:1px solid var(--blue, #0040a4);color:var(--blue, #0040a4);display:flex;align-items:center;justify-content:space-between;border-radius:6px;font-size:11px;font-weight:700;margin:16px 12px 0;max-width:191px;cursor:pointer;text-align:left}.logoutBtn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px}.sidebarBadge:hover .logoutBtn,.logoutBtn:hover{color:#ff4d4d;background:#ffffff1a}.sidebarBadge:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}.sidebarBadge .badgeName{color:#fff;display:inline-block;overflow:hidden;text-overflow:ellipsis;flex:1;margin-left:8px;text-align:left}.sidebarBadge .statusDot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:#28c76f;box-shadow:0 0 0 2px #28c76f1f}.logoutModalOverlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.logoutModalCard{background:#fff;border-radius:8px;border-top:4px solid #FF6B00;padding:24px;width:90%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0003;animation:scaleIn .2s ease-out}.logoutModalTitle{font-size:24px;font-weight:800;color:#0d1b4b;margin-bottom:16px}.logoutModalText{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.logoutModalSubtext{font-size:14px;color:#888;margin-bottom:24px}.logoutModalActions{display:flex;gap:12px;justify-content:center}.logoutModalBtn{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.logoutModalBtn.cancel{background:transparent;border:1px solid #ccc;color:#666}.logoutModalBtn.cancel:hover{background:#f5f5f5}.logoutModalBtn.confirm{background:#ff6b00;border:1px solid #FF6B00;color:#fff}.logoutModalBtn.confirm:hover{background:#e66000}.mobileToggle{display:none;position:fixed;top:15px;left:15px;z-index:2000;background:var(--navy);color:#fff;border:none;width:40px;height:40px;border-radius:8px;font-size:24px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.sidebarOverlay{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}.mobileToggle{display:flex}.sidebarOverlay{display:block}.sidebar.uploadSidebar.collapsed{width:215px}.sidebar.uploadSidebar.collapsed .sidebarBrand{padding:0 16px 32px}.sidebar.uploadSidebar.collapsed .sidebarBrandName{max-height:36px;opacity:1;transform:translateY(0);pointer-events:auto}.sidebar.uploadSidebar.collapsed .sidebarNav{padding:0 12px}.sidebar.uploadSidebar.collapsed .sidebarItem{padding:12px 16px;grid-template-columns:24px minmax(0,1fr);column-gap:12px}.sidebar.uploadSidebar.collapsed .sidebarItem span{max-width:160px;opacity:1}.sidebar.uploadSidebar.collapsed .sidebarBadge{max-width:191px;margin:16px 12px 0;padding:8px 12px;grid-template-columns:26px minmax(0,1fr) 8px;column-gap:8px}.sidebar.uploadSidebar.collapsed .sidebarBadge .badgeName{max-width:120px;opacity:1;margin-left:0}.sidebar.uploadSidebar.collapsed .sidebarBadge .statusDot{width:8px;opacity:1;margin-left:0;box-shadow:0 0 0 2px #28c76f1f}}:root{--navy: #040025;--blue: #0040a4;--off: #e7e7e7}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--off);overflow-x:hidden}.appShell{width:calc(100% - 215px);min-height:100vh;display:flex;flex-direction:column;margin-left:215px;overflow-x:hidden;transition:width .28s ease,margin-left .28s ease}body.sidebar-collapsed .appShell{width:calc(100% - 88px);margin-left:88px}.topbar{width:100%;height:56px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.headerInner{display:flex;width:100%;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brandName{color:#fff;font-weight:800;font-size:17px}.brandBars{display:flex;gap:6px}.bar{width:4px;height:16px}.barOrange{background:#ff7a00}.barBlue{background:#2b6cff}.barLilac{background:#b586ff}.user{display:flex;align-items:center;gap:12px}.userName{color:#fff;font-size:13px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.mainContent{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:40px 0 60px}.container{width:min(1100px,94%);margin:0 auto;text-align:center}.title{font-size:40px;font-weight:900;color:#0b0b22;line-height:1.1;margin-bottom:16px}.highlight{color:var(--blue)}.subtitle{font-size:13px;color:#444;margin-bottom:32px}.dropZone{margin:0 auto 30px;padding:40px 20px;border:2px solid var(--blue);border-radius:26px;background:#fff;width:720px;max-width:100%;cursor:pointer;transition:all .3s ease}.dropZone:hover{border-color:#ff6b00;box-shadow:0 0 15px #ff6b004d}.dropZone:hover .micCircle svg{transform:scale(1.15)}.micCircle{width:68px;height:68px;background:#0a0b2a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative}.micCircle svg{position:relative;z-index:2;transition:transform .3s ease}.pulseRing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid rgba(43,108,255,.4);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none;z-index:1}.pulseRing.double{animation-delay:-1s}@keyframes pulse{0%{width:100%;height:100%;opacity:1}to{width:200%;height:200%;opacity:0}}.dropZone h3{margin:0;font-size:19px;font-weight:800}.dropZone p{font-size:13px;color:var(--blue);margin-bottom:0}.formatTags{display:flex;justify-content:center;gap:8px;margin-top:16px}.formatTag{background-color:#eaf2fb;color:#2b6cff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px}.footer{position:absolute;bottom:25px;left:0;right:0;margin:0;text-align:center;font-size:9px;letter-spacing:2px;color:#999}.mirroredK{display:inline-block;transform:scaleX(-1)}.progressSection{width:720px;max-width:100%;margin:30px auto 0;text-align:left}.progressTop{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}.fileInfo{display:flex;align-items:center;gap:10px}.percent{font-weight:700;color:var(--blue)}.progressBar{width:100%;height:10px;background:#e3e3e3;border-radius:10px;overflow:hidden}.progressFill{height:100%;background:var(--blue);transition:width .25s ease}.progressBottom{display:flex;justify-content:space-between;font-size:11px;margin-top:6px;color:#777}.pageUser{position:fixed;top:28px;right:28px;display:flex;align-items:center;gap:10px;z-index:1000}.userNameSmall{color:#0b0b22;font-weight:700;font-size:13px;white-space:nowrap}.avatarSmall{width:36px;height:36px;border-radius:50%;background:#0a0b2a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.modalOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modalContent{background:#fff;padding:32px;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;text-align:center}.modalContent p{font-size:16px;color:var(--navy);margin:0 0 24px;line-height:1.5}.modalButtons{display:flex;gap:12px;justify-content:center}.modalButtons button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btnYes{background:var(--blue);color:#fff}.btnYes:hover{background:#0033a0}.btnNo{background:#e3e3e3;color:var(--navy)}.btnNo:hover{background:#d0d0d0}.successMessage{display:flex;align-items:center;justify-content:center;padding:24px;background:#f0f9ff;border:2px solid #0040a4;border-radius:8px;text-align:center}.successMessage p{margin:0;font-size:18px;font-weight:600;color:#0040a4}.toastNotice{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:16px 32px;border-radius:50px;box-shadow:0 10px 30px #0000004d;z-index:2000;font-weight:600;display:flex;align-items:center;gap:12px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.successModalContent{border-top:5px solid #2b6cff;padding-top:45px}.closeX{position:absolute;top:12px;right:15px;background:none;border:none;font-size:28px;line-height:1;color:#999;cursor:pointer;padding:5px;transition:color .2s}.closeX:hover{color:#040025}.successIcon{margin-bottom:20px}.successText{font-size:17px!important;font-weight:600;color:#040025!important;margin-bottom:25px!important}.analyzingWidget{margin:0 auto 30px;padding:60px 20px;border:2px solid transparent;border-radius:26px;background:#fff;width:720px;max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000000d;animation:borderGlow 3s ease-in-out infinite alternate}@keyframes borderGlow{0%{border-color:#2b6cff1a}to{border-color:#2b6cffcc;box-shadow:0 0 25px #2b6cff26}}.spinnerGlow{width:45px;height:45px;border-radius:50%;border:4px solid #EAF2FB;border-top-color:var(--blue);animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.analyzingText{font-size:16px;font-weight:700;color:var(--navy);letter-spacing:.5px;animation:fadeInOut 3.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(5px)}10%,90%{opacity:1;transform:translateY(0)}}.recentSessionsContainer{width:720px;max-width:100%;margin:20px auto 40px;text-align:left}.recentTitle{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.recentList{display:flex;flex-direction:column;gap:12px}.sessionCard{display:flex;align-items:center;background:#fff;padding:16px 20px;border-radius:16px;border:1px solid #E2E8F0;transition:all .2s}.sessionCard:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000008;border-color:#cbd5e1}.sessionIcon{width:40px;height:40px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.sessionInfo{flex:1}.sessionName{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}.sessionDate{font-size:12px;color:#64748b;font-weight:500}.resendBtn{background:#fff;color:var(--blue);border:1px solid var(--blue);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.resendBtn:hover{background:var(--blue);color:#fff}@media(max-width:768px){.appShell,body.sidebar-collapsed .appShell{width:100%;margin-left:0}.mainContent{padding-top:60px}.title{font-size:28px}.dropZone{padding:24px 16px}.pageUser{top:15px;right:15px}.userNameSmall{display:none}}.offlineWarning{display:flex;align-items:center;justify-content:center;gap:10px;background:#fef2f2;border:1px solid #FCA5A5;color:#991b1b;padding:12px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:600;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--navy: #040025;--kinedrik-blue: #0040a4;--bg-primary: #e7e7e7;--text-primary: #040025;--text-secondary: #6c757d;--text-light: #a0a0a0;--border-color: #d0d0d0;--white-broken: #fafafa;--brand-orange: #ff8c00;--brand-blue: #4169e1;--brand-purple: #8a2be2;--icon-neutral: #c0c0c0;--icon-hover: #040025}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.adminHeader{width:100%;background:linear-gradient(180deg,#07031a,#040025);color:#fff;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 18px #04031e66;position:sticky;top:0;z-index:40}.adminBrand{display:flex;align-items:center;gap:14px}.adminBrand .brandText{font-weight:900;color:#fff;letter-spacing:1px;font-size:18px}.brandBars{display:flex;gap:8px;align-items:center}.brandBars .bar{width:6px;height:18px;border-radius:6px}.bar.barOrange{background:var(--brand-orange)}.bar.barBlue{background:var(--brand-blue)}.bar.barLilac{background:var(--brand-purple)}.adminUser{display:flex;align-items:center;gap:12px}.adminName{color:#fff;font-weight:600}.avatar{width:36px;height:36px;border-radius:50%;background:var(--kinedrik-blue);color:#fff;display:grid;place-items:center}.adminPage{margin-left:215px;width:calc(100% - 215px);min-height:100vh;transition:margin-left .28s ease,width .28s ease}body.sidebar-collapsed .adminPage{margin-left:88px;width:calc(100% - 88px)}.adminContent{padding:40px 60px 60px;background:#e7e7e7;min-height:100vh;display:flex;flex-direction:column}.topSection{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:4px;padding-bottom:16px;border-bottom:1px solid #e6e6e6}.cardHeader{flex:0 0 auto}.searchBox{flex:0 1 auto;display:flex;align-items:center;gap:0;min-width:320px;max-width:480px;position:relative}.searchBox .iSearch{color:var(--icon-neutral);flex-shrink:0;position:absolute;left:12px;pointer-events:none}.searchBox input{width:100%;padding:12px 16px 12px 40px;border-radius:10px;border:1px solid #d8d8d8;background:var(--white-broken);box-shadow:0 2px 8px #4000250a;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;color:var(--text-primary)}.searchBox input::placeholder{color:var(--text-light)}.searchBox input:focus{outline:none;box-shadow:0 4px 12px #40002514;transform:translateY(-1px);border-color:var(--icon-neutral)}.rightActions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.rightActions{display:flex;gap:12px;align-items:center}.pillBtn{background:#fff;border:1px solid #e6e9ee;padding:10px 14px;border-radius:12px;cursor:pointer}.addBtn{background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 4px 12px #04002526;border:none;font-weight:600;cursor:pointer;transition:box-shadow .14s ease,transform .14s ease}.addBtn:hover{box-shadow:0 6px 16px #04002533;transform:translateY(-1px)}.tableWrapper{margin-top:22px;background:transparent}.tableHeaders{display:flex;padding:0 16px 12px;border-bottom:2px solid #e0e0e0;margin-bottom:8px}.headerCell{font-size:11px;font-weight:700;color:#8c8c8c;letter-spacing:.8px;text-transform:uppercase}.nameHeader,.emailHeader{flex:2}.roleHeader{flex:1.5}.actionsHeader{flex:1;text-align:right}.userCards{display:flex;flex-direction:column;gap:14px}.userCard{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e0e0e0;transition:all .2s ease}.userCard:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px);border-color:#0040a4;background:#f8faff}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:16px}.userNameCol{flex:2;display:flex;align-items:center;gap:12px}.userNameCol .userName{font-size:14px;font-weight:700;color:#040025}.userEmailCol{flex:2;font-size:13px;color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userRoleCol{flex:1.5;font-size:12px;font-weight:700;letter-spacing:.5px}.actionsCol{flex:1;display:flex;justify-content:flex-end;gap:8px}.userCard .userId{font-size:11px;color:var(--text-light)}.initial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:transparent;color:var(--navy);border:2px solid rgba(0,0,0,.05);flex-shrink:0}.blueBg,.lilacBg,.yellowBg{background:#f0f0f0;color:#a0a0a0;border-color:#e8e8e8}.userCard .actions{display:flex;gap:8px;align-items:center}.iconBtn{background:transparent;border:none;cursor:pointer;color:var(--icon-neutral);width:32px;height:32px;display:grid;place-items:center;border-radius:8px;transition:color .14s ease,background .14s ease}.iconBtn:hover{background:#4000250f;color:var(--brand-blue)}.iconBtn.deleteBtn:hover{background:#ef44441a;color:#ef4444}.emptyRow{display:grid;place-items:center;padding:40px 20px;color:var(--text-light);font-size:14px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:20px}.paginationInfo{font-size:13px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.paginationControls{display:flex;align-items:center;gap:6px}.paginationBtn{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border-color);background:var(--white-broken);cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all .14s ease;font-size:14px}.paginationBtn:hover:not(:disabled){background:#f5f5f5;border-color:silver;color:var(--text-primary)}.paginationBtn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.paginationBtn:disabled{opacity:.4;cursor:not-allowed}.modalOverlay{position:fixed;inset:0;background:#080a1473;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60}.modalHeader h2{font-size:22px;color:#071033;margin:0}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(15,23,42,.06);background:#fff;box-shadow:inset 0 1px #080c1e05;transition:box-shadow .14s ease,border-color .14s ease,transform .14s ease}.input:focus{outline:none;border-color:#2b6cff47;box-shadow:0 10px 30px #2b6cff0f;transform:translateY(-1px)}.modalActions{display:flex;gap:12px;justify-content:flex-end;margin-top:14px}.ghostBtn{background:transparent;border:1px solid #e6e9ee;padding:10px 14px;border-radius:10px;cursor:pointer;color:#111827}.primaryBtn{background:#111822;color:#fff;padding:10px 24px;border-radius:10px;border:none;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #11182226;transition:all .2s ease}.ghostBtn:hover{background:#fbfbfc}.primaryBtn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #11182240;background:#000}.roleSelector{display:flex;flex-direction:column;gap:8px;margin-top:6px}.roleOption{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;border:1px solid #f0f0f0;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.roleOption:hover{background:#f8faff;border-color:#d8e6ff}.roleOption.active{background:#f4f8ff;border-color:#2b6cff;box-shadow:0 0 0 1px #2b6cff}.roleInfo{display:flex;flex-direction:column;gap:2px}.roleText{font-size:15px;font-weight:600;color:#071033}.roleDescription{font-size:12px;color:#64748b;font-weight:400}.roleOption.active .roleText{color:#0d1a49}.roleRadio{accent-color:#2b6cff;width:20px;height:20px;cursor:pointer;flex-shrink:0}.loadingOverlay{position:fixed;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:2000;font-weight:700;color:var(--blue);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:900px){.adminCard{margin:16px;padding:20px}.adminContent{padding:18px}.addBtn{padding:10px 12px}}@media(max-width:768px){.adminPage{margin-left:0;width:100%;padding:70px 16px 16px}body.sidebar-collapsed .adminPage{margin-left:0;width:100%}.topSection h1{font-size:24px}.actionsRow{flex-direction:column;gap:12px}.searchBox,.addBtn{width:100%}.tableHeaders{display:none}.userCard{padding:16px}.cardTop{flex-direction:column;align-items:flex-start;gap:12px}.actionsCol{width:100%;justify-content:flex-end;border-top:1px solid #eee;padding-top:10px}}:root{--navy: #040025;--kinedrik-blue: #0040a4;--bg-primary: #e7e7e7;--text-primary: #040025;--text-secondary: #6c757d;--text-light: #a0a0a0;--border-color: #d0d0d0;--white-broken: #fafafa}.promptsPage{margin-left:215px;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);width:calc(100% - 215px);transition:margin-left .28s ease,width .28s ease}body.sidebar-collapsed .promptsPage{margin-left:88px;width:calc(100% - 88px)}.promptsContent{padding:40px 60px 60px;display:flex;flex-direction:column}.topSection{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e6e6e6}.cardHeader h1{font-size:32px;margin:0;color:var(--text-primary);font-weight:800}.cardHeader p{font-size:14px;color:var(--text-secondary);margin:8px 0 0;font-weight:400}.actionsRow{display:flex;align-items:center;gap:16px;justify-content:flex-end;flex:1}.primaryBtn{background:var(--navy);color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 4px 12px #04002526;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:box-shadow .14s ease,transform .14s ease;font-size:14px}.primaryBtn:hover{box-shadow:0 6px 16px #04002533;transform:translateY(-1px)}.primaryBtn:disabled{opacity:.6;cursor:not-allowed}.ghostBtn{background:#fff;border:1px solid #e6e9ee;padding:12px 20px;border-radius:10px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;gap:8px;font-weight:600;transition:background .14s ease}.ghostBtn.restoreBtn{color:var(--navy)}.ghostBtn:hover{background:var(--white-broken)}.contentWrapper{display:flex;flex-direction:column}.activePromptBanner{background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 24px #40002514;border:1px solid rgba(43,108,255,.3);position:relative;overflow:hidden}.activePromptBanner:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#2b6cff}.activeHeader{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.activeBadge{color:#22c55e;font-size:12px;font-weight:800;display:flex;align-items:center;gap:6px;letter-spacing:.5px}.activeHeader h3{margin:0;font-size:22px;color:var(--text-primary);font-weight:800}.activeContentBox{background:var(--white-broken);padding:20px;border-radius:8px;border:1px solid #e6e9ee}.activeContentBox p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6;white-space:pre-wrap;font-family:inherit}.emptyRow{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);font-size:16px;background:#fff;border-radius:12px;border:1px dashed var(--border-color);text-align:center}.savedPromptsPanel{background:#fff;width:100%;max-width:380px;height:100vh;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001a;animation:slideInRight .3s forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 24px 20px;border-bottom:1px solid #e2e8f0}.panelHeader h2{font-size:24px;color:var(--navy);margin:0;line-height:1.2}.panelBody{flex:1;overflow-y:auto;padding:24px;background:#f8fafc}.promptsListVertical{display:flex;flex-direction:column;gap:16px}.savedPromptCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000005}.savedPromptCard.isActiveCard{border-left:4px solid var(--navy)}.spcTop{display:flex;align-items:center;gap:8px;margin-bottom:12px}.spcFavBtn{background:none;border:none;cursor:pointer;color:#cbd5e1;padding:0}.spcFavBtn .filled{color:#eab308}.spcTop h4{margin:0;font-size:15px;color:var(--navy);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spcMiddle p{font-size:13px;color:#64748b;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.spcBottom{display:flex;justify-content:flex-end;border-top:1px solid #f1f5f9;padding-top:12px}.spcUseBtn{background:var(--navy);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;transition:transform .1s}.spcUseBtn:hover{background:#000;transform:translateY(-1px)}.spcActiveText{font-size:12px;font-weight:700;color:#22c55e;display:flex;align-items:center;gap:4px}.modalOverlay{position:fixed;inset:0;background:#080a1473;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60}.modal{background:#fff;border-radius:14px;padding:28px 28px 22px;width:100%;max-width:640px;box-shadow:0 40px 80px #080c1e33;border:1px solid rgba(6,8,20,.04)}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modalHeader h2{font-size:22px;color:#071033;margin:0;font-weight:800}.closeBtn{background:transparent;border:none;width:36px;height:36px;display:grid;place-items:center;border-radius:8px;cursor:pointer;color:#4b5563;font-size:18px}.closeBtn:hover{background:#f3f4f6}.field{display:block;margin-bottom:14px}.labelText{display:block;font-size:14px;color:#111827;margin-bottom:8px;font-weight:600}.fieldSubtext{font-size:12px;color:var(--text-secondary);margin:-4px 0 16px}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(15,23,42,.1);background:#fff;box-shadow:inset 0 1px #080c1e05;transition:box-shadow .14s ease,border-color .14s ease,transform .14s ease;font-size:14px;color:var(--text-primary);font-family:inherit}.input:focus{outline:none;border-color:#2b6cff66;box-shadow:0 4px 12px #2b6cff14;transform:translateY(-1px)}.contentArea{resize:vertical}.modalActions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.formError{color:#b91c1c;background:#f9d7da66;padding:8px 10px;border-radius:8px;margin-top:6px;font-size:13px}.panelBody::-webkit-scrollbar{width:6px}.panelBody::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.panelBody::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.panelBody::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:900px){.promptsPage,body.sidebar-collapsed .promptsPage{margin-left:0;width:100%}.promptsContent{padding:20px}}.advancedPage{margin-left:215px;width:calc(100% - 215px);min-height:100vh;background:#e7e7e7;font-family:Inter,Arial,sans-serif;transition:margin-left .28s ease,width .28s ease}body.sidebar-collapsed .advancedPage{margin-left:88px;width:calc(100% - 88px)}.advancedContent{width:min(1080px,94%);margin:0 auto;padding:40px 0 68px}.advancedTitle{margin:0;font-family:Inter,Arial,sans-serif;font-size:32px;line-height:1.1;letter-spacing:0;font-weight:800;display:flex;align-items:baseline;gap:8px}.titlePrimary{color:#040025}.titleAccent{color:#0040a4}.advancedHeader p{margin:10px 0 0;color:#5d6f8a;font-size:14px;font-weight:500}.advancedPanel{margin-top:26px;border:1px solid #d9dde7;border-radius:20px;background:#fff;box-shadow:0 8px 24px #08123514;padding:24px 26px}.advancedPanelTop{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-bottom:22px}.advancedPanelTop h2{margin:0;font-size:26px;color:#040025;letter-spacing:0;font-weight:800}.advancedForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.advancedForm small{color:#73839d;font-size:12px;margin-top:8px}.emailBlock{background:#f7f9fc;border:1px solid #dce2ef;border-radius:14px;padding:14px}.emailBlockHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.emailBlockHeader h3{margin:0;font-size:16px;font-weight:800;color:#0040a4}.emailBlockHeader.bcc h3{color:#0040a4}.emailBlockHeader span{color:#536480;font-size:12px;font-weight:700}.emailInputRow{display:flex;align-items:center;gap:10px}.emailInputRow input{width:100%;max-width:360px;height:40px;border:1px solid #cad4e8;border-radius:10px;background:#fff;color:#182843;font-size:14px;font-weight:500;padding:0 12px;transition:border-color .14s ease,box-shadow .14s ease}.emailInputRow input::placeholder{color:#9ba8bd}.emailInputRow input:focus{outline:none;border-color:#0040a4;box-shadow:0 0 0 3px #0040a424}.addEmailBtn{min-width:96px;height:40px;border:none;border-radius:10px;background:#040025;color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:transform .12s ease,background .12s ease}.addEmailBtn:hover{background:#172f70;transform:translateY(-1px)}.emailList{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;min-height:44px}.emailItem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid #d6deed;background:#fff}.emailItem span{color:#22324d;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.emailRemoveBtn{border:1px solid #ffbe75;border-radius:8px;background:#fff4e8;color:#ff8c00;font-size:12px;font-weight:800;padding:6px 10px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.emailRemoveBtn:hover{background:#ffe7d1;border-color:#ffad4d}.emailEmpty{border:1px dashed #d1daec;border-radius:10px;background:#f8faff;color:#74839b;font-size:12px;font-weight:600;padding:10px 12px}.advancedActions{grid-column:1 / -1;display:flex;align-items:center;gap:16px;margin-top:4px}.advancedActions button{border:none;border-radius:10px;background:linear-gradient(120deg,#040025,#0040a4);color:#fff;font-size:14px;font-weight:800;padding:11px 18px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.advancedActions button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #04002542}.advancedActions span{font-size:13px;color:#687995;font-weight:500}.advancedNotice{margin-top:18px;border:1px solid #b7dfbf;border-radius:10px;background:#eaf8ee;color:#1f6830;font-size:13px;font-weight:600;padding:10px 12px}.advancedLoading{border:1px dashed #cdd9ef;border-radius:10px;color:#4c6287;background:#f8fbff;padding:14px 12px;font-size:14px;font-weight:600}.advancedError{margin-top:12px;border:1px solid #f5c2c7;border-radius:10px;background:#fff1f3;color:#9a1a2b;font-size:13px;font-weight:600;padding:10px 12px}.advancedMeta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 16px;color:#61779a;font-size:12px;font-weight:600}.advancedActions button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:900px){.advancedPage{margin-left:0;width:100%;padding-top:60px}body.sidebar-collapsed .advancedPage{margin-left:0;width:100%}.advancedContent{width:95%;padding:28px 0 44px}.advancedPanel{padding:20px}.advancedTitle{font-size:28px;line-height:1.15;flex-wrap:wrap;gap:6px}.advancedPanelTop{flex-direction:column;align-items:flex-start}.advancedForm{grid-template-columns:1fr}.emailInputRow{flex-direction:column;align-items:stretch}.emailInputRow input{max-width:100%}.addEmailBtn{width:100%}.advancedActions{flex-direction:column;align-items:flex-start}}