@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}button svg{fill:currentColor;display:block}button svg path{fill:currentColor}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.language-switch{display:flex;align-items:center;gap:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:6px 14px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.language-switch:hover{background:#fff3;border-color:#ffd93d;transform:translateY(-2px);box-shadow:0 5px 15px #ffd93d4d}.language-switch:active{transform:translateY(0)}.language-switch .lang-code{font-size:14px;font-weight:500;color:#fff;opacity:.6;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.language-switch .lang-code.active{opacity:1;font-weight:700;color:#ffd93d}@media(max-width:767px){.language-switch .lang-code{font-size:12px}}.language-switch .switch-divider{color:#fff;opacity:.5;font-size:14px;font-weight:300}@media(prefers-reduced-motion:reduce){.language-switch,.language-switch .lang-code{transition:none}}@keyframes _antennaWave_1m3cq_1{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes _pulse_1m3cq_1{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.3)}}@keyframes _blink_1m3cq_1{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}._loading_1m3cq_25{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa}._spinner_1m3cq_33{width:50px;height:50px;border:4px solid rgba(6,37,71,.1);border-top-color:#062547;border-radius:50%;animation:_spin_1m3cq_33 .8s linear infinite}@keyframes _spin_1m3cq_33{to{transform:rotate(360deg)}}._dashboard_1m3cq_47{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e2e8f0)}._header_1m3cq_52{background:#fff;box-shadow:0 4px 8px #0000001a;position:sticky;top:0;z-index:200}._headerContent_1m3cq_60{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}._logo_1m3cq_69{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .15s ease}._logo_1m3cq_69:hover{opacity:.8}._logo_1m3cq_69 ._robotLogo_1m3cq_79{width:40px;height:40px}._logo_1m3cq_69 ._robotLogo_1m3cq_79 ._robotHead_1m3cq_83{width:100%;height:100%;background:linear-gradient(135deg,#062547,#7ee081);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #06254733}._logo_1m3cq_69 ._robotLogo_1m3cq_79 ._robotEyes_1m3cq_93{display:flex;gap:8px}._logo_1m3cq_69 ._robotLogo_1m3cq_79 ._eye_1m3cq_97{width:6px;height:6px;background:#fff;border-radius:50%}._logo_1m3cq_69 ._logoText_1m3cq_103{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#062547,#7ee081);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._headerActions_1m3cq_112{display:flex;align-items:center;gap:1rem}._logoutBtn_1m3cq_118{padding:.625rem 1.5rem;background:linear-gradient(135deg,#ff4757,#ff1428);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}._logoutBtn_1m3cq_118:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff47574d}._main_1m3cq_133{padding:3rem 2rem}@media(max-width:767px){._main_1m3cq_133{padding:2rem 1rem}}._container_1m3cq_142{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}._welcomeCard_1m3cq_150{background:linear-gradient(135deg,#062547,#0a3e76);color:#fff;padding:3rem;border-radius:25px;text-align:center;box-shadow:0 20px 40px #0003}._welcomeCard_1m3cq_150 h1{font-size:2.5rem;font-weight:900;margin-bottom:.5rem}@media(max-width:767px){._welcomeCard_1m3cq_150 h1{font-size:2rem}}._welcomeCard_1m3cq_150 ._subtitle_1m3cq_168{font-size:1.1rem;opacity:.9}._profileCard_1m3cq_173{background:#fff;padding:2.5rem;border-radius:25px;box-shadow:0 10px 20px #00000026}._profileCard_1m3cq_173 h2{font-size:1.75rem;font-weight:700;color:#2d3748;margin-bottom:2rem}._infoGrid_1m3cq_186{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}@media(max-width:767px){._infoGrid_1m3cq_186{grid-template-columns:1fr;gap:1.5rem}}._infoItem_1m3cq_198{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #7EE081}._infoItem_1m3cq_198 ._label_1m3cq_207{font-size:.875rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}._infoItem_1m3cq_198 ._value_1m3cq_214{font-size:1.125rem;color:#2d3748;font-weight:500}._welcomeHeader_1m3cq_220{display:flex;justify-content:space-between;align-items:flex-start;width:100%}@media(max-width:767px){._welcomeHeader_1m3cq_220{flex-direction:column;gap:1rem}}._roleBadge_1m3cq_233{padding:.5rem 1rem;border-radius:12px;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid currentColor;white-space:nowrap}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.27"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.markdown-renderer{font-size:.95rem;line-height:1.7;color:var(--text-primary)}.markdown-renderer .md-paragraph{margin:0 0 1rem}.markdown-renderer .md-paragraph:last-child{margin-bottom:0}.markdown-renderer .md-heading{font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.markdown-renderer .md-heading:first-child{margin-top:0}.markdown-renderer .md-h1{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.markdown-renderer .md-h2{font-size:1.25rem}.markdown-renderer .md-h3{font-size:1.1rem}.markdown-renderer .code-block-wrapper{margin:1rem 0;border-radius:8px;overflow:hidden;background:#282c34;border:1px solid var(--border-color)}.markdown-renderer .code-block-wrapper .code-language-label{background:#21252b;color:#abb2bf;font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-bottom:1px solid #3e4451;letter-spacing:.05em}.markdown-renderer .code-block-wrapper pre{margin:0!important;background:transparent!important}.markdown-renderer .code-block-wrapper code{font-family:Fira Code,JetBrains Mono,Consolas,Monaco,monospace!important;font-size:.875rem!important;line-height:1.6!important}.markdown-renderer .inline-code{background:#6e768133;color:#e06c75;padding:.2em .4em;border-radius:4px;font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.9em}.markdown-renderer .md-list{margin:.75rem 0;padding-left:1.5rem}.markdown-renderer .md-list.md-ul{list-style-type:disc}.markdown-renderer .md-list.md-ol{list-style-type:decimal}.markdown-renderer .md-list-item{margin:.25rem 0;padding-left:.25rem}.markdown-renderer .md-list-item>.md-list{margin:.25rem 0}.markdown-renderer .md-blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:4px solid #e4c443;background:#e4c4431a;border-radius:0 8px 8px 0;color:var(--text-secondary)}.markdown-renderer .md-blockquote p{margin:0}.markdown-renderer .md-link{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.markdown-renderer .md-link:hover{border-bottom-color:var(--accent-primary)}.markdown-renderer .md-table-wrapper{margin:1rem 0;overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.markdown-renderer .md-table{width:100%;border-collapse:collapse;font-size:.9rem}.markdown-renderer .md-table th,.markdown-renderer .md-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.markdown-renderer .md-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.markdown-renderer .md-table td{background:var(--bg-secondary)}.markdown-renderer .md-table tr:last-child td{border-bottom:none}.markdown-renderer .katex-display{margin:1rem 0;border-radius:8px;overflow:hidden;background:#1a1d24;border:1px solid var(--border-color)}.markdown-renderer .katex-display:before{content:"MATH";display:block;background:#21252b;color:#abb2bf;font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-bottom:1px solid #3e4451;letter-spacing:.05em}.markdown-renderer .katex-display>.katex{display:block;padding:1rem;font-size:1.15em;color:#e5c07b}.markdown-renderer .katex{font-size:1em;color:#e5c07b}.markdown-renderer p .katex{background:#e5c07b1a;padding:.1em .3em;border-radius:3px}.markdown-renderer strong{font-weight:600;color:var(--text-primary)}.markdown-renderer em{font-style:italic}.markdown-renderer hr{margin:1.5rem 0;border:none;border-top:1px solid var(--border-color)}.markdown-renderer img{max-width:100%;border-radius:8px;margin:1rem 0}.ai-chat-container{display:flex;height:100%;width:100%;position:relative;background:var(--bg-primary)}.ai-chat-container .mobile-sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}@media(max-width:767px){.ai-chat-container .mobile-sidebar-toggle{display:flex;align-items:center;justify-content:center}}.ai-chat-container .mobile-sidebar-toggle:hover{background:var(--hover-bg)}.ai-chat-container .sidebar-overlay{display:none}@media(max-width:767px){.ai-chat-container .sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}.ai-chat{display:flex;flex-direction:column;flex:1;height:100%;max-height:100%;background:var(--bg-primary);position:relative;overflow:hidden;min-width:0;isolation:isolate}.ai-chat.with-split-screen{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:0}.ai-chat.with-split-screen .chat-header{grid-column:1/2;grid-row:1}.ai-chat.with-split-screen .messages-container{grid-column:1/2;grid-row:2}.ai-chat.with-split-screen .chat-input{grid-column:1/2;grid-row:3}.ai-chat.with-split-screen .split-screen-document{grid-column:2/3;grid-row:1/4}@media(max-width:767px){.ai-chat.with-split-screen{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.ai-chat.with-split-screen .split-screen-document{grid-column:1;grid-row:2;height:40vh;max-height:300px}.ai-chat.with-split-screen .messages-container{grid-row:3}.ai-chat.with-split-screen .chat-input{grid-row:4}}.ai-chat .chat-header{flex-shrink:0;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}@media(max-width:767px){.ai-chat .chat-header{padding:1rem 1rem 1rem 3.5rem}}.ai-chat .chat-header .header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ai-chat .chat-header .sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.ai-chat .chat-header .sidebar-toggle-btn:hover{background:var(--hover-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.ai-chat .chat-header .sidebar-toggle-btn.collapsed{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.ai-chat .chat-header .sidebar-toggle-btn.collapsed:hover{background:var(--accent-primary-hover)}@media(max-width:767px){.ai-chat .chat-header .sidebar-toggle-btn{display:none}}.ai-chat .chat-header .header-content{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ai-chat .chat-header .header-content .nio-avatar{width:40px;height:40px;flex-shrink:0;background:var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.ai-chat .chat-header .header-content .nio-avatar .robot-head .robot-eyes{display:flex;gap:6px}.ai-chat .chat-header .header-content .nio-avatar .robot-head .robot-eyes .eye{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 3s infinite}.ai-chat .chat-header .header-content .header-text h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.ai-chat .chat-header .header-content .header-text p{font-size:.875rem;color:var(--text-secondary);margin:0}.ai-chat .chat-header .new-chat-button-header{background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.ai-chat .chat-header .new-chat-button-header:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--text-secondary)}.ai-chat .chat-header .new-chat-button-header svg{display:block}.ai-chat .chat-header .clear-button{background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.ai-chat .chat-header .clear-button:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--text-secondary)}.ai-chat .chat-header .clear-button svg{display:block}.ai-chat .chat-header .document-context-badge{display:flex;align-items:center;gap:.375rem;background:var(--accent-primary-alpha, rgba(59, 130, 246, .1));color:var(--accent-primary);padding:.375rem .75rem;border-radius:50%;font-size:.875rem;font-weight:500;max-width:200px}@media(max-width:767px){.ai-chat .chat-header .document-context-badge{max-width:120px;padding:.25rem .5rem;font-size:.7rem;gap:.25rem}.ai-chat .chat-header .document-context-badge svg{width:12px;height:12px}}.ai-chat .chat-header .document-context-badge svg{flex-shrink:0}.ai-chat .chat-header .document-context-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.ai-chat .chat-header .header-content .nio-avatar{width:32px;height:32px}.ai-chat .chat-header .header-content .nio-avatar .robot-head .robot-eyes .eye{width:5px;height:5px}.ai-chat .chat-header .header-content .header-text h2{font-size:1rem}.ai-chat .chat-header .header-content .header-text p{font-size:.7rem}.ai-chat .chat-header .new-chat-button-header,.ai-chat .chat-header .clear-button{padding:.375rem}.ai-chat .chat-header .new-chat-button-header svg,.ai-chat .chat-header .clear-button svg{width:16px;height:16px}}.ai-chat .messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem 0 1rem;padding-bottom:160px;scroll-behavior:smooth;min-height:0;opacity:1;transition:opacity .15s ease-out}@media(max-width:767px){.ai-chat .messages-container{padding-bottom:120px}}.ai-chat .messages-container.fading{opacity:0}.ai-chat .messages-container::-webkit-scrollbar{width:8px}.ai-chat .messages-container::-webkit-scrollbar-track{background:transparent;margin:8px 0}.ai-chat .messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--bg-primary)}.ai-chat .messages-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.ai-chat .messages-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.ai-chat .messages-container .message{display:flex;gap:1rem;padding:0 1.5rem;margin-bottom:1.5rem;animation:messageSlideIn .3s ease-out}@media(max-width:767px){.ai-chat .messages-container .message{padding:0 1rem;gap:.75rem}}.ai-chat .messages-container .message.user .message-wrapper{margin-left:auto;max-width:75%}@media(max-width:767px){.ai-chat .messages-container .message.user .message-wrapper{max-width:85%}}.ai-chat .messages-container .message.user .message-avatar{order:2;background:var(--accent-primary)}.ai-chat .messages-container .message.user .message-content{background:var(--message-user-bg);color:var(--message-user-text);border-radius:18px 18px 4px}.ai-chat .messages-container .message.user .message-content .message-text,.ai-chat .messages-container .message.user .message-content .markdown-content,.ai-chat .messages-container .message.user .message-content .markdown-renderer,.ai-chat .messages-container .message.user .message-content .markdown-renderer p,.ai-chat .messages-container .message.user .message-content .markdown-renderer span,.ai-chat .messages-container .message.user .message-content .markdown-renderer strong,.ai-chat .messages-container .message.user .message-content .markdown-renderer em,.ai-chat .messages-container .message.user .message-content .markdown-renderer li,.ai-chat .messages-container .message.user .message-content .md-paragraph{color:var(--message-user-text)!important}.ai-chat .messages-container .message.assistant .message-wrapper{max-width:75%}@media(max-width:767px){.ai-chat .messages-container .message.assistant .message-wrapper{max-width:85%}}.ai-chat .messages-container .message.assistant.loading-state .message-wrapper{max-width:none;width:auto}.ai-chat .messages-container .message.assistant.loading-state .message-content.loading{padding:.5rem .75rem;width:auto;min-width:auto;display:inline-flex;align-items:center;justify-content:center;flex:none}.ai-chat .messages-container .message.assistant.loading-state .message-content.loading .typing-indicator{display:flex;gap:5px;padding:0;align-items:center}.ai-chat .messages-container .message.assistant.loading-state .message-content.loading .typing-indicator span{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.ai-chat .messages-container .message.assistant.loading-state .message-content.loading .typing-indicator span:nth-child(2){animation-delay:.2s}.ai-chat .messages-container .message.assistant.loading-state .message-content.loading .typing-indicator span:nth-child(3){animation-delay:.4s}.ai-chat .messages-container .message.assistant .message-avatar{background:var(--accent-primary)}.ai-chat .messages-container .message.assistant .message-avatar .robot-head .robot-eyes{display:flex;gap:5px}.ai-chat .messages-container .message.assistant .message-avatar .robot-head .robot-eyes .eye{width:5px;height:5px;background:#fff;border-radius:50%;animation:blink 3s infinite}.ai-chat .messages-container .message.assistant .message-content{background:var(--message-assistant-bg);color:var(--message-assistant-text);border-radius:18px 18px 18px 4px}.ai-chat .messages-container .message.assistant .message-content .message-text,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content h1,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content h2,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content h3,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content h4,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content h5,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content h6,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content p,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content li,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content span,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content strong,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content b,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content em,.ai-chat .messages-container .message.assistant .message-content .message-text.markdown-content i,.ai-chat .messages-container .message.assistant .message-content .message-text strong,.ai-chat .messages-container .message.assistant .message-content .message-text b,.ai-chat .messages-container .message.assistant .message-content .message-text p{color:inherit}.ai-chat .messages-container .message .message-wrapper{display:flex;gap:1rem;width:100%;min-width:0}.ai-chat .messages-container .message .message-avatar{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.ai-chat .messages-container .message .message-avatar .robot-icon{font-size:18px}.ai-chat .messages-container .message .message-avatar .user-icon svg{color:#fff;width:18px;height:18px}.ai-chat .messages-container .message .message-content{flex:1;min-width:0;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;overflow:hidden}@media(max-width:767px){.ai-chat .messages-container .message .message-content{padding:.75rem 1rem}}.ai-chat .messages-container .message .message-content:hover{box-shadow:0 2px 6px #0000001a}.ai-chat .messages-container .message .message-content .message-text{line-height:1.6;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;font-size:1rem}@media(max-width:767px){.ai-chat .messages-container .message .message-content .message-text{font-size:.9rem;line-height:1.5}}.ai-chat .messages-container .message .message-content .message-text.markdown-content h1,.ai-chat .messages-container .message .message-content .message-text.markdown-content h2,.ai-chat .messages-container .message .message-content .message-text.markdown-content h3,.ai-chat .messages-container .message .message-content .message-text.markdown-content h4,.ai-chat .messages-container .message .message-content .message-text.markdown-content h5,.ai-chat .messages-container .message .message-content .message-text.markdown-content h6{margin-top:1.25rem;margin-bottom:.75rem;font-weight:700;color:var(--text-primary);line-height:1.3}.ai-chat .messages-container .message .message-content .message-text.markdown-content h1:first-child,.ai-chat .messages-container .message .message-content .message-text.markdown-content h2:first-child,.ai-chat .messages-container .message .message-content .message-text.markdown-content h3:first-child,.ai-chat .messages-container .message .message-content .message-text.markdown-content h4:first-child,.ai-chat .messages-container .message .message-content .message-text.markdown-content h5:first-child,.ai-chat .messages-container .message .message-content .message-text.markdown-content h6:first-child{margin-top:0}.ai-chat .messages-container .message .message-content .message-text.markdown-content h1{font-size:1.5rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content h2{font-size:1.35rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content h3{font-size:1.2rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content h4{font-size:1.1rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content h5,.ai-chat .messages-container .message .message-content .message-text.markdown-content h6{font-size:1rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content p{margin:0 0 .75rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content p:last-child{margin-bottom:0}.ai-chat .messages-container .message .message-content .message-text.markdown-content ul,.ai-chat .messages-container .message .message-content .message-text.markdown-content ol{margin:.5rem 0 1rem;padding-left:1.5rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content ul li,.ai-chat .messages-container .message .message-content .message-text.markdown-content ol li{margin-bottom:.375rem;line-height:1.5}.ai-chat .messages-container .message .message-content .message-text.markdown-content ul{list-style-type:disc}.ai-chat .messages-container .message .message-content .message-text.markdown-content ol{list-style-type:decimal}.ai-chat .messages-container .message .message-content .message-text.markdown-content code{background:var(--hover-bg);padding:.15rem .4rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.9em}.ai-chat .messages-container .message .message-content .message-text.markdown-content pre{background:var(--bg-tertiary);padding:1rem;border-radius:8px;overflow-x:auto;margin:.75rem 0}.ai-chat .messages-container .message .message-content .message-text.markdown-content pre code{background:transparent;padding:0;font-size:.85rem}.ai-chat .messages-container .message .message-content .message-text.markdown-content blockquote{border-left:3px solid var(--accent-primary);margin:.75rem 0;padding-left:1rem;color:var(--text-secondary);font-style:italic}.ai-chat .messages-container .message .message-content .message-text.markdown-content strong,.ai-chat .messages-container .message .message-content .message-text.markdown-content b{font-weight:700;color:var(--text-primary)}.ai-chat .messages-container .message .message-content .message-text.markdown-content em,.ai-chat .messages-container .message .message-content .message-text.markdown-content i{font-style:italic}.ai-chat .messages-container .message .message-content .message-text.markdown-content a{color:var(--accent-primary);text-decoration:none}.ai-chat .messages-container .message .message-content .message-text.markdown-content a:hover{text-decoration:underline}.ai-chat .messages-container .message .message-content .message-text.markdown-content hr{border:none;border-top:1px solid var(--border-color);margin:1rem 0}.ai-chat .messages-container .message .message-content .message-text.markdown-content table{width:100%;border-collapse:collapse;margin:.75rem 0}.ai-chat .messages-container .message .message-content .message-text.markdown-content table th,.ai-chat .messages-container .message .message-content .message-text.markdown-content table td{border:1px solid var(--border-color);padding:.5rem .75rem;text-align:left}.ai-chat .messages-container .message .message-content .message-text.markdown-content table th{background:var(--hover-bg);font-weight:600}.ai-chat .messages-container .message .message-content .message-text .typing-cursor{display:inline-block;animation:cursorBlink .8s infinite;color:var(--accent-primary);font-weight:100;margin-left:2px}.ai-chat .messages-container .message .message-content .message-text strong{font-weight:700;color:var(--text-primary)}.ai-chat .messages-container .message .message-content .message-text p{margin:0 0 .75rem}.ai-chat .messages-container .message .message-content .message-text p:last-child{margin-bottom:0}.ai-chat .messages-container .message .message-content .message-time{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem;opacity:.7}.ai-chat .messages-container .error-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;margin:0 1.5rem 1.5rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:12px;color:var(--error-text);font-size:.875rem;line-height:1.5;animation:messageSlideIn .3s ease-out}@media(max-width:767px){.ai-chat .messages-container .error-message{margin:0 1rem 1rem}}.ai-chat .messages-container .error-message svg{flex-shrink:0;margin-top:2px}.ai-chat .chat-input{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem 2rem;background:var(--bg-primary);z-index:10}@media(max-width:767px){.ai-chat .chat-input{padding:1rem}}.ai-chat .chat-input:before{content:"";position:absolute;top:-40px;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--bg-primary));pointer-events:none}.ai-chat .chat-input .input-wrapper{max-width:800px;margin:0 auto;display:flex;gap:1rem;align-items:flex-end;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:.875rem 1rem .875rem 1.25rem;transition:all .2s ease;box-shadow:0 2px 12px #00000014}.ai-chat .chat-input .input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 2px 20px #0000001f,0 0 0 2px var(--focus-ring)}.ai-chat .chat-input .input-wrapper textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;resize:none;min-height:24px;max-height:200px;overflow-y:auto;padding:.25rem 0}.ai-chat .chat-input .input-wrapper textarea::-webkit-scrollbar{width:6px}.ai-chat .chat-input .input-wrapper textarea::-webkit-scrollbar-track{background:transparent;border-radius:10px}.ai-chat .chat-input .input-wrapper textarea::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.ai-chat .chat-input .input-wrapper textarea::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--text-tertiary))}.ai-chat .chat-input .input-wrapper textarea{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.ai-chat .chat-input .input-wrapper textarea::placeholder{color:var(--text-tertiary)}.ai-chat .chat-input .input-wrapper textarea:focus{outline:none}.ai-chat .chat-input .input-wrapper textarea:disabled{opacity:.5;cursor:not-allowed}.ai-chat .chat-input .input-wrapper .send-button{flex-shrink:0;width:44px;height:44px;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.ai-chat .chat-input .input-wrapper .send-button{width:38px;height:38px}}.ai-chat .chat-input .input-wrapper .send-button:hover:not(:disabled){background:var(--accent-primary-hover);transform:scale(1.05)}.ai-chat .chat-input .input-wrapper .send-button:active:not(:disabled){transform:scale(.95)}.ai-chat .chat-input .input-wrapper .send-button:disabled{opacity:.4;cursor:not-allowed}.ai-chat .chat-input .input-wrapper .send-button svg{display:block;width:20px;height:20px}@media(max-width:767px){.ai-chat .chat-input .input-wrapper .send-button svg{width:18px;height:18px}}@media(max-width:767px){.ai-chat .chat-input .input-wrapper{padding:.625rem .75rem;border-radius:20px;gap:.75rem}.ai-chat .chat-input .input-wrapper textarea{font-size:.9rem}}.ai-chat .chat-input .input-hint{max-width:800px;margin:.75rem auto 0;font-size:.7rem;color:var(--text-tertiary);text-align:center;opacity:.7}@media(max-width:767px){.ai-chat .chat-input .input-hint{font-size:.6rem;margin-top:.5rem}}.ai-chat.context-chat .chat-header{display:flex;align-items:center;gap:1rem}.ai-chat.context-chat .chat-header .back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.ai-chat.context-chat .chat-header .back-button:hover{background:var(--hover-bg);border-color:var(--accent-primary)}.ai-chat.context-chat .chat-header .header-info{flex:1}.ai-chat.context-chat .chat-header .header-info h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.ai-chat.context-chat .chat-header .header-info .context-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--accent-primary);background:var(--accent-primary-alpha, rgba(59, 130, 246, .1));padding:.25rem .75rem;border-radius:50%}.ai-chat.context-chat .chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary)}.ai-chat.context-chat .chat-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.ai-chat.context-chat .chat-messages{flex:1;overflow-y:auto;padding:1.5rem}.ai-chat.context-chat .chat-messages .chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;max-width:500px;margin:0 auto}.ai-chat.context-chat .chat-messages .chat-welcome .welcome-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--accent-primary-alpha, rgba(59, 130, 246, .1));border-radius:18px;margin-bottom:1.5rem}.ai-chat.context-chat .chat-messages .chat-welcome .welcome-icon svg{color:var(--accent-primary)}.ai-chat.context-chat .chat-messages .chat-welcome h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.ai-chat.context-chat .chat-messages .chat-welcome p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.ai-chat.context-chat .chat-messages .chat-welcome .suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ai-chat.context-chat .chat-messages .chat-welcome .suggestion-chips button{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.ai-chat.context-chat .chat-messages .chat-welcome .suggestion-chips button:hover{background:var(--hover-bg);border-color:var(--accent-primary)}.ai-chat.context-chat .chat-messages .message{display:flex;gap:.75rem;margin-bottom:1.25rem;animation:messageSlideIn .3s ease-out}.ai-chat.context-chat .chat-messages .message.user{flex-direction:row-reverse}.ai-chat.context-chat .chat-messages .message.user .message-content .message-bubble{background:var(--accent-primary);color:#fff;border-radius:18px 18px 4px}.ai-chat.context-chat .chat-messages .message.user .message-avatar .user-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--accent-secondary, #8B5CF6);color:#fff;font-weight:600;font-size:.875rem}.ai-chat.context-chat .chat-messages .message.assistant .message-content .message-bubble{background:var(--bg-secondary);color:var(--text-primary);border-radius:18px 18px 18px 4px}.ai-chat.context-chat .chat-messages .message.assistant .message-content .message-bubble.typing{display:flex;gap:.375rem;padding:1rem}.ai-chat.context-chat .chat-messages .message.assistant .message-content .message-bubble.typing .dot{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.2s infinite}.ai-chat.context-chat .chat-messages .message.assistant .message-content .message-bubble.typing .dot:nth-child(2){animation-delay:.2s}.ai-chat.context-chat .chat-messages .message.assistant .message-content .message-bubble.typing .dot:nth-child(3){animation-delay:.4s}.ai-chat.context-chat .chat-messages .message.assistant .message-avatar .assistant-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--accent-primary);color:#fff}.ai-chat.context-chat .chat-messages .message .message-avatar{width:36px;height:36px;border-radius:12px;overflow:hidden;flex-shrink:0}.ai-chat.context-chat .chat-messages .message .message-content{flex:1;max-width:70%}.ai-chat.context-chat .chat-messages .message .message-content .message-bubble{padding:.875rem 1rem;line-height:1.5;font-size:.875rem;white-space:pre-wrap;word-wrap:break-word}.ai-chat.context-chat .chat-messages .message .message-content .message-time{font-size:.7rem;color:var(--text-tertiary);margin-top:.375rem;display:block}.ai-chat.context-chat .chat-input-container{padding:1rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.ai-chat.context-chat .chat-input-container .chat-input{display:flex;gap:.75rem;align-items:flex-end;max-width:900px;margin:0 auto;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:18px;padding:.75rem 1rem;transition:all .2s ease}.ai-chat.context-chat .chat-input-container .chat-input:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.ai-chat.context-chat .chat-input-container .chat-input textarea{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;resize:none;min-height:24px;max-height:150px;overflow-y:auto}.ai-chat.context-chat .chat-input-container .chat-input textarea::placeholder{color:var(--text-tertiary)}.ai-chat.context-chat .chat-input-container .chat-input textarea:focus{outline:none}.ai-chat.context-chat .chat-input-container .chat-input textarea:disabled{opacity:.5}.ai-chat.context-chat .chat-input-container .chat-input .send-button{flex-shrink:0;width:40px;height:40px;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ai-chat.context-chat .chat-input-container .chat-input .send-button:hover:not(:disabled){background:var(--accent-primary-hover);transform:scale(1.05)}.ai-chat.context-chat .chat-input-container .chat-input .send-button:disabled{opacity:.4;cursor:not-allowed}.document-context-area{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.split-screen-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.split-screen-btn:hover{background:var(--hover-bg);border-color:var(--accent-primary);color:var(--accent-primary)}.split-screen-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.split-screen-btn.active:hover{background:var(--accent-primary-hover)}.split-screen-btn svg{flex-shrink:0}.split-screen-document{display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border-color);height:100%;overflow:hidden}.split-screen-document .split-screen-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.split-screen-document .split-screen-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:.75rem}.split-screen-document .split-screen-header .split-screen-actions{display:flex;gap:.5rem}.split-screen-document .split-screen-header .split-screen-actions .expand-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.split-screen-document .split-screen-header .split-screen-actions .expand-btn:hover{background:var(--accent-primary-hover);transform:scale(1.05)}.split-screen-document .split-screen-header .split-screen-actions .close-split-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.split-screen-document .split-screen-header .split-screen-actions .close-split-btn:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.split-screen-document .split-screen-content{flex:1;display:flex;flex-direction:column;min-height:0;padding:.5rem;background:var(--bg-tertiary)}.split-screen-document .split-screen-content .pdf-viewer-split{flex:1;width:100%;height:100%;border:none;border-radius:8px;background:#fff}.split-screen-document .split-screen-content .loading-preview,.split-screen-document .split-screen-content .no-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.split-screen-document .split-screen-content .loading-preview .loading-spinner,.split-screen-document .split-screen-content .no-preview .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.split-screen-document .split-screen-content .loading-preview span,.split-screen-document .split-screen-content .no-preview span{font-size:.875rem}.split-screen-document .split-screen-content .no-preview{color:var(--text-tertiary)}.split-screen-document .split-screen-content .no-preview svg{opacity:.5}@media(max-width:767px){.split-screen-document{border-left:none;border-bottom:1px solid var(--border-color)}}.student-context-area{display:flex;align-items:center;gap:.5rem}.student-context-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#9b59b626;border:1px solid rgba(155,89,182,.3);border-radius:50%;font-size:.75rem;color:#9b59b6;white-space:nowrap;max-width:250px}.student-context-badge svg{flex-shrink:0;color:#9b59b6}.student-context-badge span{overflow:hidden;text-overflow:ellipsis;font-weight:500}.conversations-context-area{display:flex;align-items:center;gap:.5rem}.conversations-context-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:50%;font-size:.75rem;color:#8b5cf6;white-space:nowrap;max-width:300px}.conversations-context-badge svg{flex-shrink:0;color:#8b5cf6}.conversations-context-badge span{overflow:hidden;text-overflow:ellipsis;font-weight:500}.institution-context-area{display:flex;align-items:center;gap:.5rem}.institution-context-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:50%;font-size:.75rem;color:#7c3aed;white-space:nowrap;max-width:300px}.institution-context-badge.teacher{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.institution-context-badge.teacher svg{color:#3b82f6}.institution-context-badge.student{background:#10b98126;border-color:#10b9814d;color:#10b981}.institution-context-badge.student svg{color:#10b981}.institution-context-badge svg{flex-shrink:0;color:#7c3aed}.institution-context-badge span{overflow:hidden;text-overflow:ellipsis;font-weight:500}.document-preview-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.document-preview-modal{background:var(--bg-primary);border-radius:18px;width:90%;max-width:900px;height:80vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease-out}@media(max-width:767px){.document-preview-modal{width:100%;height:90vh;max-height:none;border-radius:12px}}.document-preview-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:18px 18px 0 0}@media(max-width:767px){.document-preview-modal .modal-header{padding:1rem;border-radius:12px 12px 0 0}}.document-preview-modal .modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:1rem}.document-preview-modal .modal-header .close-modal-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.document-preview-modal .modal-header .close-modal-btn:hover{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.document-preview-modal .modal-content{flex:1;display:flex;flex-direction:column;min-height:0;padding:1rem;background:var(--bg-tertiary);border-radius:0 0 18px 18px}@media(max-width:767px){.document-preview-modal .modal-content{padding:.5rem;border-radius:0 0 12px 12px}}.document-preview-modal .modal-content .pdf-viewer-modal{flex:1;width:100%;height:100%;border:none;border-radius:8px;background:#fff}.document-preview-modal .modal-content .loading-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.document-preview-modal .modal-content .loading-preview .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.document-preview-modal .modal-content .no-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-tertiary)}.document-preview-modal .modal-content .no-preview svg{opacity:.5}.league-ranking{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;min-height:0}.league-ranking .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:1rem}.league-ranking .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.league-ranking .loading-state p{color:var(--text-secondary);font-size:.875rem}.league-ranking .ranking-header{margin-bottom:1.5rem}.league-ranking .ranking-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.league-ranking .ranking-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.league-ranking .my-league-info{display:flex;align-items:center;gap:1.5rem;padding:1.25rem;background:var(--bg-primary);border-radius:8px;margin-bottom:1.5rem}@media(max-width:767px){.league-ranking .my-league-info{flex-direction:column;gap:1rem}}.league-ranking .my-league-info .league-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:8px;color:#1a1a2e;font-weight:700}.league-ranking .my-league-info .league-badge .league-icon{font-size:1.75rem}.league-ranking .my-league-info .league-badge .league-name{font-size:1rem}.league-ranking .my-league-info .rank-stats{display:flex;gap:2rem;flex:1}@media(max-width:767px){.league-ranking .my-league-info .rank-stats{width:100%;justify-content:space-around}}.league-ranking .my-league-info .rank-stats .rank-stat{display:flex;flex-direction:column}.league-ranking .my-league-info .rank-stats .rank-stat .rank-value{font-size:1.25rem;font-weight:700;color:var(--accent-primary)}.league-ranking .my-league-info .rank-stats .rank-stat .rank-label{font-size:.875rem;color:var(--text-secondary)}.league-ranking .league-distribution{margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:8px}.league-ranking .league-distribution h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.league-ranking .league-distribution .league-bars{display:flex;flex-direction:column;gap:.75rem}.league-ranking .league-distribution .league-bars .league-bar .bar-label{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary)}.league-ranking .league-distribution .league-bars .league-bar .bar-track{height:8px;background:var(--bg-secondary);border-radius:50%;overflow:hidden}.league-ranking .league-distribution .league-bars .league-bar .bar-track .bar-fill{height:100%;border-radius:50%;transition:width .5s ease}.league-ranking .league-distribution .league-bars .league-bar .bar-track .bar-fill.diamante{background:linear-gradient(90deg,#b9f2ff,#e0f7fa)}.league-ranking .league-distribution .league-bars .league-bar .bar-track .bar-fill.oro{background:linear-gradient(90deg,gold,#ffec8b)}.league-ranking .league-distribution .league-bars .league-bar .bar-track .bar-fill.plata{background:linear-gradient(90deg,silver,#e0e0e0)}.league-ranking .league-distribution .league-bars .league-bar .bar-track .bar-fill.bronce{background:linear-gradient(90deg,#cd7f32,#daa06d)}.league-ranking .league-filter{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.league-ranking .league-filter .filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-primary);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.league-ranking .league-filter .filter-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.league-ranking .league-filter .filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.league-ranking .league-filter .filter-btn.bronce.active{background:#cd7f32;border-color:#cd7f32}.league-ranking .league-filter .filter-btn.plata.active{background:#a0a0a0;border-color:#a0a0a0}.league-ranking .league-filter .filter-btn.oro.active{background:#daa520;border-color:#daa520}.league-ranking .league-filter .filter-btn.diamante.active{background:#5dade2;border-color:#5dade2}.league-ranking .ranking-list{flex:1;min-height:0;overflow-y:auto}.league-ranking .ranking-list::-webkit-scrollbar{width:6px}.league-ranking .ranking-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.league-ranking .ranking-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.league-ranking .ranking-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.league-ranking .ranking-list h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;position:sticky;top:0;background:var(--bg-secondary);padding-bottom:.5rem;z-index:1}.league-ranking .ranking-list .empty-ranking{padding:2rem;text-align:center;color:var(--text-secondary)}.league-ranking .ranking-list .ranking-items{display:flex;flex-direction:column;gap:.5rem}.league-ranking .ranking-list .ranking-items .ranking-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.league-ranking .ranking-list .ranking-items .ranking-item:hover{border-color:var(--accent-primary)}.league-ranking .ranking-list .ranking-items .ranking-item.is-me{background:rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary)}.league-ranking .ranking-list .ranking-items .ranking-item .rank-position{width:36px;text-align:center}.league-ranking .ranking-list .ranking-items .ranking-item .rank-position .medal{font-size:1.5rem}.league-ranking .ranking-list .ranking-items .ranking-item .rank-position .rank-number{font-size:1rem;font-weight:700;color:var(--text-secondary)}.league-ranking .ranking-list .ranking-items .ranking-item .student-avatar{font-size:1.5rem}.league-ranking .ranking-list .ranking-items .ranking-item .student-info{flex:1;display:flex;flex-direction:column;min-width:0}.league-ranking .ranking-list .ranking-items .ranking-item .student-info .student-name{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.league-ranking .ranking-list .ranking-items .ranking-item .student-info .student-name .me-badge{font-size:.65rem;padding:.15rem .4rem;background:var(--accent-primary);color:#fff;border-radius:50%;font-weight:700}.league-ranking .ranking-list .ranking-items .ranking-item .student-info .student-level{font-size:.875rem;color:var(--text-secondary)}.league-ranking .ranking-list .ranking-items .ranking-item .student-league{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.league-ranking .ranking-list .ranking-items .ranking-item .student-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:55px}.league-ranking .ranking-list .ranking-items .ranking-item .student-stats .stat{font-size:1rem;font-weight:700;color:var(--text-primary)}.league-ranking .ranking-list .ranking-items .ranking-item .student-stats .stat-label{font-size:.65rem;color:var(--text-tertiary)}.mi-progreso{padding:2rem;max-width:1700px;margin:0 auto;overflow-y:auto;height:100%}@media(max-width:767px){.mi-progreso{padding:1rem}}.mi-progreso .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:1rem}.mi-progreso .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.mi-progreso .loading-state p{color:var(--text-secondary);font-size:.875rem}.mi-progreso .tab-navigation{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.mi-progreso .tab-navigation .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mi-progreso .tab-navigation .tab-btn svg{opacity:.7}.mi-progreso .tab-navigation .tab-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.mi-progreso .tab-navigation .tab-btn.active{background:var(--accent-primary);color:#fff}.mi-progreso .tab-navigation .tab-btn.active svg{opacity:1}.mi-progreso .ranking-tab-content{flex:1;min-height:500px}.mi-progreso .progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}@media(max-width:767px){.mi-progreso .progress-header{flex-direction:column}}.mi-progreso .progress-header .header-content h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.mi-progreso .progress-header .header-content p{font-size:1rem;color:var(--text-secondary);margin:0}.mi-progreso .progress-header .level-badge{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary),#9333ea);border-radius:12px;color:#fff}.mi-progreso .progress-header .level-badge .level-number{font-size:1.5rem;font-weight:700}.mi-progreso .progress-header .level-badge .level-info{display:flex;flex-direction:column}.mi-progreso .progress-header .level-badge .level-info .level-label{font-size:.7rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.mi-progreso .progress-header .level-badge .level-info .level-value{font-size:1rem;font-weight:600}.mi-progreso .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1023px){.mi-progreso .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.mi-progreso .stats-grid{grid-template-columns:1fr}}.mi-progreso .stats-grid .stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.mi-progreso .stats-grid .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mi-progreso .stats-grid .stat-card.progress-card{grid-column:span 1}.mi-progreso .stats-grid .stat-card .stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--accent-primary)}.mi-progreso .stats-grid .stat-card .stat-icon.streak-icon{background:#ff6b6b1a}.mi-progreso .stats-grid .stat-card .stat-icon.streak-icon span{font-size:1.25rem}.mi-progreso .stats-grid .stat-card .stat-icon.messages-icon{background:#4ecdc41a;color:#4ecdc4}.mi-progreso .stats-grid .stat-card .stat-icon.conversations-icon{background:#ffd93d1a;color:#ffd93d}.mi-progreso .stats-grid .stat-card .stat-content{display:flex;flex-direction:column;gap:.25rem}.mi-progreso .stats-grid .stat-card .stat-content .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.mi-progreso .stats-grid .stat-card .stat-content .stat-label{font-size:.875rem;color:var(--text-secondary)}.mi-progreso .stats-grid .stat-card .progress-bar{height:8px;background:var(--bg-primary);border-radius:50%;overflow:hidden}.mi-progreso .stats-grid .stat-card .progress-bar .progress-fill{height:100%;border-radius:50%;transition:width .5s ease}.mi-progreso .section-header{margin-bottom:1rem}.mi-progreso .section-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.mi-progreso .section-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.mi-progreso .bloom-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.mi-progreso .bloom-section .bloom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1023px){.mi-progreso .bloom-section .bloom-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.mi-progreso .bloom-section .bloom-grid{grid-template-columns:1fr}}.mi-progreso .bloom-section .bloom-grid .bloom-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.mi-progreso .bloom-section .bloom-grid .bloom-item .bloom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mi-progreso .bloom-section .bloom-grid .bloom-item .bloom-header .bloom-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.mi-progreso .bloom-section .bloom-grid .bloom-item .bloom-header .bloom-value{font-size:.875rem;font-weight:700;color:var(--accent-primary)}.mi-progreso .bloom-section .bloom-grid .bloom-item .bloom-bar{height:8px;background:var(--bg-secondary);border-radius:50%;overflow:hidden;margin-bottom:.5rem}.mi-progreso .bloom-section .bloom-grid .bloom-item .bloom-bar .bloom-fill{height:100%;border-radius:50%;transition:width .5s ease}.mi-progreso .bloom-section .bloom-grid .bloom-item .bloom-description{font-size:.75rem;color:var(--text-tertiary)}.mi-progreso .level-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.mi-progreso .level-section .level-display{display:flex;align-items:center;gap:2rem}@media(max-width:767px){.mi-progreso .level-section .level-display{flex-direction:column;text-align:center}}.mi-progreso .level-section .level-display .current-level{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--accent-primary),#9333ea);border-radius:12px;color:#fff;min-width:150px}.mi-progreso .level-section .level-display .current-level .level-num{font-size:3rem;font-weight:700;line-height:1}.mi-progreso .level-section .level-display .current-level .level-name{font-size:.875rem;opacity:.9;margin-top:.5rem}.mi-progreso .level-section .level-display .level-description{flex:1}.mi-progreso .level-section .level-display .level-description p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.mi-progreso .tips-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.mi-progreso .tips-section .tips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1023px){.mi-progreso .tips-section .tips-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.mi-progreso .tips-section .tips-grid{grid-template-columns:1fr}}.mi-progreso .tips-section .tips-grid .tip-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;text-align:center;transition:all .2s ease}.mi-progreso .tips-section .tips-grid .tip-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.mi-progreso .tips-section .tips-grid .tip-card .tip-icon{font-size:2rem;display:block;margin-bottom:.75rem}.mi-progreso .tips-section .tips-grid .tip-card h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.mi-progreso .tips-section .tips-grid .tip-card p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.biblioteca-aprendizaje{padding:2rem;max-width:1400px;margin:0 auto;overflow-y:auto;height:100%}@media(max-width:767px){.biblioteca-aprendizaje{padding:1rem}}.biblioteca-aprendizaje .library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}@media(max-width:1023px){.biblioteca-aprendizaje .library-header{flex-direction:column}}.biblioteca-aprendizaje .library-header .header-content{display:flex;align-items:center;gap:1rem}.biblioteca-aprendizaje .library-header .header-content .back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.biblioteca-aprendizaje .library-header .header-content .back-btn:hover{background:var(--hover-bg);border-color:var(--accent-primary)}.biblioteca-aprendizaje .library-header .header-content h1{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.biblioteca-aprendizaje .library-header .header-content h1 .clase-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:1.25rem}.biblioteca-aprendizaje .library-header .header-content p{font-size:1rem;color:var(--text-secondary);margin:0}.biblioteca-aprendizaje .library-header .header-actions{display:flex;align-items:center;gap:1rem}@media(max-width:767px){.biblioteca-aprendizaje .library-header .header-actions{flex-direction:column;width:100%}}.biblioteca-aprendizaje .library-header .search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:280px;transition:all .2s ease}@media(max-width:767px){.biblioteca-aprendizaje .library-header .search-box{min-width:100%}}.biblioteca-aprendizaje .library-header .search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.biblioteca-aprendizaje .library-header .search-box svg{color:var(--text-tertiary);flex-shrink:0}.biblioteca-aprendizaje .library-header .search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.biblioteca-aprendizaje .library-header .search-box input::placeholder{color:var(--text-tertiary)}.biblioteca-aprendizaje .library-header .enroll-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-primary);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.biblioteca-aprendizaje .library-header .enroll-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}@media(max-width:767px){.biblioteca-aprendizaje .library-header .enroll-btn{width:100%;justify-content:center}}.biblioteca-aprendizaje .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--text-secondary)}.biblioteca-aprendizaje .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.biblioteca-aprendizaje .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-tertiary)}.biblioteca-aprendizaje .empty-state svg{margin-bottom:1.5rem;opacity:.5}.biblioteca-aprendizaje .empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.biblioteca-aprendizaje .empty-state p{font-size:.875rem;margin:0 0 1.5rem}.biblioteca-aprendizaje .empty-state .start-btn{padding:.75rem 1.5rem;background:var(--accent-primary);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.biblioteca-aprendizaje .empty-state .start-btn:hover{background:var(--accent-primary-hover)}.biblioteca-aprendizaje .section-header{display:flex;align-items:center;margin-bottom:1rem}.biblioteca-aprendizaje .section-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.biblioteca-aprendizaje .section-header h2 svg{color:var(--accent-primary)}.biblioteca-aprendizaje .section-header.classes-section-header{margin-top:2rem}.biblioteca-aprendizaje .recent-conversations-section{margin-bottom:1.5rem}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list{display:flex;flex-direction:column;gap:.5rem}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card:hover{border-color:var(--accent-primary);background:var(--hover-bg)}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-primary);border-radius:8px;color:var(--accent-primary);flex-shrink:0}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-content{flex:1;min-width:0}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-content .conv-title{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-content .conv-doc{display:block;font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-content .conv-preview{display:block;font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-meta .conv-date{font-size:.7rem;color:var(--text-tertiary)}.biblioteca-aprendizaje .recent-conversations-section .recent-conversations-list .recent-conversation-card .conv-meta .conv-count{font-size:.65rem;color:var(--text-tertiary);background:var(--bg-primary);padding:.125rem .5rem;border-radius:4px}.biblioteca-aprendizaje .clases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:1023px){.biblioteca-aprendizaje .clases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.biblioteca-aprendizaje .clases-grid{grid-template-columns:1fr}}.biblioteca-aprendizaje .clases-grid .clase-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.biblioteca-aprendizaje .clases-grid .clase-card:hover{border-color:var(--clase-color, var(--accent-primary));box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.biblioteca-aprendizaje .clases-grid .clase-card .clase-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem}.biblioteca-aprendizaje .clases-grid .clase-card .clase-header .clase-icon{font-size:2rem}.biblioteca-aprendizaje .clases-grid .clase-card .clase-header .document-count{font-size:.75rem;font-weight:500;color:#ffffffe6;background:#fff3;padding:.25rem .75rem;border-radius:50%}.biblioteca-aprendizaje .clases-grid .clase-card .clase-content{padding:1.25rem;padding-top:0}.biblioteca-aprendizaje .clases-grid .clase-card .clase-content h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.biblioteca-aprendizaje .clases-grid .clase-card .clase-content .clase-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.biblioteca-aprendizaje .clases-grid .clase-card .clase-content .clase-footer .teacher-name{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-tertiary)}.biblioteca-aprendizaje .clases-grid .clase-card .clase-content .clase-footer .teacher-name svg{flex-shrink:0}.biblioteca-aprendizaje .documentos-list{display:flex;flex-direction:column;gap:.75rem}.biblioteca-aprendizaje .documentos-list .documento-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.biblioteca-aprendizaje .documentos-list .documento-card:hover{border-color:var(--accent-primary);background:var(--hover-bg)}.biblioteca-aprendizaje .documentos-list .documento-card:hover .doc-action svg{transform:translate(4px)}.biblioteca-aprendizaje .documentos-list .documento-card .doc-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary);border-radius:8px;color:var(--accent-primary);flex-shrink:0}.biblioteca-aprendizaje .documentos-list .documento-card .doc-content{flex:1;min-width:0}.biblioteca-aprendizaje .documentos-list .documento-card .doc-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biblioteca-aprendizaje .documentos-list .documento-card .doc-content p{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biblioteca-aprendizaje .documentos-list .documento-card .doc-content .doc-meta{display:flex;align-items:center;gap:1rem}.biblioteca-aprendizaje .documentos-list .documento-card .doc-content .doc-meta .doc-date,.biblioteca-aprendizaje .documentos-list .documento-card .doc-content .doc-meta .doc-type{font-size:.75rem;color:var(--text-tertiary)}.biblioteca-aprendizaje .documentos-list .documento-card .doc-content .doc-meta .doc-type{background:var(--bg-primary);padding:.125rem .5rem;border-radius:4px}.biblioteca-aprendizaje .documentos-list .documento-card .doc-action{color:var(--text-tertiary)}.biblioteca-aprendizaje .documentos-list .documento-card .doc-action svg{transition:transform .2s ease}.biblioteca-aprendizaje .start-chat-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-primary);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.biblioteca-aprendizaje .start-chat-btn:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.biblioteca-aprendizaje .start-chat-btn:disabled{opacity:.5;cursor:not-allowed}.biblioteca-aprendizaje .documento-detalle-container .documento-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.biblioteca-aprendizaje .documento-detalle-container .documento-preview .preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.biblioteca-aprendizaje .documento-detalle-container .documento-preview .preview-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.biblioteca-aprendizaje .documento-detalle-container .documento-preview .preview-header .start-chat-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.biblioteca-aprendizaje .documento-detalle-container .documento-preview .preview-header .start-chat-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.biblioteca-aprendizaje .documento-detalle-container .documento-preview .preview-header .start-chat-btn:disabled{opacity:.5;cursor:not-allowed}.biblioteca-aprendizaje .documento-detalle-container .documento-preview .preview-content{flex:1;overflow-y:auto}.biblioteca-aprendizaje .pdf-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--bg-tertiary)}.biblioteca-aprendizaje .pdf-preview .loading-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary)}.biblioteca-aprendizaje .pdf-preview .loading-preview .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.biblioteca-aprendizaje .pdf-preview .pdf-viewer{width:100%;height:600px;border:none;border-radius:8px}@media(max-width:1023px){.biblioteca-aprendizaje .pdf-preview .pdf-viewer{height:500px}}@media(max-width:767px){.biblioteca-aprendizaje .pdf-preview .pdf-viewer{height:400px}}.biblioteca-aprendizaje .pdf-preview .no-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-tertiary);text-align:center;padding:2rem}.biblioteca-aprendizaje .pdf-preview .no-preview svg{opacity:.5}.biblioteca-aprendizaje .pdf-preview .no-preview p{margin:0;font-size:.875rem}.biblioteca-aprendizaje .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.biblioteca-aprendizaje .modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;width:100%;max-width:400px;overflow:hidden;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.biblioteca-aprendizaje .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color)}.biblioteca-aprendizaje .modal-content .modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.biblioteca-aprendizaje .modal-content .modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.biblioteca-aprendizaje .modal-content .modal-header .close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.biblioteca-aprendizaje .modal-content .modal-body{padding:1.25rem}.biblioteca-aprendizaje .modal-content .modal-body p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.biblioteca-aprendizaje .modal-content .modal-body input{width:100%;padding:.875rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1.125rem;font-weight:600;text-align:center;letter-spacing:.1em;text-transform:uppercase;outline:none;transition:border-color .2s ease}.biblioteca-aprendizaje .modal-content .modal-body input:focus{border-color:var(--accent-primary)}.biblioteca-aprendizaje .modal-content .modal-body input::placeholder{color:var(--text-tertiary);font-weight:400;letter-spacing:normal}.biblioteca-aprendizaje .modal-content .modal-body .error-text{color:#ef4444;font-size:.875rem;margin:.75rem 0 0;text-align:center}.biblioteca-aprendizaje .modal-content .modal-footer{display:flex;gap:.75rem;padding:1.25rem;border-top:1px solid var(--border-color)}.biblioteca-aprendizaje .modal-content .modal-footer button{flex:1;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.biblioteca-aprendizaje .modal-content .modal-footer .cancel-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.biblioteca-aprendizaje .modal-content .modal-footer .cancel-btn:hover{background:var(--hover-bg)}.biblioteca-aprendizaje .modal-content .modal-footer .submit-btn{background:var(--accent-primary);border:none;color:#fff}.biblioteca-aprendizaje .modal-content .modal-footer .submit-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.biblioteca-aprendizaje .modal-content .modal-footer .submit-btn:disabled{opacity:.5;cursor:not-allowed}.modo-juego{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem}@media(max-width:767px){.modo-juego{padding:1rem}}.modo-juego .under-construction{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px}@media(max-width:767px){.modo-juego .under-construction{padding:2rem 1.5rem}}.modo-juego .under-construction .construction-icon{margin-bottom:1.5rem;color:var(--accent-primary);animation:float 3s ease-in-out infinite}.modo-juego .under-construction .construction-icon svg{width:80px;height:80px}@media(max-width:767px){.modo-juego .under-construction .construction-icon svg{width:60px;height:60px}}.modo-juego .under-construction h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}@media(max-width:767px){.modo-juego .under-construction h1{font-size:1.25rem}}.modo-juego .under-construction .construction-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;border-radius:50%;font-size:.875rem;font-weight:700;margin-bottom:1.5rem}.modo-juego .under-construction .construction-badge .badge-icon{font-size:1rem}.modo-juego .under-construction .construction-message{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}@media(max-width:767px){.modo-juego .under-construction .construction-message{font-size:.875rem}}.modo-juego .under-construction .coming-soon-features{width:100%;text-align:left;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.modo-juego .under-construction .coming-soon-features h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.modo-juego .under-construction .coming-soon-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.modo-juego .under-construction .coming-soon-features ul li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.modo-juego .under-construction .coming-soon-features ul li .feature-icon{font-size:1.25rem;flex-shrink:0}.modo-juego .under-construction .stay-tuned{font-size:.875rem;color:var(--text-tertiary);margin:0;font-style:italic}.student-panel{display:flex;height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative}.student-panel .mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}@media(max-width:767px){.student-panel .mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.student-panel .mobile-menu-toggle:hover{background:var(--hover-bg)}.student-panel .sidebar-overlay{display:none}@media(max-width:767px){.student-panel .sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}}.student-panel .panel-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease;flex-shrink:0}.student-panel .panel-sidebar.collapsed{width:0;min-width:0;border-right:none;overflow:hidden}.student-panel .panel-sidebar.collapsed .sidebar-header,.student-panel .panel-sidebar.collapsed .sidebar-scroll-container,.student-panel .panel-sidebar.collapsed .sidebar-footer{opacity:0;visibility:hidden}@media(max-width:1023px){.student-panel .panel-sidebar{width:70px}.student-panel .panel-sidebar .logo-text,.student-panel .panel-sidebar .sidebar-button span,.student-panel .panel-sidebar .theme-toggle span,.student-panel .panel-sidebar .user-info,.student-panel .panel-sidebar .nav-section-title,.student-panel .panel-sidebar .conversations-section{display:none}.student-panel .panel-sidebar .sidebar-button,.student-panel .panel-sidebar .theme-toggle{justify-content:center;padding:.75rem}}@media(max-width:767px){.student-panel .panel-sidebar{position:fixed;left:-280px;top:0;bottom:0;z-index:1000;width:280px}.student-panel .panel-sidebar .logo-text,.student-panel .panel-sidebar .sidebar-button span,.student-panel .panel-sidebar .theme-toggle span,.student-panel .panel-sidebar .user-info,.student-panel .panel-sidebar .nav-section-title,.student-panel .panel-sidebar .conversations-section{display:block}.student-panel .panel-sidebar .sidebar-button,.student-panel .panel-sidebar .theme-toggle{justify-content:flex-start;padding:.75rem 1rem}.student-panel .panel-sidebar.open{left:0}}.student-panel .panel-sidebar .sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.student-panel .panel-sidebar .sidebar-header .logo-section{display:flex;align-items:center;gap:.75rem}@media(max-width:1023px){.student-panel .panel-sidebar .sidebar-header .logo-section{justify-content:center}}.student-panel .panel-sidebar .sidebar-header .logo-section .robot-logo{width:36px;height:36px;background:var(--accent-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.student-panel .panel-sidebar .sidebar-header .logo-section .robot-logo .robot-head .robot-eyes{display:flex;gap:6px}.student-panel .panel-sidebar .sidebar-header .logo-section .robot-logo .robot-head .robot-eyes .eye{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 3s infinite}.student-panel .panel-sidebar .sidebar-header .logo-section .logo-text{font-size:1.25rem;font-weight:900;color:var(--text-primary);letter-spacing:.5px}.student-panel .panel-sidebar .sidebar-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.5rem}.student-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar{width:6px}.student-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-track{background:transparent;margin:4px 0}.student-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;transition:background .2s ease}.student-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--text-tertiary))}.student-panel .panel-sidebar .sidebar-scroll-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section{flex-shrink:0}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section .nav-section-title{padding:.5rem .75rem .375rem;font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.125rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button svg{flex-shrink:0;opacity:.85}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button:hover{background:var(--hover-bg);color:var(--text-primary)}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button:hover svg{opacity:1}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button.active{background:var(--accent-primary);color:#fff}.student-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button.active svg{opacity:1}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section{flex:1;min-height:0;display:flex;flex-direction:column}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem .375rem;flex-shrink:0}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .conversations-title{font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn{width:34px;height:34px;font-size:.65rem;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn:hover{background:var(--accent-primary-hover);transform:scale(1.05)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn:active{transform:scale(.98)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn svg{width:16px;height:16px;display:block}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .loading-conversations{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--text-tertiary);font-size:.875rem}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .loading-conversations .loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:var(--text-tertiary)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations svg{opacity:.5}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations span{font-size:.875rem}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations .start-chat-btn{padding:.5rem 1rem;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations .start-chat-btn:hover{background:var(--accent-primary-hover)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group{margin-bottom:.5rem}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .group-header{padding:.375rem .75rem;font-size:.6rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item:hover{background:var(--hover-bg)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item:hover .conv-menu-btn{opacity:1}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active{background:var(--accent-primary);color:#fff}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-icon,.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-title{color:#fff}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-menu-btn{color:#fffc}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-menu-btn:hover{color:#fff;background:#ffffff26}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-icon{flex-shrink:0;color:var(--text-secondary);opacity:.7}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-title{flex:1;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .edit-input{flex:1;padding:.25rem .5rem;background:var(--input-bg);border:1px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);font-size:.875rem;outline:none}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-menu-btn{padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .15s ease}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-menu-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown{position:absolute;top:100%;right:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;z-index:10;overflow:hidden;animation:menuSlideIn .15s ease}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s ease;white-space:nowrap}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button:hover{background:var(--hover-bg)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button.delete{color:var(--error-text)}.student-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button.delete:hover{background:var(--error-bg)}.student-panel .panel-sidebar .sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--border-color);flex-shrink:0}.student-panel .panel-sidebar .sidebar-footer .theme-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.5rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.student-panel .panel-sidebar .sidebar-footer .theme-toggle svg{flex-shrink:0;opacity:.85}.student-panel .panel-sidebar .sidebar-footer .theme-toggle:hover{background:var(--hover-bg);color:var(--text-primary)}.student-panel .panel-sidebar .sidebar-footer .theme-toggle:hover svg{opacity:1}.student-panel .panel-sidebar .sidebar-footer .user-menu{position:relative}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}@media(max-width:1023px){.student-panel .panel-sidebar .sidebar-footer .user-menu .user-button{justify-content:center}}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-button:hover{background:var(--hover-bg)}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-avatar{width:32px;height:32px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info{flex:1;text-align:left;overflow:hidden}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info .user-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info .user-email{display:block;font-size:.7rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;overflow:hidden;animation:slideUp .2s ease}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .2s ease}.student-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown button:hover{background:var(--hover-bg)}.student-panel .panel-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;width:calc(100% - 280px);position:relative;height:100%;transition:width .3s ease}@media(max-width:1023px){.student-panel .panel-main{width:calc(100% - 70px)}}@media(max-width:767px){.student-panel .panel-main{width:100%;padding-top:3.5rem}}.student-panel .panel-sidebar.collapsed+.panel-main{width:100%}.gestion-contenido{display:flex;flex-direction:column;height:100%;padding:1.5rem;overflow-y:auto;background:var(--bg-primary)}@media(max-width:767px){.gestion-contenido{padding:1rem}}.gestion-contenido .content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.gestion-contenido .content-header .header-info h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.gestion-contenido .content-header .header-info p{color:var(--text-secondary);font-size:.875rem}.gestion-contenido .content-header .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#e4c443,#d4a843);border:none;border-radius:8px;color:#1a1a1a;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.gestion-contenido .content-header .btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.gestion-contenido .content-header .btn-primary:active{transform:translateY(0)}.gestion-contenido .classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media(max-width:767px){.gestion-contenido .classes-grid{grid-template-columns:1fr}}.gestion-contenido .class-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease}.gestion-contenido .class-card:hover{box-shadow:0 4px 20px #0000001a}.gestion-contenido .class-card .class-header{display:flex;gap:1rem;margin-bottom:1rem}.gestion-contenido .class-card .class-header .class-icon{width:48px;height:48px;background:linear-gradient(135deg,#e4c443,#d4a843);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gestion-contenido .class-card .class-header .class-icon svg{color:#1a1a1a}.gestion-contenido .class-card .class-header .class-info{flex:1;min-width:0}.gestion-contenido .class-card .class-header .class-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gestion-contenido .class-card .class-header .class-info p{font-size:.875rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gestion-contenido .class-card .class-code{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.gestion-contenido .class-card .class-code .code-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.gestion-contenido .class-card .class-code .code-value{display:flex;align-items:center;gap:.5rem}.gestion-contenido .class-card .class-code .code-value span{font-family:monospace;font-size:.875rem;font-weight:700;color:#e4c443;letter-spacing:.1em}.gestion-contenido .class-card .class-code .code-value .copy-btn{padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.gestion-contenido .class-card .class-code .code-value .copy-btn:hover{background:var(--hover-bg);color:#e4c443}.gestion-contenido .class-card .class-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.gestion-contenido .class-card .class-stats .stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.gestion-contenido .class-card .class-stats .stat svg{opacity:.7}.gestion-contenido .class-card .class-documents .documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.gestion-contenido .class-card .class-documents .documents-header span{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.gestion-contenido .class-card .class-documents .documents-header .upload-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gestion-contenido .class-card .class-documents .documents-header .upload-btn:hover{background:var(--hover-bg);color:#e4c443;border-color:#e4c443}.gestion-contenido .class-card .class-documents .documents-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto}.gestion-contenido .class-card .class-documents .documents-list .no-documents{padding:1rem;text-align:center;color:var(--text-tertiary);font-size:.875rem;background:var(--bg-tertiary);border-radius:8px}.gestion-contenido .class-card .class-documents .documents-list .document-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:8px;transition:all .2s ease}.gestion-contenido .class-card .class-documents .documents-list .document-item:hover{background:var(--hover-bg)}.gestion-contenido .class-card .class-documents .documents-list .document-item:hover .delete-doc-btn{opacity:1}.gestion-contenido .class-card .class-documents .documents-list .document-item .doc-icon{flex-shrink:0}.gestion-contenido .class-card .class-documents .documents-list .document-item .doc-info{flex:1;min-width:0;display:flex;flex-direction:column}.gestion-contenido .class-card .class-documents .documents-list .document-item .doc-info .doc-name{font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gestion-contenido .class-card .class-documents .documents-list .document-item .doc-info .doc-size{font-size:.65rem;color:var(--text-tertiary)}.gestion-contenido .class-card .class-documents .documents-list .document-item .delete-doc-btn{padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all .2s ease}.gestion-contenido .class-card .class-documents .documents-list .document-item .delete-doc-btn:hover{background:var(--error-bg);color:var(--error-text)}.gestion-contenido .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;text-align:center}.gestion-contenido .empty-state .empty-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--text-tertiary)}.gestion-contenido .empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.gestion-contenido .empty-state p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.gestion-contenido .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.gestion-contenido .modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}.gestion-contenido .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color)}.gestion-contenido .modal .modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.gestion-contenido .modal .modal-header .close-btn{padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.gestion-contenido .modal .modal-header .close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.gestion-contenido .modal .modal-body{padding:1.25rem}.gestion-contenido .modal .modal-body .form-group{margin-bottom:1rem}.gestion-contenido .modal .modal-body .form-group:last-child{margin-bottom:0}.gestion-contenido .modal .modal-body .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.gestion-contenido .modal .modal-body .form-group input,.gestion-contenido .modal .modal-body .form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.gestion-contenido .modal .modal-body .form-group input::placeholder,.gestion-contenido .modal .modal-body .form-group textarea::placeholder{color:var(--text-tertiary)}.gestion-contenido .modal .modal-body .form-group input:focus,.gestion-contenido .modal .modal-body .form-group textarea:focus{outline:none;border-color:#e4c443;box-shadow:0 0 0 3px #e4c4431a}.gestion-contenido .modal .modal-body .form-group textarea{resize:vertical;min-height:80px}.gestion-contenido .modal .modal-body .upload-zone{border:2px dashed var(--border-color);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}.gestion-contenido .modal .modal-body .upload-zone:hover{border-color:#e4c443;background:#e4c4430d}.gestion-contenido .modal .modal-body .upload-zone.has-file{border-style:solid;border-color:#e4c443;background:#e4c4430d}.gestion-contenido .modal .modal-body .upload-zone svg{color:var(--text-tertiary);margin-bottom:1rem}.gestion-contenido .modal .modal-body .upload-zone p{color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.gestion-contenido .modal .modal-body .upload-zone span{color:var(--text-tertiary);font-size:.7rem}.gestion-contenido .modal .modal-body .upload-zone .upload-hint{display:block;margin-top:.25rem}.gestion-contenido .modal .modal-body .upload-zone .file-selected{display:flex;align-items:center;gap:.75rem;text-align:left}.gestion-contenido .modal .modal-body .upload-zone .file-selected svg{color:#e4c443;margin-bottom:0;flex-shrink:0}.gestion-contenido .modal .modal-body .upload-zone .file-selected .file-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.gestion-contenido .modal .modal-body .upload-zone .file-selected .file-info .file-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.gestion-contenido .modal .modal-body .upload-zone .file-selected .file-info .file-size{font-size:.75rem;color:var(--text-tertiary)}.gestion-contenido .modal .modal-body .upload-zone .file-selected .remove-file-btn{padding:.375rem;background:#ff6b6b1a;border:none;border-radius:4px;color:#ff6b6b;cursor:pointer;transition:all .15s ease}.gestion-contenido .modal .modal-body .upload-zone .file-selected .remove-file-btn:hover{background:#ff6b6b33}.gestion-contenido .modal .modal-body .upload-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:8px}.gestion-contenido .modal .modal-body .upload-error svg{color:#ff6b6b;flex-shrink:0}.gestion-contenido .modal .modal-body .upload-error span{font-size:.8rem;color:#ff6b6b}.gestion-contenido .modal .modal-body .selected-files{margin-top:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.gestion-contenido .modal .modal-body .selected-files h4{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.gestion-contenido .modal .modal-body .selected-files .file-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.gestion-contenido .modal .modal-body .selected-files .file-item:last-child{border-bottom:none}.gestion-contenido .modal .modal-body .selected-files .file-item span{font-size:.875rem;color:var(--text-primary)}.gestion-contenido .modal .modal-body .selected-files .file-item .file-size{color:var(--text-tertiary)}.gestion-contenido .modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem;border-top:1px solid var(--border-color)}.gestion-contenido .modal .modal-footer .btn-secondary{padding:.625rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gestion-contenido .modal .modal-footer .btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary)}.gestion-contenido .modal .modal-footer .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#e4c443,#d4a843);border:none;border-radius:8px;color:#1a1a1a;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.gestion-contenido .modal .modal-footer .btn-primary:hover:not(:disabled){filter:brightness(1.1)}.gestion-contenido .modal .modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.gestion-contenido .modal .modal-footer .btn-primary .btn-spinner{width:14px;height:14px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.gestion-contenido .loading-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.gestion-contenido .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#e4c443;border-radius:50%;animation:spin .8s linear infinite}.gestion-contenido .loading-state span{color:var(--text-secondary);font-size:.875rem}.gestion-contenido .class-card .class-header{position:relative;padding:1rem;border-radius:8px 8px 0 0;margin:-1.25rem -1.25rem 1rem}.gestion-contenido .class-card .class-header .class-icon span{font-size:1.5rem}.gestion-contenido .class-card .class-header .class-info h3{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gestion-contenido .class-card .class-header .class-info p{color:#fffc}.gestion-contenido .class-card .class-header .delete-class-btn{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#0003;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;opacity:0;transition:all .2s ease}.gestion-contenido .class-card .class-header .delete-class-btn:hover{background:#ef4444cc;color:#fff}.gestion-contenido .class-card .class-header:hover .delete-class-btn{opacity:1}.gestion-contenido .documents-header .expand-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.gestion-contenido .documents-header .expand-btn svg{transition:transform .2s ease}.gestion-contenido .documents-header .expand-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.gestion-contenido .color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.gestion-contenido .color-picker .color-option{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease}.gestion-contenido .color-picker .color-option:hover{transform:scale(1.1)}.gestion-contenido .color-picker .color-option.selected{border-color:var(--text-primary)}.gestion-contenido .icon-picker{display:flex;gap:.5rem;flex-wrap:wrap}.gestion-contenido .icon-picker .icon-option{width:40px;height:40px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.gestion-contenido .icon-picker .icon-option:hover{background:var(--hover-bg);transform:scale(1.05)}.gestion-contenido .icon-picker .icon-option.selected{border-color:#e4c443;background:#e4c4431a}.gestion-contenido .upload-zone .file-selected{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gestion-contenido .upload-zone .file-selected svg{color:#10b981;margin-bottom:0}.gestion-contenido .upload-zone .file-selected span{color:var(--text-primary);font-size:.875rem}.gestion-contenido .content-textarea{margin-top:1rem;min-height:120px!important}.gestion-contenido .extract-error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;margin-top:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.gestion-contenido .extract-error svg{flex-shrink:0;color:#ef4444;margin-top:.125rem}.gestion-contenido .extract-error span{color:#ef4444;font-size:.875rem;line-height:1.4}.sesion-juego{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem}@media(max-width:767px){.sesion-juego{padding:1rem}}.sesion-juego .under-construction{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;padding:3rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px}@media(max-width:767px){.sesion-juego .under-construction{padding:2rem 1.5rem}}.sesion-juego .under-construction .construction-icon{margin-bottom:1.5rem;color:#7ee081;animation:float 3s ease-in-out infinite}.sesion-juego .under-construction .construction-icon svg{width:80px;height:80px}@media(max-width:767px){.sesion-juego .under-construction .construction-icon svg{width:60px;height:60px}}.sesion-juego .under-construction h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}@media(max-width:767px){.sesion-juego .under-construction h1{font-size:1.25rem}}.sesion-juego .under-construction .construction-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;border-radius:50%;font-size:.875rem;font-weight:700;margin-bottom:1.5rem}.sesion-juego .under-construction .construction-badge .badge-icon{font-size:1rem}.sesion-juego .under-construction .construction-message{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}@media(max-width:767px){.sesion-juego .under-construction .construction-message{font-size:.875rem}}.sesion-juego .under-construction .coming-soon-features{width:100%;text-align:left;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.sesion-juego .under-construction .coming-soon-features h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.sesion-juego .under-construction .coming-soon-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.sesion-juego .under-construction .coming-soon-features ul li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.sesion-juego .under-construction .coming-soon-features ul li .feature-icon{font-size:1.25rem;flex-shrink:0}.sesion-juego .under-construction .stay-tuned{font-size:.875rem;color:var(--text-tertiary);margin:0;font-style:italic}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.seguimiento-alumnos{display:flex;flex-direction:column;height:100%;padding:1.5rem;overflow-y:auto;background:var(--bg-primary)}.seguimiento-alumnos::-webkit-scrollbar{width:8px}.seguimiento-alumnos::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.seguimiento-alumnos::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.seguimiento-alumnos::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:767px){.seguimiento-alumnos{padding:1rem}}.seguimiento-alumnos .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.seguimiento-alumnos .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#e4c443;border-radius:50%;animation:spin 1s linear infinite}.seguimiento-alumnos .loading-state p{color:var(--text-secondary);font-size:.875rem}.seguimiento-alumnos .tab-navigation{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}@media(max-width:767px){.seguimiento-alumnos .tab-navigation{gap:.25rem;padding:.375rem;overflow-x:auto}.seguimiento-alumnos .tab-navigation::-webkit-scrollbar{display:none}}.seguimiento-alumnos .tab-navigation .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media(max-width:767px){.seguimiento-alumnos .tab-navigation .tab-btn{padding:.625rem .75rem;font-size:.875rem;gap:.375rem}.seguimiento-alumnos .tab-navigation .tab-btn svg{width:16px;height:16px}}.seguimiento-alumnos .tab-navigation .tab-btn svg{opacity:.7}.seguimiento-alumnos .tab-navigation .tab-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.seguimiento-alumnos .tab-navigation .tab-btn.active{background:#e4c443;color:#1a1a1a}.seguimiento-alumnos .tab-navigation .tab-btn.active svg{opacity:1}.seguimiento-alumnos .ranking-tab-content{flex:1;min-height:0;overflow-y:auto}.seguimiento-alumnos .ranking-tab-content .league-ranking{height:auto;max-height:none}.seguimiento-alumnos .ranking-tab-content .league-ranking .ranking-list{max-height:400px;overflow-y:auto}.seguimiento-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar{width:6px}.seguimiento-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.seguimiento-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.seguimiento-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.seguimiento-alumnos .empty-state,.seguimiento-alumnos .empty-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-tertiary)}.seguimiento-alumnos .empty-state svg,.seguimiento-alumnos .empty-activity svg{margin-bottom:1rem;opacity:.5}.seguimiento-alumnos .empty-state p,.seguimiento-alumnos .empty-activity p{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.seguimiento-alumnos .empty-state span,.seguimiento-alumnos .empty-activity span{font-size:.75rem}.seguimiento-alumnos .seguimiento-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.seguimiento-alumnos .seguimiento-header .header-info h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.seguimiento-alumnos .seguimiento-header .header-info p{color:var(--text-secondary);font-size:.875rem}.seguimiento-alumnos .seguimiento-header .header-actions .export-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.seguimiento-alumnos .seguimiento-header .header-actions .export-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.seguimiento-alumnos .stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1023px){.seguimiento-alumnos .stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.seguimiento-alumnos .stats-grid{grid-template-columns:repeat(2,1fr)}}.seguimiento-alumnos .stats-grid .stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.seguimiento-alumnos .stats-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.seguimiento-alumnos .stats-grid .stat-card .stat-icon.progress-icon{background:#7ee08126;color:#7ee081}.seguimiento-alumnos .stats-grid .stat-card .stat-icon.time-icon{background:#e4c44326;color:#e4c443}.seguimiento-alumnos .stats-grid .stat-card .stat-icon.questions-icon{background:#3498db26;color:#3498db}.seguimiento-alumnos .stats-grid .stat-card .stat-icon.accuracy-icon{background:#9b59b626;color:#9b59b6}.seguimiento-alumnos .stats-grid .stat-card .stat-icon.streak-icon{background:#e74c3c26;color:#e74c3c}.seguimiento-alumnos .stats-grid .stat-card .stat-icon.students-icon{background:#3498db26;color:#3498db}.seguimiento-alumnos .stats-grid .stat-card .stat-content{display:flex;flex-direction:column}.seguimiento-alumnos .stats-grid .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.seguimiento-alumnos .stats-grid .stat-card .stat-content .stat-label{font-size:.75rem;color:var(--text-tertiary)}.seguimiento-alumnos .main-content{display:grid;grid-template-columns:1fr 420px;gap:1.5rem;min-height:500px}@media(max-width:1023px){.seguimiento-alumnos .main-content{grid-template-columns:1fr}}.seguimiento-alumnos .students-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:500px}.seguimiento-alumnos .students-section .section-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.seguimiento-alumnos .students-section .section-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.seguimiento-alumnos .students-section .section-header .filters{display:flex;gap:.75rem;flex-wrap:wrap}.seguimiento-alumnos .students-section .section-header .filters .search-input{flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-tertiary)}.seguimiento-alumnos .students-section .section-header .filters .search-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.875rem}.seguimiento-alumnos .students-section .section-header .filters .search-input input::placeholder{color:var(--text-tertiary)}.seguimiento-alumnos .students-section .section-header .filters .search-input input:focus{outline:none}.seguimiento-alumnos .students-section .section-header .filters .class-filter,.seguimiento-alumnos .students-section .section-header .filters .sort-filter{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.seguimiento-alumnos .students-section .section-header .filters .class-filter:focus,.seguimiento-alumnos .students-section .section-header .filters .sort-filter:focus{outline:none;border-color:#e4c443}.seguimiento-alumnos .students-section .students-list{flex:1;overflow-y:auto;padding:.5rem}.seguimiento-alumnos .students-section .students-list::-webkit-scrollbar{width:6px}.seguimiento-alumnos .students-section .students-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.seguimiento-alumnos .students-section .students-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.seguimiento-alumnos .students-section .students-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.seguimiento-alumnos .students-section .students-list .student-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.seguimiento-alumnos .students-section .students-list .student-card:hover{background:var(--hover-bg)}.seguimiento-alumnos .students-section .students-list .student-card.selected{background:#e4c44326;border:1px solid rgba(228,196,67,.3)}.seguimiento-alumnos .students-section .students-list .student-card .student-avatar{font-size:1.75rem;flex-shrink:0}.seguimiento-alumnos .students-section .students-list .student-card .student-info{flex:1;min-width:0}.seguimiento-alumnos .students-section .students-list .student-card .student-info .student-name-row{display:flex;align-items:center;gap:.5rem}.seguimiento-alumnos .students-section .students-list .student-card .student-info .student-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seguimiento-alumnos .students-section .students-list .student-card .student-info .streak-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:#e74c3c26;border-radius:4px;font-size:.65rem;font-weight:700;color:#e74c3c;white-space:nowrap}.seguimiento-alumnos .students-section .students-list .student-card .student-info .student-class{display:block;font-size:.7rem;color:var(--text-tertiary)}.seguimiento-alumnos .students-section .students-list .student-card .student-progress{display:flex;align-items:center;gap:.5rem;min-width:100px}.seguimiento-alumnos .students-section .students-list .student-card .student-progress .progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.seguimiento-alumnos .students-section .students-list .student-card .student-progress .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.seguimiento-alumnos .students-section .students-list .student-card .student-progress .progress-value{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:36px;text-align:right}.seguimiento-alumnos .students-section .students-list .student-card .student-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.seguimiento-alumnos .students-section .students-list .student-card .student-meta .student-level{font-size:.65rem;font-weight:700;color:#e4c443;padding:.125rem .375rem;background:#e4c44326;border-radius:4px}.seguimiento-alumnos .students-section .students-list .student-card .student-meta .last-active{font-size:.7rem;color:var(--text-tertiary)}.seguimiento-alumnos .detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto;height:500px}.seguimiento-alumnos .detail-section::-webkit-scrollbar{width:6px}.seguimiento-alumnos .detail-section::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.seguimiento-alumnos .detail-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.seguimiento-alumnos .detail-section::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:1023px){.seguimiento-alumnos .detail-section{height:auto;min-height:400px}}.seguimiento-alumnos .detail-section .student-detail{padding:1.25rem;display:flex;flex-direction:column}.seguimiento-alumnos .detail-section .student-detail .back-to-tips-bar{margin-bottom:1rem}.seguimiento-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.seguimiento-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn svg{opacity:.7;transition:transform .2s ease}.seguimiento-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn:hover{background:var(--hover-bg);color:#e4c443;border-color:#e4c4434d}.seguimiento-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn:hover svg{opacity:1;transform:translate(-3px)}.seguimiento-alumnos .detail-section .student-detail .detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.seguimiento-alumnos .detail-section .student-detail .detail-header .student-avatar-large{font-size:3rem}.seguimiento-alumnos .detail-section .student-detail .detail-header .student-name-section h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.seguimiento-alumnos .detail-section .student-detail .detail-header .student-name-section .student-email{display:block;font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.seguimiento-alumnos .detail-section .student-detail .detail-header .student-name-section .student-level{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,#e4c443,#d4a843);border-radius:4px;font-size:.65rem;font-weight:700;color:#1a1a1a}.seguimiento-alumnos .detail-section .student-detail .detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.seguimiento-alumnos .detail-section .student-detail .detail-stats .detail-stat{text-align:center;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.seguimiento-alumnos .detail-section .student-detail .detail-stats .detail-stat .label{display:block;font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.seguimiento-alumnos .detail-section .student-detail .detail-stats .detail-stat .value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.seguimiento-alumnos .detail-section .student-detail .detail-stats .detail-stat .value.streak{color:#e4c443}.seguimiento-alumnos .detail-section .student-detail .detail-stats .detail-stat .progress-ring{width:60px;height:60px;margin:0 auto;border-radius:50%;background:conic-gradient(#7EE081 calc(var(--progress) * 3.6deg),var(--border-color) 0);display:flex;align-items:center;justify-content:center;position:relative}.seguimiento-alumnos .detail-section .student-detail .detail-stats .detail-stat .progress-ring:before{content:"";position:absolute;width:48px;height:48px;background:var(--bg-tertiary);border-radius:50%}.seguimiento-alumnos .detail-section .student-detail .detail-stats .detail-stat .progress-ring .value{position:relative;font-size:.875rem}.seguimiento-alumnos .detail-section .student-detail .performance-section{margin-bottom:1.5rem}.seguimiento-alumnos .detail-section .student-detail .performance-section h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.seguimiento-alumnos .detail-section .student-detail .performance-section .performance-stats{display:flex;gap:1rem}.seguimiento-alumnos .detail-section .student-detail .performance-section .performance-stats .perf-stat{flex:1;text-align:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.seguimiento-alumnos .detail-section .student-detail .performance-section .performance-stats .perf-stat .perf-value{display:block;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.seguimiento-alumnos .detail-section .student-detail .performance-section .performance-stats .perf-stat .perf-label{font-size:.65rem;color:var(--text-tertiary)}.seguimiento-alumnos .detail-section .student-detail .detail-scroll-container{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.seguimiento-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar{width:6px}.seguimiento-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.seguimiento-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.seguimiento-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.seguimiento-alumnos .detail-section .student-detail .bloom-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-header h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-header .bloom-subtitle{font-size:.65rem;color:var(--text-tertiary)}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart{display:flex;flex-direction:column;gap:.625rem}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container{display:flex;align-items:center;gap:.75rem}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-label{width:80px;flex-shrink:0;text-align:right}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-label .bloom-name{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-label .bloom-desc{display:block;font-size:.55rem;color:var(--text-tertiary)}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper{flex:1;display:flex;align-items:center;gap:.5rem}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-bar{flex:1;height:16px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-bar .bloom-fill{height:100%;border-radius:4px;transition:width .5s ease}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-value{min-width:36px;font-size:.7rem;font-weight:700;color:var(--text-primary);text-align:right}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-legend{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;font-size:.65rem;color:var(--text-secondary)}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-legend p{margin:0;line-height:1.6}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-legend p:not(:last-child){margin-bottom:.5rem}.seguimiento-alumnos .detail-section .student-detail .bloom-section .bloom-legend p strong{color:var(--text-primary)}.seguimiento-alumnos .detail-section .student-detail .history-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.seguimiento-alumnos .detail-section .student-detail .history-section .history-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.seguimiento-alumnos .detail-section .student-detail .history-section .history-header h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.seguimiento-alumnos .detail-section .student-detail .history-section .history-header .history-subtitle{font-size:.65rem;color:var(--text-tertiary)}.seguimiento-alumnos .detail-section .student-detail .history-section .history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.5rem;color:var(--text-tertiary);font-size:.75rem}.seguimiento-alumnos .detail-section .student-detail .history-section .history-loading .loading-spinner.small{width:24px;height:24px;border-width:2px}.seguimiento-alumnos .detail-section .student-detail .history-section .history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-tertiary)}.seguimiento-alumnos .detail-section .student-detail .history-section .history-empty svg{margin-bottom:.5rem;opacity:.5}.seguimiento-alumnos .detail-section .student-detail .history-section .history-empty p{font-size:.85rem;font-weight:500;margin:0 0 .25rem}.seguimiento-alumnos .detail-section .student-detail .history-section .history-empty span{font-size:.7rem}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .line-chart{width:100%;height:150px;background:var(--bg-tertiary);border-radius:8px;padding:.5rem}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .line-chart circle{cursor:pointer;transition:r .2s ease}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .line-chart circle:hover{r:6}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .history-stats{display:flex;gap:1rem;margin-top:1rem}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat{flex:1;text-align:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-label{display:block;font-size:.65rem;color:var(--text-tertiary);margin-bottom:.25rem}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-value{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-value.positive{color:#7ee081}.seguimiento-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-value.negative{color:#ff6b6b}.seguimiento-alumnos .detail-section .student-detail .actions-section{margin-top:auto;display:flex;gap:.75rem}.seguimiento-alumnos .detail-section .student-detail .actions-section .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.seguimiento-alumnos .detail-section .student-detail .actions-section .action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.seguimiento-alumnos .detail-section .student-detail .actions-section .action-btn.primary{background:linear-gradient(135deg,#e4c443,#d4a843);border-color:transparent;color:#1a1a1a}.seguimiento-alumnos .detail-section .student-detail .actions-section .action-btn.primary:hover{filter:brightness(1.1)}.seguimiento-alumnos .detail-section .student-detail .actions-section .action-btn.ai-analyze{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:transparent;color:#fff}.seguimiento-alumnos .detail-section .student-detail .actions-section .action-btn.ai-analyze:hover{filter:brightness(1.1)}.seguimiento-alumnos .detail-section .teaching-tips-panel{padding:1.25rem;display:flex;flex-direction:column;height:100%}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-header .tips-subtitle{font-size:.8rem;color:var(--text-tertiary)}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list{flex:1;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding-right:.5rem;padding-bottom:1rem}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar{width:6px}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card{display:flex;gap:1rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border-radius:12px;border-left:4px solid transparent;transition:all .2s ease}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card:hover{background:var(--hover-bg)}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.35rem}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content .tip-title{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content .tip-description{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.5}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-warning{border-left-color:#e74c3c;background:#e74c3c14}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-warning .tip-title{color:#e74c3c}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-success{border-left-color:#7ee081;background:#7ee08114}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-success .tip-title{color:#7ee081}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-info{border-left-color:#3498db;background:#3498db14}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-info .tip-title{color:#3498db}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-action{border-left-color:#e4c443;background:#e4c44314}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-action .tip-title{color:#e4c443}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;gap:1.5rem;color:var(--text-tertiary);flex:1}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-loading .loading-spinner.small{width:40px;height:40px;border-width:3px}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-loading span{font-size:.95rem;font-weight:500}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:center;gap:1rem}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#e4c443,#d4a84b);border:none;border-radius:8px;color:#1a1a2e;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #e4c4434d}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e4c44366}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:active:not(:disabled){transform:translateY(0)}.seguimiento-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.conversaciones-alumnos{display:flex;height:100%;background:var(--bg-primary);overflow:hidden}.conversaciones-alumnos .conversations-sidebar{width:380px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}@media(max-width:767px){.conversaciones-alumnos .conversations-sidebar{width:100%}}.conversaciones-alumnos .conversations-sidebar .sidebar-header{padding:1.25rem;border-bottom:1px solid var(--border-color)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.conversaciones-alumnos .conversations-sidebar .sidebar-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.conversaciones-alumnos .conversations-sidebar .sidebar-header p{font-size:.75rem;color:var(--text-secondary)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-mode-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-mode-btn.active{background:#e4c443;border-color:#e4c443;color:#000}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info>span{font-size:.8rem;color:var(--text-secondary);font-weight:500}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info .selection-actions{display:flex;gap:.5rem}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info .selection-actions button{padding:.25rem .5rem;font-size:.7rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info .selection-actions .select-all-btn{background:var(--bg-tertiary);color:var(--text-primary)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info .selection-actions .select-all-btn:hover{background:var(--bg-hover)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info .selection-actions .clear-btn{background:transparent;color:var(--text-secondary)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info .selection-actions .clear-btn:hover:not(:disabled){color:var(--text-primary)}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .selection-info .selection-actions .clear-btn:disabled{opacity:.5;cursor:not-allowed}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .analyze-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.conversaciones-alumnos .conversations-sidebar .sidebar-header .selection-controls .analyze-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.conversaciones-alumnos .conversations-sidebar .filters{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--border-color)}.conversaciones-alumnos .conversations-sidebar .filters .search-input{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-tertiary)}.conversaciones-alumnos .conversations-sidebar .filters .search-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.875rem}.conversaciones-alumnos .conversations-sidebar .filters .search-input input::placeholder{color:var(--text-tertiary)}.conversaciones-alumnos .conversations-sidebar .filters .search-input input:focus{outline:none}.conversaciones-alumnos .conversations-sidebar .filters .filter-row{display:flex;gap:.5rem}.conversaciones-alumnos .conversations-sidebar .filters .filter-row .filter-select{flex:1;padding:.4rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;cursor:pointer}.conversaciones-alumnos .conversations-sidebar .filters .filter-row .filter-select:focus{outline:none;border-color:#e4c443}.conversaciones-alumnos .conversations-sidebar .filters .filter-row .filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.conversaciones-alumnos .conversations-sidebar .filters .clear-filters-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.7rem;cursor:pointer;transition:all .2s ease}.conversaciones-alumnos .conversations-sidebar .filters .clear-filters-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:#e4c443}.conversaciones-alumnos .conversations-sidebar .filters .clear-filters-btn svg{flex-shrink:0}.conversaciones-alumnos .conversations-sidebar .filters .class-filter{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.conversaciones-alumnos .conversations-sidebar .filters .class-filter:focus{outline:none;border-color:#e4c443}.conversaciones-alumnos .conversations-sidebar .conversations-list{flex:1;overflow-y:auto;padding:.5rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-tertiary)}.conversaciones-alumnos .conversations-sidebar .conversations-list .loading-state .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:#e4c443;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .loading-state p{font-size:.875rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-tertiary)}.conversaciones-alumnos .conversations-sidebar .conversations-list .empty-state svg{opacity:.5;margin-bottom:1rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .empty-state p{font-size:.875rem;margin-bottom:.5rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .empty-state span{font-size:.7rem;max-width:250px}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item:hover{background:var(--hover-bg)}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item.selected{background:#e4c4431a;border-color:#e4c4434d}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item.checked{background:#8b5cf61a;border-color:#8b5cf64d}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .selection-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .2s ease;margin-top:10px}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .selection-checkbox:hover{border-color:#8b5cf6}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .selection-checkbox.checked{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .student-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info{flex:1;min-width:0}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-header .student-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-header .conversation-time{font-size:.65rem;color:var(--text-tertiary)}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-title{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-preview{display:block;font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-meta{display:flex;align-items:center;gap:.5rem}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-meta .class-badge{padding:.125rem .375rem;background:#e4c44326;border-radius:4px;font-size:.6rem;color:#e4c443;font-weight:500}.conversaciones-alumnos .conversations-sidebar .conversations-list .conversation-item .conversation-info .conversation-meta .message-count{font-size:.6rem;color:var(--text-tertiary)}.conversaciones-alumnos .conversation-view{flex:1;display:flex;flex-direction:column;overflow:hidden}@media(max-width:767px){.conversaciones-alumnos .conversation-view{display:none}.conversaciones-alumnos .conversation-view.active{display:flex}}.conversaciones-alumnos .conversation-view .view-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.conversaciones-alumnos .conversation-view .view-header .conversation-info{display:flex;align-items:center;gap:.75rem}.conversaciones-alumnos .conversation-view .view-header .conversation-info .student-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.conversaciones-alumnos .conversation-view .view-header .conversation-info .info-text{display:flex;flex-direction:column}.conversaciones-alumnos .conversation-view .view-header .conversation-info .info-text .student-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.conversaciones-alumnos .conversation-view .view-header .conversation-info .info-text .conversation-title{font-size:.75rem;color:var(--text-secondary)}.conversaciones-alumnos .conversation-view .view-header .header-actions{display:flex;align-items:center;gap:.75rem}.conversaciones-alumnos .conversation-view .view-header .header-actions .class-badge{padding:.25rem .75rem;background:#e4c44326;border-radius:50%;font-size:.7rem;color:#e4c443;font-weight:500}.conversaciones-alumnos .conversation-view .view-header .header-actions .theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.conversaciones-alumnos .conversation-view .view-header .header-actions .theme-toggle-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.conversaciones-alumnos .conversation-view .loading-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-tertiary)}.conversaciones-alumnos .conversation-view .loading-view .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#e4c443;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.conversaciones-alumnos .conversation-view .loading-view p{font-size:.875rem}.conversaciones-alumnos .conversation-view .messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.conversaciones-alumnos .conversation-view .messages-container .message{display:flex;gap:.75rem;max-width:85%}.conversaciones-alumnos .conversation-view .messages-container .message.user{align-self:flex-end;flex-direction:row-reverse}.conversaciones-alumnos .conversation-view .messages-container .message.user .message-content{background:var(--bg-secondary);border:1px solid var(--border-color)}.conversaciones-alumnos .conversation-view .messages-container .message.user .message-header{flex-direction:row-reverse}.conversaciones-alumnos .conversation-view .messages-container .message.assistant{align-self:flex-start}.conversaciones-alumnos .conversation-view .messages-container .message.assistant .message-content{background:#e4c4431a;border:1px solid rgba(228,196,67,.2)}.conversaciones-alumnos .conversation-view .messages-container .message .message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversaciones-alumnos .conversation-view .messages-container .message .message-avatar.student{color:#fff;font-weight:600;font-size:.875rem}.conversaciones-alumnos .conversation-view .messages-container .message .message-avatar.assistant{background:linear-gradient(135deg,#e4c443,#d4a843)}.conversaciones-alumnos .conversation-view .messages-container .message .message-avatar.assistant .robot-icon .robot-eyes{display:flex;gap:4px}.conversaciones-alumnos .conversation-view .messages-container .message .message-avatar.assistant .robot-icon .robot-eyes .eye{width:5px;height:5px;background:#1a1a1a;border-radius:50%}.conversaciones-alumnos .conversation-view .messages-container .message .message-content{border-radius:12px;padding:.75rem 1rem}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-header .sender-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-header .message-time{font-size:.65rem;color:var(--text-tertiary)}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text{font-size:.875rem;color:var(--text-primary);line-height:1.6}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text p{margin-bottom:.75rem}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text p:last-child{margin-bottom:0}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text strong{font-weight:600;color:var(--text-primary)}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px;font-family:monospace;font-size:.85em}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text blockquote{margin:.75rem 0;padding-left:1rem;border-left:3px solid #e4c443;color:var(--text-secondary);font-style:italic}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text ul,.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text ol{margin:.5rem 0;padding-left:1.5rem}.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text ul li,.conversaciones-alumnos .conversation-view .messages-container .message .message-content .message-text ol li{margin-bottom:.25rem}.conversaciones-alumnos .conversation-view .view-footer{padding:1rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.conversaciones-alumnos .conversation-view .view-footer .teacher-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#e4c4431a;border:1px solid rgba(228,196,67,.2);border-radius:8px;color:#e4c443;font-size:.75rem}.conversaciones-alumnos .conversation-view .view-footer .teacher-note svg{flex-shrink:0}.conversaciones-alumnos .conversation-view .empty-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--text-tertiary)}.conversaciones-alumnos .conversation-view .empty-view .empty-icon{width:100px;height:100px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;opacity:.5}.conversaciones-alumnos .conversation-view .empty-view h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.conversaciones-alumnos .conversation-view .empty-view p{font-size:.875rem;max-width:300px;margin-bottom:1.5rem}.conversaciones-alumnos .conversation-view .empty-view .theme-toggle-btn.standalone{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.conversaciones-alumnos .conversation-view .empty-view .theme-toggle-btn.standalone:hover{background:var(--hover-bg);color:var(--text-primary)}.biblioteca-maestro{padding:24px;min-height:100%;background:var(--bg-primary)}@media(max-width:767px){.biblioteca-maestro{padding:16px}}.biblioteca-maestro .library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}@media(max-width:767px){.biblioteca-maestro .library-header{flex-direction:column;margin-bottom:16px;gap:12px}}.biblioteca-maestro .library-header .header-content{display:flex;align-items:center;gap:16px}@media(max-width:767px){.biblioteca-maestro .library-header .header-content{gap:12px}}.biblioteca-maestro .library-header .header-content h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:12px;margin:0}@media(max-width:767px){.biblioteca-maestro .library-header .header-content h1{font-size:1.25rem;gap:8px}}.biblioteca-maestro .library-header .header-content h1 .clase-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:1.25rem}@media(max-width:767px){.biblioteca-maestro .library-header .header-content h1 .clase-badge{width:32px;height:32px;font-size:1rem}}.biblioteca-maestro .library-header .header-content p{color:var(--text-secondary);margin:4px 0 0;font-size:.9rem}@media(max-width:767px){.biblioteca-maestro .library-header .header-content p{font-size:.8rem}}.biblioteca-maestro .library-header .header-actions{display:flex;align-items:center;gap:12px}@media(max-width:767px){.biblioteca-maestro .library-header .header-actions{width:100%;flex-direction:column;gap:8px}}.biblioteca-maestro .library-header .back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.biblioteca-maestro .library-header .back-btn:hover{background:var(--hover-bg);color:#3b82f6;border-color:#3b82f6}.biblioteca-maestro .library-header .search-box{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:10px 14px;min-width:280px}@media(max-width:767px){.biblioteca-maestro .library-header .search-box{min-width:100%;width:100%;padding:8px 12px}}.biblioteca-maestro .library-header .search-box svg{color:var(--text-tertiary);flex-shrink:0}.biblioteca-maestro .library-header .search-box input{border:none;background:none;outline:none;font-size:.9rem;color:var(--text-primary);width:100%}.biblioteca-maestro .library-header .search-box input::placeholder{color:var(--text-tertiary)}.biblioteca-maestro .library-header .upload-btn.primary{display:flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}@media(max-width:767px){.biblioteca-maestro .library-header .upload-btn.primary{width:100%;justify-content:center;padding:12px 16px}}.biblioteca-maestro .library-header .upload-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.biblioteca-maestro .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--text-secondary)}.biblioteca-maestro .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.biblioteca-maestro .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-secondary)}.biblioteca-maestro .empty-state svg{margin-bottom:16px;opacity:.5}.biblioteca-maestro .empty-state h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 8px}.biblioteca-maestro .empty-state p{margin:0 0 20px;font-size:.9rem}.biblioteca-maestro .empty-state .start-btn{background:#3b82f6;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.biblioteca-maestro .empty-state .start-btn:hover{background:#2563eb;transform:translateY(-1px)}.biblioteca-maestro .clases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.biblioteca-maestro .clases-grid .clase-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color)}.biblioteca-maestro .clases-grid .clase-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014;border-color:var(--clase-color)}.biblioteca-maestro .clases-grid .clase-card .clase-header{padding:20px;display:flex;justify-content:space-between;align-items:flex-start}.biblioteca-maestro .clases-grid .clase-card .clase-header .clase-icon{font-size:2rem}.biblioteca-maestro .clases-grid .clase-card .clase-header .document-count{background:#ffffff40;color:#fff;font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:20px}.biblioteca-maestro .clases-grid .clase-card .clase-content{padding:16px 20px 20px}.biblioteca-maestro .clases-grid .clase-card .clase-content h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 6px}.biblioteca-maestro .clases-grid .clase-card .clase-content .clase-desc{color:var(--text-secondary);font-size:.85rem;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.biblioteca-maestro .clases-grid .clase-card .clase-content .clase-footer{display:flex;justify-content:space-between;align-items:center}.biblioteca-maestro .clases-grid .clase-card .clase-content .clase-footer .student-count{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.8rem}.biblioteca-maestro .clases-grid .clase-card .clase-content .clase-footer .student-count svg{color:var(--text-tertiary)}.biblioteca-maestro .clases-grid .clase-card .clase-content .clase-footer .clase-code{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px;font-family:monospace}.biblioteca-maestro .documentos-list{display:flex;flex-direction:column;gap:12px}.biblioteca-maestro .documentos-list .documento-card{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.biblioteca-maestro .documentos-list .documento-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.biblioteca-maestro .documentos-list .documento-card:hover .doc-action svg{color:#3b82f6}.biblioteca-maestro .documentos-list .documento-card .doc-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-tertiary);border-radius:10px;flex-shrink:0}.biblioteca-maestro .documentos-list .documento-card .doc-icon svg{color:var(--text-secondary)}.biblioteca-maestro .documentos-list .documento-card .doc-content{flex:1;min-width:0}.biblioteca-maestro .documentos-list .documento-card .doc-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.biblioteca-maestro .documentos-list .documento-card .doc-content p{color:var(--text-secondary);font-size:.85rem;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.biblioteca-maestro .documentos-list .documento-card .doc-content .doc-meta{display:flex;gap:12px}.biblioteca-maestro .documentos-list .documento-card .doc-content .doc-meta span{color:var(--text-tertiary);font-size:.75rem}.biblioteca-maestro .documentos-list .documento-card .doc-content .doc-meta .doc-type{text-transform:uppercase}.biblioteca-maestro .documentos-list .documento-card .doc-action svg{color:var(--text-tertiary);transition:color .2s}.biblioteca-maestro .documento-detalle-grid{display:grid;grid-template-columns:1fr 400px;gap:24px;height:calc(100vh - 180px)}@media(max-width:1024px){.biblioteca-maestro .documento-detalle-grid{grid-template-columns:1fr;height:auto}}.biblioteca-maestro .documento-detalle-grid .documento-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.biblioteca-maestro .documento-detalle-grid .documento-preview .preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.biblioteca-maestro .documento-detalle-grid .documento-preview .preview-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.biblioteca-maestro .documento-detalle-grid .documento-preview .preview-header .start-chat-btn{display:flex;align-items:center;gap:6px;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.biblioteca-maestro .documento-detalle-grid .documento-preview .preview-header .start-chat-btn:hover:not(:disabled){background:#2563eb}.biblioteca-maestro .documento-detalle-grid .documento-preview .preview-header .start-chat-btn:disabled{opacity:.5;cursor:not-allowed}.biblioteca-maestro .documento-detalle-grid .documento-preview .preview-content{flex:1;padding:20px;overflow-y:auto;white-space:pre-wrap;font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-height:calc(100vh - 280px)}@media(max-width:1024px){.biblioteca-maestro .documento-detalle-grid .documento-preview .preview-content{max-height:400px}}.biblioteca-maestro .documento-detalle-grid .conversations-section{display:flex;flex-direction:column;gap:16px;overflow:hidden;min-height:400px}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;flex:1;display:flex;flex-direction:column;max-height:none;min-height:300px}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .section-header,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .section-header h3,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .section-header h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .section-header .count-badge,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .section-header .count-badge{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .section-header .new-chat-btn,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .section-header .new-chat-btn{display:flex;align-items:center;gap:4px;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .section-header .new-chat-btn:hover,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .section-header .new-chat-btn:hover{background:#2563eb}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .empty-conversations,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .empty-conversations{padding:24px;text-align:center;color:var(--text-tertiary);font-size:.85rem}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list{flex:1;overflow-y:auto;padding:8px;max-height:500px}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview{display:flex;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview:hover,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview:hover{background:var(--hover-bg)}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-icon,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-icon.teacher,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-icon.teacher{background:#3b82f626;color:#3b82f6}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-icon.student,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-icon.student{background:#22c55e26}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-icon .student-initial,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-icon .student-initial{font-weight:600;font-size:.85rem;color:#22c55e}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-content,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-content .conv-student-name,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-content .conv-student-name{font-size:.8rem;font-weight:600;color:#22c55e}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-content .conv-title,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-content .conv-title{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-content .conv-preview,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-content .conv-preview{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biblioteca-maestro .documento-detalle-grid .conversations-section .my-conversations .conversations-list .conversation-preview .conv-content .conv-meta,.biblioteca-maestro .documento-detalle-grid .conversations-section .student-conversations .conversations-list .conversation-preview .conv-content .conv-meta{font-size:.7rem;color:var(--text-tertiary)}.biblioteca-maestro .ai-chat.context-chat.view-only-chat .chat-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.biblioteca-maestro .ai-chat.context-chat.view-only-chat .view-only-badge{background:#e4c44326!important;color:#e4c443!important;border:1px solid rgba(228,196,67,.3)}.biblioteca-maestro .ai-chat.context-chat.view-only-chat .message.user.student-message .message-bubble{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.biblioteca-maestro .view-only-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#e4c4431a;color:#e4c443;font-size:.85rem;border-top:1px solid var(--border-color)}.biblioteca-maestro .view-only-notice svg{flex-shrink:0}.biblioteca-maestro .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.biblioteca-maestro .modal-content{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.biblioteca-maestro .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.biblioteca-maestro .modal-content .modal-header h2{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.biblioteca-maestro .modal-content .modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:8px;transition:all .2s}.biblioteca-maestro .modal-content .modal-header .close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.biblioteca-maestro .modal-content .modal-body{padding:24px;overflow-y:auto}.biblioteca-maestro .modal-content .modal-body .form-group{margin-bottom:20px}.biblioteca-maestro .modal-content .modal-body .form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.biblioteca-maestro .modal-content .modal-body .form-group input,.biblioteca-maestro .modal-content .modal-body .form-group textarea{width:100%;border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;font-size:.9rem;color:var(--text-primary);background:var(--bg-tertiary);outline:none;transition:border-color .2s;font-family:inherit}.biblioteca-maestro .modal-content .modal-body .form-group input:focus,.biblioteca-maestro .modal-content .modal-body .form-group textarea:focus{border-color:#3b82f6}.biblioteca-maestro .modal-content .modal-body .form-group input::placeholder,.biblioteca-maestro .modal-content .modal-body .form-group textarea::placeholder{color:var(--text-tertiary)}.biblioteca-maestro .modal-content .modal-body .form-group textarea{resize:vertical;min-height:80px}.biblioteca-maestro .modal-content .modal-body .form-group .upload-zone{border:2px dashed var(--border-color);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:12px}.biblioteca-maestro .modal-content .modal-body .form-group .upload-zone:hover{border-color:#3b82f6;background:var(--hover-bg)}.biblioteca-maestro .modal-content .modal-body .form-group .upload-zone svg{color:var(--text-tertiary);margin-bottom:8px}.biblioteca-maestro .modal-content .modal-body .form-group .upload-zone p{color:var(--text-secondary);font-size:.9rem;margin:0 0 4px}.biblioteca-maestro .modal-content .modal-body .form-group .upload-zone span{color:var(--text-tertiary);font-size:.8rem}.biblioteca-maestro .modal-content .modal-body .form-group .upload-zone .file-selected{display:flex;align-items:center;justify-content:center;gap:10px;color:#22c55e}.biblioteca-maestro .modal-content .modal-body .form-group .upload-zone .file-selected span{color:#22c55e;font-weight:500}.biblioteca-maestro .modal-content .modal-body .form-group .content-textarea{min-height:120px}.biblioteca-maestro .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.biblioteca-maestro .modal-content .modal-footer button{padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.biblioteca-maestro .modal-content .modal-footer button.cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.biblioteca-maestro .modal-content .modal-footer button.cancel-btn:hover{background:var(--hover-bg)}.biblioteca-maestro .modal-content .modal-footer button.submit-btn{background:#3b82f6;color:#fff;border:none}.biblioteca-maestro .modal-content .modal-footer button.submit-btn:hover:not(:disabled){background:#2563eb}.biblioteca-maestro .modal-content .modal-footer button.submit-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#f8fafc}.pdf-preview .loading-preview{display:flex;flex-direction:column;align-items:center;gap:12px;color:#64748b}.pdf-preview .pdf-viewer{width:100%;height:500px;border:none;border-radius:8px}@media(max-width:768px){.pdf-preview .pdf-viewer{height:400px}}.pdf-preview .no-preview{display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8}.pdf-preview .no-preview svg{opacity:.5}.pdf-preview .no-preview p{margin:0;font-size:.9rem}.pdf-preview .text-content{padding:20px;color:#475569;font-size:.9rem;line-height:1.6}.upload-pdf-modal{max-width:700px!important}.upload-pdf-modal .upload-zone.has-file{border-style:solid;border-color:#22c55e;background:#f0fdf4}.upload-pdf-modal .upload-zone .file-selected{flex-direction:column;gap:8px}.upload-pdf-modal .upload-zone .file-selected svg{color:#22c55e}.upload-pdf-modal .upload-zone .file-selected .file-name{font-weight:600;color:#166534;font-size:.95rem}.upload-pdf-modal .upload-zone .file-selected .file-size{color:#64748b;font-size:.8rem}.upload-pdf-modal .upload-zone .file-selected .remove-file-btn{margin-top:8px;background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.upload-pdf-modal .upload-zone .file-selected .remove-file-btn:hover{background:#f1f5f9;color:#334155}.upload-pdf-modal .upload-zone .file-hint{color:#94a3b8;font-size:.75rem;margin-top:4px}.upload-pdf-modal .upload-error{display:flex;align-items:center;gap:8px;color:#dc2626;font-size:.85rem;margin-top:8px;padding:8px 12px;background:#fef2f2;border-radius:8px}.upload-pdf-modal .pdf-preview-section .pdf-preview-container{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#f8fafc}.upload-pdf-modal .pdf-preview-section .pdf-preview-container .pdf-preview-frame{width:100%;height:300px;border:none}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.teacher-panel{display:flex;height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative}.teacher-panel .mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}@media(max-width:767px){.teacher-panel .mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.teacher-panel .mobile-menu-toggle:hover{background:var(--hover-bg)}.teacher-panel .sidebar-overlay{display:none}@media(max-width:767px){.teacher-panel .sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}}.teacher-panel .panel-sidebar{width:300px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease;flex-shrink:0}@media(max-width:1023px){.teacher-panel .panel-sidebar{width:70px}.teacher-panel .panel-sidebar .logo-text,.teacher-panel .panel-sidebar .logo-text-container,.teacher-panel .panel-sidebar .sidebar-button span,.teacher-panel .panel-sidebar .theme-toggle span,.teacher-panel .panel-sidebar .user-info,.teacher-panel .panel-sidebar .nav-section-title,.teacher-panel .panel-sidebar .conversations-section{display:none}.teacher-panel .panel-sidebar .sidebar-button,.teacher-panel .panel-sidebar .theme-toggle{justify-content:center;padding:.75rem}}@media(max-width:767px){.teacher-panel .panel-sidebar{position:fixed;left:-300px;top:0;bottom:0;z-index:1000;width:300px}.teacher-panel .panel-sidebar .logo-text,.teacher-panel .panel-sidebar .logo-text-container,.teacher-panel .panel-sidebar .sidebar-button span,.teacher-panel .panel-sidebar .theme-toggle span,.teacher-panel .panel-sidebar .user-info,.teacher-panel .panel-sidebar .nav-section-title,.teacher-panel .panel-sidebar .conversations-section{display:block}.teacher-panel .panel-sidebar .sidebar-button,.teacher-panel .panel-sidebar .theme-toggle{justify-content:flex-start;padding:.75rem 1rem}.teacher-panel .panel-sidebar.open{left:0}}.teacher-panel .panel-sidebar .sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.teacher-panel .panel-sidebar .sidebar-header .logo-section{display:flex;align-items:center;gap:.75rem}@media(max-width:1023px){.teacher-panel .panel-sidebar .sidebar-header .logo-section{justify-content:center}}.teacher-panel .panel-sidebar .sidebar-header .logo-section .robot-logo{width:36px;height:36px;background:var(--accent-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.teacher-panel .panel-sidebar .sidebar-header .logo-section .robot-logo.teacher-mode{background:linear-gradient(135deg,#e4c443,#d4a843)}.teacher-panel .panel-sidebar .sidebar-header .logo-section .robot-logo .robot-head .robot-eyes{display:flex;gap:6px}.teacher-panel .panel-sidebar .sidebar-header .logo-section .robot-logo .robot-head .robot-eyes .eye{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 3s infinite}.teacher-panel .panel-sidebar .sidebar-header .logo-section .logo-text-container{display:flex;flex-direction:column;gap:0}.teacher-panel .panel-sidebar .sidebar-header .logo-section .logo-text-container .logo-text{font-size:1.25rem;font-weight:900;color:var(--text-primary);letter-spacing:.5px;line-height:1.1}.teacher-panel .panel-sidebar .sidebar-header .logo-section .logo-text-container .teacher-badge{font-size:.65rem;font-weight:700;color:#e4c443;text-transform:uppercase;letter-spacing:.1em}.teacher-panel .panel-sidebar .sidebar-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.5rem}.teacher-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar{width:6px}.teacher-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-track{background:transparent;margin:4px 0}.teacher-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;transition:background .2s ease}.teacher-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--text-tertiary))}.teacher-panel .panel-sidebar .sidebar-scroll-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section{flex-shrink:0}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section .nav-section-title{padding:.5rem .75rem .375rem;font-size:.65rem;font-weight:700;color:#e4c443;text-transform:uppercase;letter-spacing:.08em}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.125rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button svg{flex-shrink:0;opacity:.85}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button:hover{background:var(--hover-bg);color:var(--text-primary)}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button:hover svg{opacity:1}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button.active{background:linear-gradient(135deg,#e4c443,#d4a843);color:#1a1a1a}.teacher-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button.active svg{opacity:1}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem .375rem;flex-shrink:0}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .conversations-title{font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn{width:34px;height:34px;font-size:.65rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e4c443,#d4a843);border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;transition:all .2s ease}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn:active{transform:scale(.98)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn svg{width:16px;height:16px;display:block;fill:#1a1a1a}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .loading-conversations{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--text-tertiary);font-size:.875rem}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .loading-conversations .loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:#e4c443;border-radius:50%;animation:spin .8s linear infinite}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:var(--text-tertiary)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations svg{opacity:.5}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations span{font-size:.875rem}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations .start-chat-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#e4c443,#d4a843);border:none;border-radius:8px;color:#1a1a1a;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations .start-chat-btn:hover{filter:brightness(1.1)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group{margin-bottom:.5rem}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .group-header{padding:.375rem .75rem;font-size:.6rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item:hover{background:var(--hover-bg)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item:hover .conv-menu-btn{opacity:1}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active{background:linear-gradient(135deg,#e4c443,#d4a843);color:#1a1a1a}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-icon,.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-title{color:#1a1a1a}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-menu-btn{color:#1a1a1a99}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-menu-btn:hover{color:#1a1a1a;background:#1a1a1a1a}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-icon{flex-shrink:0;color:var(--text-secondary);opacity:.7}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-icon.doc-icon{color:var(--accent-primary, #3b82f6);opacity:1}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-title{flex:1;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .edit-input{flex:1;padding:.25rem .5rem;background:var(--input-bg);border:1px solid #e4c443;border-radius:4px;color:var(--text-primary);font-size:.875rem;outline:none}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-menu-btn{padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .15s ease}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-menu-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown{position:absolute;top:100%;right:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;z-index:10;overflow:hidden;animation:menuSlideIn .15s ease}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s ease;white-space:nowrap}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button:hover{background:var(--hover-bg)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button.delete{color:var(--error-text)}.teacher-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button.delete:hover{background:var(--error-bg)}.teacher-panel .panel-sidebar .sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--border-color);flex-shrink:0}.teacher-panel .panel-sidebar .sidebar-footer .theme-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.5rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.teacher-panel .panel-sidebar .sidebar-footer .theme-toggle svg{flex-shrink:0;opacity:.85}.teacher-panel .panel-sidebar .sidebar-footer .theme-toggle:hover{background:var(--hover-bg);color:var(--text-primary)}.teacher-panel .panel-sidebar .sidebar-footer .theme-toggle:hover svg{opacity:1}.teacher-panel .panel-sidebar .sidebar-footer .user-menu{position:relative}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}@media(max-width:1023px){.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button{justify-content:center}}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button:hover{background:var(--hover-bg)}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-avatar{width:32px;height:32px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-avatar.teacher{background:linear-gradient(135deg,#e4c443,#d4a843);color:#1a1a1a}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info{flex:1;text-align:left;overflow:hidden}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info .user-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info .user-role{display:block;font-size:.7rem;color:#e4c443;font-weight:500}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;overflow:hidden;animation:slideUp .2s ease}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .2s ease}.teacher-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown button:hover{background:var(--hover-bg)}.teacher-panel .panel-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}@media(max-width:767px){.teacher-panel .panel-main{padding-top:3.5rem}}.monitor-maestros{display:flex;flex-direction:column;height:100%;padding:1.5rem;overflow-y:auto;background:var(--bg-primary)}.monitor-maestros::-webkit-scrollbar{width:8px}.monitor-maestros::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.monitor-maestros::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.monitor-maestros::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.monitor-maestros .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;height:100%}.monitor-maestros .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#9b59b6;border-radius:50%;animation:spin 1s linear infinite}.monitor-maestros .loading-state .loading-spinner.small{width:24px;height:24px;border-width:2px}.monitor-maestros .loading-state p{font-size:.875rem;color:var(--text-secondary);margin:0}.monitor-maestros .monitor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.monitor-maestros .monitor-header .header-info h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.monitor-maestros .monitor-header .header-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.monitor-maestros .stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1023px){.monitor-maestros .stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.monitor-maestros .stats-grid{grid-template-columns:repeat(2,1fr)}}.monitor-maestros .stats-grid .stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.monitor-maestros .stats-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.monitor-maestros .stats-grid .stat-card .stat-icon.progress-icon{background:#9b59b626;color:#9b59b6}.monitor-maestros .stats-grid .stat-card .stat-icon.students-icon{background:#3498db26;color:#3498db}.monitor-maestros .stats-grid .stat-card .stat-icon.classes-icon{background:#2ecc7126;color:#2ecc71}.monitor-maestros .stats-grid .stat-card .stat-icon.docs-icon{background:#e4c44326;color:#e4c443}.monitor-maestros .stats-grid .stat-card .stat-icon.teachers-icon{background:#7ee08126;color:#7ee081}.monitor-maestros .stats-grid .stat-card .stat-content{display:flex;flex-direction:column}.monitor-maestros .stats-grid .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.monitor-maestros .stats-grid .stat-card .stat-content .stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.monitor-maestros .main-content{display:grid;grid-template-columns:1fr 420px;gap:1.5rem;min-height:500px}@media(max-width:1023px){.monitor-maestros .main-content{grid-template-columns:1fr}}.monitor-maestros .teachers-section{display:flex;flex-direction:column;min-width:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;height:500px}@media(max-width:767px){.monitor-maestros .teachers-section{height:400px}}.monitor-maestros .teachers-section .section-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.monitor-maestros .teachers-section .section-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.monitor-maestros .teachers-section .section-header .filters{display:flex;gap:.75rem;flex-wrap:wrap}.monitor-maestros .teachers-section .section-header .filters .search-input{flex:1;min-width:180px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px}.monitor-maestros .teachers-section .section-header .filters .search-input svg{color:var(--text-tertiary);flex-shrink:0}.monitor-maestros .teachers-section .section-header .filters .search-input input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.monitor-maestros .teachers-section .section-header .filters .search-input input::placeholder{color:var(--text-tertiary)}.monitor-maestros .teachers-section .section-header .filters .status-filter,.monitor-maestros .teachers-section .section-header .filters .sort-filter{padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.monitor-maestros .teachers-section .section-header .filters .status-filter:focus,.monitor-maestros .teachers-section .section-header .filters .sort-filter:focus{outline:none;border-color:#9b59b6}.monitor-maestros .teachers-section .teachers-list{flex:1;overflow-y:auto;padding:.5rem}.monitor-maestros .teachers-section .teachers-list::-webkit-scrollbar{width:6px}.monitor-maestros .teachers-section .teachers-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.monitor-maestros .teachers-section .teachers-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.monitor-maestros .teachers-section .teachers-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.monitor-maestros .teachers-section .teachers-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.monitor-maestros .teachers-section .teachers-list .empty-state svg{color:var(--text-tertiary);opacity:.5;margin-bottom:1rem}.monitor-maestros .teachers-section .teachers-list .empty-state p{font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.monitor-maestros .teachers-section .teachers-list .empty-state span{font-size:.875rem;color:var(--text-tertiary)}.monitor-maestros .teachers-section .teachers-list .teacher-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;cursor:pointer;transition:all .15s ease}.monitor-maestros .teachers-section .teachers-list .teacher-card:hover{background:var(--hover-bg)}.monitor-maestros .teachers-section .teachers-list .teacher-card.selected{background:#9b59b626;border:1px solid rgba(155,89,182,.3)}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-info{flex:1;min-width:0}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-info .teacher-name-row{display:flex;align-items:center;gap:.5rem}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-info .teacher-name{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-info .teacher-status{padding:.125rem .5rem;border-radius:50%;font-size:.6rem;font-weight:600;text-transform:uppercase}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-info .teacher-status[data-status=active]{background:#7ee08126;color:#7ee081}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-info .teacher-status[data-status=inactive]{background:#ff6b6b26;color:#ff6b6b}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-info .teacher-email{display:block;font-size:.7rem;color:var(--text-tertiary);margin-top:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-stats{display:flex;gap:.75rem}@media(max-width:767px){.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-stats{display:none}}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-stats .stat-mini{display:flex;flex-direction:column;align-items:center;min-width:45px}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-stats .stat-mini .stat-mini-value{font-weight:700;color:var(--text-primary);font-size:.85rem}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-stats .stat-mini .stat-mini-label{font-size:.6rem;color:var(--text-tertiary)}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-progress{display:flex;align-items:center;gap:.5rem;min-width:80px}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-progress .progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-progress .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-progress .progress-value{font-size:.75rem;font-weight:600;color:var(--text-primary);min-width:32px;text-align:right}.monitor-maestros .teachers-section .teachers-list .teacher-card .teacher-meta .last-active{font-size:.7rem;color:var(--text-tertiary);white-space:nowrap}.monitor-maestros .detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto;height:500px}.monitor-maestros .detail-section::-webkit-scrollbar{width:6px}.monitor-maestros .detail-section::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.monitor-maestros .detail-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.monitor-maestros .detail-section::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:767px){.monitor-maestros .detail-section{height:500px}}.monitor-maestros .detail-section .teacher-detail{display:flex;flex-direction:column;height:100%}.monitor-maestros .detail-section .teacher-detail .back-to-tips-bar{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.monitor-maestros .detail-section .teacher-detail .back-to-tips-bar .back-to-tips-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.monitor-maestros .detail-section .teacher-detail .back-to-tips-bar .back-to-tips-btn:hover{background:var(--hover-bg);border-color:#9b59b6}.monitor-maestros .detail-section .teacher-detail .back-to-tips-bar .back-to-tips-btn svg{color:#9b59b6}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container{flex:1;overflow-y:auto;padding:1.25rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-header .teacher-avatar-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-header .teacher-name-section h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-header .teacher-name-section .teacher-email{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-header .teacher-name-section .teacher-status-badge{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;border-radius:50%;font-size:.65rem;font-weight:600;text-transform:uppercase}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-header .teacher-name-section .teacher-status-badge[data-status=active]{background:#7ee08126;color:#7ee081}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-header .teacher-name-section .teacher-status-badge[data-status=inactive]{background:#ff6b6b26;color:#ff6b6b}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat{padding:.75rem;background:var(--bg-tertiary);border-radius:8px;text-align:center}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat .label{display:block;font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat .value{font-size:1rem;font-weight:700;color:#9b59b6}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat .value.streak{color:#e67e22}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat .sub-value{display:block;font-size:.65rem;color:var(--text-tertiary);margin-top:.125rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat .progress-ring{width:50px;height:50px;border-radius:50%;background:conic-gradient(#9b59b6 calc(var(--progress) * 3.6deg),var(--border-color) 0);display:flex;align-items:center;justify-content:center;margin:.25rem auto;position:relative}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat .progress-ring:before{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:var(--bg-tertiary)}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .detail-stats .detail-stat .progress-ring .value{position:relative;z-index:1;font-size:.85rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section{margin-bottom:1.25rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section h4,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section h4{font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .performance-stats,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .performance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .performance-stats .perf-stat,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .performance-stats .perf-stat{text-align:center;padding:.5rem;background:var(--bg-tertiary);border-radius:8px}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .performance-stats .perf-stat .perf-value,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .performance-stats .perf-stat .perf-value{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .performance-stats .perf-stat .perf-label,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .performance-stats .perf-stat .perf-label{font-size:.6rem;color:var(--text-tertiary)}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .activity-stats,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .activity-stats .activity-stat,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .activity-stats .activity-stat{text-align:center;padding:.5rem;background:var(--bg-tertiary);border-radius:8px}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .activity-stats .activity-stat .activity-value,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .activity-stats .activity-stat .activity-value{display:block;font-size:.9rem;font-weight:700;color:#9b59b6}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .performance-section .activity-stats .activity-stat .activity-label,.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .activity-section .activity-stats .activity-stat .activity-label{font-size:.55rem;color:var(--text-tertiary)}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-header{margin-bottom:.75rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-header h4{font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-header .bloom-subtitle{font-size:.65rem;color:var(--text-tertiary)}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart{display:flex;flex-direction:column;gap:.5rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container{display:flex;align-items:center;gap:.5rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container .bloom-label{width:80px;flex-shrink:0}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container .bloom-label .bloom-name{display:block;font-size:.7rem;font-weight:600;color:var(--text-primary)}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container .bloom-label .bloom-desc{display:none}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper{flex:1;display:flex;align-items:center;gap:.5rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-bar .bloom-fill{height:100%;border-radius:4px;transition:width .5s ease}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-value{font-size:.7rem;font-weight:600;color:var(--text-primary);min-width:32px;text-align:right}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-legend{margin-top:.75rem;padding:.5rem;background:var(--bg-tertiary);border-radius:8px}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-legend p{font-size:.65rem;color:var(--text-secondary);margin:0}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-legend p+p{margin-top:.25rem}.monitor-maestros .detail-section .teacher-detail .detail-scroll-container .bloom-section .bloom-legend p strong{color:var(--text-primary)}.monitor-maestros .detail-section .teacher-detail .actions-section{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-color);flex-shrink:0}.monitor-maestros .detail-section .teacher-detail .actions-section .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.monitor-maestros .detail-section .teacher-detail .actions-section .action-btn:hover{background:var(--hover-bg)}.monitor-maestros .detail-section .teacher-detail .actions-section .action-btn.primary{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;color:#fff}.monitor-maestros .detail-section .teacher-detail .actions-section .action-btn.primary:hover{filter:brightness(1.1)}.monitor-maestros .detail-section .teaching-tips-panel{display:flex;flex-direction:column;height:100%;padding:1.25rem}.monitor-maestros .detail-section .teaching-tips-panel .tips-header{margin-bottom:1rem}.monitor-maestros .detail-section .teaching-tips-panel .tips-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.monitor-maestros .detail-section .teaching-tips-panel .tips-header .tips-subtitle{font-size:.75rem;color:var(--text-secondary)}.monitor-maestros .detail-section .teaching-tips-panel .tips-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.monitor-maestros .detail-section .teaching-tips-panel .tips-loading span{font-size:.875rem;color:var(--text-secondary)}.monitor-maestros .detail-section .teaching-tips-panel .tips-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card{display:flex;gap:.75rem;padding:.875rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card.tip-warning{border-left:3px solid #e67e22;background:#e67e220d}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card.tip-success{border-left:3px solid #7EE081;background:#7ee0810d}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card.tip-info{border-left:3px solid #3498db;background:#3498db0d}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card.tip-action{border-left:3px solid #9b59b6;background:#9b59b60d}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card .tip-icon{font-size:1.25rem;flex-shrink:0}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content{flex:1;min-width:0}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content .tip-title{display:block;font-weight:600;color:var(--text-primary);font-size:.85rem;margin-bottom:.25rem}.monitor-maestros .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content .tip-description{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.monitor-maestros .detail-section .teaching-tips-panel .tips-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);flex-shrink:0}.monitor-maestros .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn{width:100%;padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.monitor-maestros .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:hover:not(:disabled){background:var(--hover-bg);border-color:#9b59b6}.monitor-maestros .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:disabled{opacity:.6;cursor:not-allowed}.monitor-maestros .chat-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}.monitor-maestros .chat-overlay .chat-modal{position:relative;width:100%;max-width:700px;height:80vh;max-height:700px;background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.monitor-maestros .chat-overlay .chat-modal .close-chat-btn{position:absolute;top:.75rem;right:.75rem;z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0003;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.monitor-maestros .chat-overlay .chat-modal .close-chat-btn:hover{background:#0000004d}.monitor-maestros .chat-overlay .chat-modal .close-chat-btn svg{width:18px;height:18px}.monitor-maestros .chat-overlay .chat-modal>.institution-chat{height:100%}.monitor-alumnos{display:flex;flex-direction:column;height:100%;padding:1.5rem;overflow-y:auto;background:var(--bg-primary)}.monitor-alumnos::-webkit-scrollbar{width:8px}.monitor-alumnos::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.monitor-alumnos::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.monitor-alumnos::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:767px){.monitor-alumnos{padding:1rem}}.monitor-alumnos .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.monitor-alumnos .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#9b59b6;border-radius:50%;animation:spin 1s linear infinite}.monitor-alumnos .loading-state p{color:var(--text-secondary);font-size:.875rem}.monitor-alumnos .tab-navigation{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.monitor-alumnos .tab-navigation .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.monitor-alumnos .tab-navigation .tab-btn svg{opacity:.7}.monitor-alumnos .tab-navigation .tab-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.monitor-alumnos .tab-navigation .tab-btn.active{background:#9b59b6;color:#fff}.monitor-alumnos .tab-navigation .tab-btn.active svg{opacity:1}.monitor-alumnos .ranking-tab-content{flex:1;min-height:0;overflow-y:auto}.monitor-alumnos .ranking-tab-content .league-ranking{height:auto;max-height:none}.monitor-alumnos .ranking-tab-content .league-ranking .ranking-list{max-height:400px;overflow-y:auto}.monitor-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar{width:6px}.monitor-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.monitor-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.monitor-alumnos .ranking-tab-content .league-ranking .ranking-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.monitor-alumnos .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-tertiary)}.monitor-alumnos .empty-state svg{margin-bottom:1rem;opacity:.5}.monitor-alumnos .empty-state p{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.monitor-alumnos .empty-state span{font-size:.75rem}.monitor-alumnos .monitor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.monitor-alumnos .monitor-header .header-info h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.monitor-alumnos .monitor-header .header-info p{color:var(--text-secondary);font-size:.875rem}.monitor-alumnos .stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1023px){.monitor-alumnos .stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.monitor-alumnos .stats-grid{grid-template-columns:repeat(2,1fr)}}.monitor-alumnos .stats-grid .stat-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.monitor-alumnos .stats-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.monitor-alumnos .stats-grid .stat-card .stat-icon.progress-icon{background:#7ee08126;color:#7ee081}.monitor-alumnos .stats-grid .stat-card .stat-icon.time-icon{background:#9b59b626;color:#9b59b6}.monitor-alumnos .stats-grid .stat-card .stat-icon.streak-icon{background:#e74c3c26;color:#e74c3c}.monitor-alumnos .stats-grid .stat-card .stat-icon.questions-icon{background:#e4c44326;color:#e4c443}.monitor-alumnos .stats-grid .stat-card .stat-icon.students-icon{background:#3498db26;color:#3498db}.monitor-alumnos .stats-grid .stat-card .stat-content{display:flex;flex-direction:column}.monitor-alumnos .stats-grid .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.monitor-alumnos .stats-grid .stat-card .stat-content .stat-label{font-size:.75rem;color:var(--text-tertiary)}.monitor-alumnos .main-content{display:grid;grid-template-columns:1fr 420px;gap:1.5rem;min-height:500px}@media(max-width:1023px){.monitor-alumnos .main-content{grid-template-columns:1fr}}.monitor-alumnos .students-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:500px}.monitor-alumnos .students-section .section-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.monitor-alumnos .students-section .section-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.monitor-alumnos .students-section .section-header .filters{display:flex;gap:.75rem;flex-wrap:wrap}.monitor-alumnos .students-section .section-header .filters .search-input{flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-tertiary)}.monitor-alumnos .students-section .section-header .filters .search-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.875rem}.monitor-alumnos .students-section .section-header .filters .search-input input::placeholder{color:var(--text-tertiary)}.monitor-alumnos .students-section .section-header .filters .search-input input:focus{outline:none}.monitor-alumnos .students-section .section-header .filters .teacher-filter,.monitor-alumnos .students-section .section-header .filters .class-filter,.monitor-alumnos .students-section .section-header .filters .sort-filter{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.monitor-alumnos .students-section .section-header .filters .teacher-filter:focus,.monitor-alumnos .students-section .section-header .filters .class-filter:focus,.monitor-alumnos .students-section .section-header .filters .sort-filter:focus{outline:none;border-color:#9b59b6}.monitor-alumnos .students-section .students-list{flex:1;overflow-y:auto;padding:.5rem}.monitor-alumnos .students-section .students-list::-webkit-scrollbar{width:6px}.monitor-alumnos .students-section .students-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.monitor-alumnos .students-section .students-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.monitor-alumnos .students-section .students-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.monitor-alumnos .students-section .students-list .student-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.monitor-alumnos .students-section .students-list .student-card:hover{background:var(--hover-bg)}.monitor-alumnos .students-section .students-list .student-card.selected{background:#9b59b626;border:1px solid rgba(155,89,182,.3)}.monitor-alumnos .students-section .students-list .student-card .student-avatar{font-size:1.75rem;flex-shrink:0}.monitor-alumnos .students-section .students-list .student-card .student-info{flex:1;min-width:0}.monitor-alumnos .students-section .students-list .student-card .student-info .student-name-row{display:flex;align-items:center;gap:.5rem}.monitor-alumnos .students-section .students-list .student-card .student-info .student-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-alumnos .students-section .students-list .student-card .student-info .streak-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:#e74c3c26;border-radius:4px;font-size:.65rem;font-weight:700;color:#e74c3c;white-space:nowrap}.monitor-alumnos .students-section .students-list .student-card .student-info .student-class{display:block;font-size:.7rem;color:var(--text-tertiary)}.monitor-alumnos .students-section .students-list .student-card .student-progress{display:flex;align-items:center;gap:.5rem;min-width:100px}.monitor-alumnos .students-section .students-list .student-card .student-progress .progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.monitor-alumnos .students-section .students-list .student-card .student-progress .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.monitor-alumnos .students-section .students-list .student-card .student-progress .progress-value{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:36px;text-align:right}.monitor-alumnos .students-section .students-list .student-card .student-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.monitor-alumnos .students-section .students-list .student-card .student-meta .student-level{font-size:.65rem;font-weight:700;color:#9b59b6;padding:.125rem .375rem;background:#9b59b626;border-radius:4px}.monitor-alumnos .students-section .students-list .student-card .student-meta .last-active{font-size:.7rem;color:var(--text-tertiary)}.monitor-alumnos .detail-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto;height:500px}.monitor-alumnos .detail-section::-webkit-scrollbar{width:6px}.monitor-alumnos .detail-section::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.monitor-alumnos .detail-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.monitor-alumnos .detail-section::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:1023px){.monitor-alumnos .detail-section{height:auto;min-height:400px}}.monitor-alumnos .detail-section .student-detail{padding:1.25rem;display:flex;flex-direction:column}.monitor-alumnos .detail-section .student-detail .back-to-tips-bar{margin-bottom:1rem}.monitor-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.monitor-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn svg{opacity:.7;transition:transform .2s ease}.monitor-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn:hover{background:var(--hover-bg);color:#9b59b6;border-color:#9b59b64d}.monitor-alumnos .detail-section .student-detail .back-to-tips-bar .back-to-tips-btn:hover svg{opacity:1;transform:translate(-3px)}.monitor-alumnos .detail-section .student-detail .detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.monitor-alumnos .detail-section .student-detail .detail-header .student-avatar-large{font-size:3rem}.monitor-alumnos .detail-section .student-detail .detail-header .student-name-section h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.monitor-alumnos .detail-section .student-detail .detail-header .student-name-section .student-email{display:block;font-size:.75rem;color:var(--text-tertiary);margin-bottom:.25rem}.monitor-alumnos .detail-section .student-detail .detail-header .student-name-section .student-level{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:4px;font-size:.65rem;font-weight:700;color:#fff}.monitor-alumnos .detail-section .student-detail .class-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.monitor-alumnos .detail-section .student-detail .class-info .class-badge{padding:.25rem .5rem;background:#3498db26;color:#3498db;font-size:.75rem;font-weight:600;border-radius:4px}.monitor-alumnos .detail-section .student-detail .class-info .teacher-name{font-size:.75rem;color:var(--text-secondary)}.monitor-alumnos .detail-section .student-detail .detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.monitor-alumnos .detail-section .student-detail .detail-stats .detail-stat{text-align:center;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.monitor-alumnos .detail-section .student-detail .detail-stats .detail-stat .label{display:block;font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.monitor-alumnos .detail-section .student-detail .detail-stats .detail-stat .value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.monitor-alumnos .detail-section .student-detail .detail-stats .detail-stat .value.streak{color:#e67e22}.monitor-alumnos .detail-section .student-detail .detail-stats .detail-stat .progress-ring{width:60px;height:60px;margin:0 auto;border-radius:50%;background:conic-gradient(#9b59b6 calc(var(--progress) * 3.6deg),var(--border-color) 0);display:flex;align-items:center;justify-content:center;position:relative}.monitor-alumnos .detail-section .student-detail .detail-stats .detail-stat .progress-ring:before{content:"";position:absolute;width:48px;height:48px;background:var(--bg-tertiary);border-radius:50%}.monitor-alumnos .detail-section .student-detail .detail-stats .detail-stat .progress-ring .value{position:relative;font-size:.875rem}.monitor-alumnos .detail-section .student-detail .performance-section{margin-bottom:1.5rem}.monitor-alumnos .detail-section .student-detail .performance-section h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.monitor-alumnos .detail-section .student-detail .performance-section .performance-stats{display:flex;gap:1rem}.monitor-alumnos .detail-section .student-detail .performance-section .performance-stats .perf-stat{flex:1;text-align:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.monitor-alumnos .detail-section .student-detail .performance-section .performance-stats .perf-stat .perf-value{display:block;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.monitor-alumnos .detail-section .student-detail .performance-section .performance-stats .perf-stat .perf-label{font-size:.65rem;color:var(--text-tertiary)}.monitor-alumnos .detail-section .student-detail .detail-scroll-container{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.monitor-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar{width:6px}.monitor-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.monitor-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.monitor-alumnos .detail-section .student-detail .detail-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.monitor-alumnos .detail-section .student-detail .bloom-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-header h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-header .bloom-subtitle{font-size:.65rem;color:var(--text-tertiary)}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart{display:flex;flex-direction:column;gap:.625rem}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container{display:flex;align-items:center;gap:.75rem}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-label{width:80px;flex-shrink:0;text-align:right}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-label .bloom-name{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-label .bloom-desc{display:block;font-size:.55rem;color:var(--text-tertiary)}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper{flex:1;display:flex;align-items:center;gap:.5rem}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-bar{flex:1;height:16px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-bar .bloom-fill{height:100%;border-radius:4px;transition:width .5s ease}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-chart .bloom-bar-container .bloom-bar-wrapper .bloom-value{min-width:36px;font-size:.7rem;font-weight:700;color:var(--text-primary);text-align:right}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-legend{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;font-size:.65rem;color:var(--text-secondary)}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-legend p{margin:0;line-height:1.6}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-legend p:not(:last-child){margin-bottom:.5rem}.monitor-alumnos .detail-section .student-detail .bloom-section .bloom-legend p strong{color:var(--text-primary)}.monitor-alumnos .detail-section .student-detail .history-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.monitor-alumnos .detail-section .student-detail .history-section .history-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.monitor-alumnos .detail-section .student-detail .history-section .history-header h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.monitor-alumnos .detail-section .student-detail .history-section .history-header .history-subtitle{font-size:.65rem;color:var(--text-tertiary)}.monitor-alumnos .detail-section .student-detail .history-section .history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.5rem;color:var(--text-tertiary);font-size:.75rem}.monitor-alumnos .detail-section .student-detail .history-section .history-loading .loading-spinner.small{width:24px;height:24px;border-width:2px}.monitor-alumnos .detail-section .student-detail .history-section .history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-tertiary)}.monitor-alumnos .detail-section .student-detail .history-section .history-empty svg{margin-bottom:.5rem;opacity:.5}.monitor-alumnos .detail-section .student-detail .history-section .history-empty p{font-size:.85rem;font-weight:500;margin:0 0 .25rem}.monitor-alumnos .detail-section .student-detail .history-section .history-empty span{font-size:.7rem}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .line-chart{width:100%;height:150px;background:var(--bg-tertiary);border-radius:8px;padding:.5rem}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .line-chart circle{cursor:pointer;transition:r .2s ease}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .line-chart circle:hover{r:6}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .history-stats{display:flex;gap:1rem;margin-top:1rem}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat{flex:1;text-align:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-label{display:block;font-size:.65rem;color:var(--text-tertiary);margin-bottom:.25rem}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-value{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-value.positive{color:#7ee081}.monitor-alumnos .detail-section .student-detail .history-section .history-chart .history-stats .history-stat .stat-value.negative{color:#ff6b6b}.monitor-alumnos .detail-section .student-detail .actions-section{margin-top:auto;display:flex;gap:.75rem}.monitor-alumnos .detail-section .student-detail .actions-section .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.monitor-alumnos .detail-section .student-detail .actions-section .action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.monitor-alumnos .detail-section .student-detail .actions-section .action-btn.primary{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:transparent;color:#fff}.monitor-alumnos .detail-section .student-detail .actions-section .action-btn.primary:hover{filter:brightness(1.1)}.monitor-alumnos .detail-section .student-detail .actions-section .action-btn.ai-analyze{background:linear-gradient(135deg,#3498db,#2980b9);border-color:transparent;color:#fff}.monitor-alumnos .detail-section .student-detail .actions-section .action-btn.ai-analyze:hover{filter:brightness(1.1)}.monitor-alumnos .detail-section .teaching-tips-panel{padding:1.25rem;display:flex;flex-direction:column;height:100%}.monitor-alumnos .detail-section .teaching-tips-panel .tips-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.monitor-alumnos .detail-section .teaching-tips-panel .tips-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.monitor-alumnos .detail-section .teaching-tips-panel .tips-header .tips-subtitle{font-size:.8rem;color:var(--text-tertiary)}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list{flex:1;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding-right:.5rem;padding-bottom:1rem}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar{width:6px}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card{display:flex;gap:1rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border-radius:12px;border-left:4px solid transparent;transition:all .2s ease}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card:hover{background:var(--hover-bg)}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.35rem}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content .tip-title{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card .tip-content .tip-description{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.5}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-warning{border-left-color:#e74c3c;background:#e74c3c14}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-warning .tip-title{color:#e74c3c}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-success{border-left-color:#7ee081;background:#7ee08114}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-success .tip-title{color:#7ee081}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-info{border-left-color:#3498db;background:#3498db14}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-info .tip-title{color:#3498db}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-action{border-left-color:#9b59b6;background:#9b59b614}.monitor-alumnos .detail-section .teaching-tips-panel .tips-list .tip-card.tip-action .tip-title{color:#9b59b6}.monitor-alumnos .detail-section .teaching-tips-panel .tips-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;gap:1.5rem;color:var(--text-tertiary);flex:1}.monitor-alumnos .detail-section .teaching-tips-panel .tips-loading .loading-spinner.small{width:40px;height:40px;border-width:3px}.monitor-alumnos .detail-section .teaching-tips-panel .tips-loading span{font-size:.95rem;font-weight:500}.monitor-alumnos .detail-section .teaching-tips-panel .tips-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:center;gap:1rem}.monitor-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #9b59b64d}.monitor-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666}.monitor-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:active:not(:disabled){transform:translateY(0)}.monitor-alumnos .detail-section .teaching-tips-panel .tips-footer .refresh-tips-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.gestion-contexto{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.gestion-contexto .contexto-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}@media(max-width:767px){.gestion-contexto .contexto-header{flex-direction:column;gap:1rem;padding:1rem}}.gestion-contexto .contexto-header .header-info h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.gestion-contexto .contexto-header .header-info p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.gestion-contexto .contexto-header .header-actions .add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gestion-contexto .contexto-header .header-actions .add-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.gestion-contexto .info-banner{display:flex;align-items:flex-start;gap:1rem;margin:1.5rem 2rem 0;padding:1rem 1.25rem;background:#9b59b61a;border:1px solid rgba(155,89,182,.2);border-radius:12px;flex-shrink:0}@media(max-width:767px){.gestion-contexto .info-banner{margin:1rem;flex-direction:column}}.gestion-contexto .info-banner .banner-icon{width:40px;height:40px;border-radius:8px;background:#9b59b633;color:#9b59b6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gestion-contexto .info-banner .banner-content h3{font-size:.875rem;font-weight:600;color:#9b59b6;margin:0 0 .25rem}.gestion-contexto .info-banner .banner-content p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.5}.gestion-contexto .main-content{display:flex;flex:1;overflow:hidden;padding:1.5rem 2rem;gap:1.5rem}@media(max-width:767px){.gestion-contexto .main-content{flex-direction:column;padding:1rem}}.gestion-contexto .documents-section{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.gestion-contexto .documents-section .section-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.gestion-contexto .documents-section .section-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.gestion-contexto .documents-section .section-header .filters{display:flex;gap:.75rem;flex-wrap:wrap}.gestion-contexto .documents-section .section-header .filters .search-input{flex:1;min-width:180px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px}.gestion-contexto .documents-section .section-header .filters .search-input svg{color:var(--text-tertiary);flex-shrink:0}.gestion-contexto .documents-section .section-header .filters .search-input input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.gestion-contexto .documents-section .section-header .filters .search-input input::placeholder{color:var(--text-tertiary)}.gestion-contexto .documents-section .section-header .filters .type-filter{padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.gestion-contexto .documents-section .section-header .filters .type-filter:focus{outline:none;border-color:#9b59b6}.gestion-contexto .documents-section .documents-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;align-content:start}.gestion-contexto .documents-section .documents-grid .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.gestion-contexto .documents-section .documents-grid .empty-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#9b59b6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.gestion-contexto .documents-section .documents-grid .empty-state svg{color:var(--text-tertiary);opacity:.5;margin-bottom:1rem}.gestion-contexto .documents-section .documents-grid .empty-state p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.gestion-contexto .documents-section .documents-grid .empty-state .add-first-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gestion-contexto .documents-section .documents-grid .empty-state .add-first-btn:hover{filter:brightness(1.1)}.gestion-contexto .documents-section .documents-grid .document-card{padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.gestion-contexto .documents-section .documents-grid .document-card:hover{border-color:#9b59b6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gestion-contexto .documents-section .documents-grid .document-card.selected{border-color:#9b59b6;background:#9b59b61a}.gestion-contexto .documents-section .documents-grid .document-card .card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.gestion-contexto .documents-section .documents-grid .document-card .card-header .doc-icon{font-size:1.25rem}.gestion-contexto .documents-section .documents-grid .document-card .card-header .file-badge{padding:.125rem .5rem;background:#9b59b626;border-radius:4px;font-size:.65rem;font-weight:700;color:#9b59b6;text-transform:uppercase}.gestion-contexto .documents-section .documents-grid .document-card .card-header .tipo-icon{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.gestion-contexto .documents-section .documents-grid .document-card .card-header .tipo-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.gestion-contexto .documents-section .documents-grid .document-card .card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.gestion-contexto .documents-section .documents-grid .document-card .card-description{font-size:.75rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gestion-contexto .documents-section .documents-grid .document-card .card-meta{display:flex;align-items:center;gap:1rem}.gestion-contexto .documents-section .documents-grid .document-card .card-meta .meta-item{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-tertiary)}.gestion-contexto .documents-section .documents-grid .document-card .card-meta .meta-item svg{opacity:.7}.gestion-contexto .preview-section{width:400px;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}@media(max-width:1023px){.gestion-contexto .preview-section{width:340px}}@media(max-width:767px){.gestion-contexto .preview-section{width:100%;flex:1}}.gestion-contexto .preview-section .empty-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.gestion-contexto .preview-section .empty-preview .empty-icon{width:80px;height:80px;border-radius:50%;background:var(--hover-bg);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.gestion-contexto .preview-section .empty-preview .empty-icon svg{color:var(--text-tertiary);opacity:.5}.gestion-contexto .preview-section .empty-preview h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.gestion-contexto .preview-section .empty-preview p{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:250px}.gestion-contexto .preview-section .document-preview{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.25rem}.gestion-contexto .preview-section .document-preview .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.gestion-contexto .preview-section .document-preview .preview-header .preview-tipo .tipo-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:50%;color:#fff;font-size:.75rem;font-weight:600}.gestion-contexto .preview-section .document-preview .preview-header .preview-tipo .doc-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#9b59b626;border-radius:50%;color:#9b59b6;font-size:.75rem;font-weight:600}.gestion-contexto .preview-section .document-preview .preview-header .preview-actions{display:flex;gap:.5rem}.gestion-contexto .preview-section .document-preview .preview-header .preview-actions .action-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.gestion-contexto .preview-section .document-preview .preview-header .preview-actions .action-btn:hover{background:var(--hover-bg)}.gestion-contexto .preview-section .document-preview .preview-header .preview-actions .action-btn.delete{color:#ff6b6b}.gestion-contexto .preview-section .document-preview .preview-header .preview-actions .action-btn.delete:hover{background:#ff6b6b1a;border-color:#ff6b6b}.gestion-contexto .preview-section .document-preview .preview-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.gestion-contexto .preview-section .document-preview .preview-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.gestion-contexto .preview-section .document-preview .preview-meta{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.25rem}.gestion-contexto .preview-section .document-preview .preview-meta .meta-item{display:flex;flex-direction:column;gap:.125rem}.gestion-contexto .preview-section .document-preview .preview-meta .meta-item .meta-label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.gestion-contexto .preview-section .document-preview .preview-meta .meta-item .meta-value{font-size:.8rem;font-weight:500;color:var(--text-primary)}.gestion-contexto .preview-section .document-preview .preview-content{flex:1}.gestion-contexto .preview-section .document-preview .preview-content h4{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.gestion-contexto .preview-section .document-preview .preview-content .content-text{padding:1rem;background:var(--bg-tertiary);border-radius:8px;font-size:.875rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.gestion-contexto .preview-section .document-preview .pdf-preview{flex:1;display:flex;flex-direction:column;min-height:400px}.gestion-contexto .preview-section .document-preview .pdf-preview h4{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-viewer{flex:1;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);min-height:350px}.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-viewer iframe{border:none;background:#fff}.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-loading,.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;background:var(--bg-tertiary);border-radius:8px;min-height:200px}.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-loading .loading-spinner,.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-error .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:#9b59b6;border-radius:50%;animation:spin .8s linear infinite}.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-loading span,.gestion-contexto .preview-section .document-preview .pdf-preview .pdf-error span{font-size:.875rem;color:var(--text-secondary)}.gestion-contexto .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.gestion-contexto .modal-content{width:100%;max-width:600px;max-height:90vh;background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;animation:slideUp .2s ease}.gestion-contexto .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.gestion-contexto .modal-content .modal-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.gestion-contexto .modal-content .modal-header .close-btn{padding:.375rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.gestion-contexto .modal-content .modal-header .close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.gestion-contexto .modal-content .modal-body{flex:1;overflow-y:auto;padding:1.5rem}.gestion-contexto .modal-content .modal-body .form-group{margin-bottom:1.25rem}.gestion-contexto .modal-content .modal-body .form-group:last-child{margin-bottom:0}.gestion-contexto .modal-content .modal-body .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.gestion-contexto .modal-content .modal-body .form-group input[type=text]{width:100%;padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:border-color .15s ease}.gestion-contexto .modal-content .modal-body .form-group input[type=text]:focus{outline:none;border-color:#9b59b6}.gestion-contexto .modal-content .modal-body .form-group input[type=text]::placeholder{color:var(--text-tertiary)}.gestion-contexto .modal-content .modal-body .form-group .tipo-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.gestion-contexto .modal-content .modal-body .form-group .tipo-selector .tipo-option{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease}.gestion-contexto .modal-content .modal-body .form-group .tipo-selector .tipo-option:hover{border-color:var(--tipo-color)}.gestion-contexto .modal-content .modal-body .form-group .tipo-selector .tipo-option.selected{border-color:var(--tipo-color);background:rgba(var(--tipo-color),.1)}.gestion-contexto .modal-content .modal-body .form-group .tipo-selector .tipo-option .option-icon{font-size:1.25rem}.gestion-contexto .modal-content .modal-body .form-group .tipo-selector .tipo-option .option-label{font-size:.7rem;font-weight:500;color:var(--text-primary);text-align:center}.gestion-contexto .modal-content .modal-body .form-group .content-input-area textarea{width:100%;padding:.75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .15s ease}.gestion-contexto .modal-content .modal-body .form-group .content-input-area textarea:focus{outline:none;border-color:#9b59b6}.gestion-contexto .modal-content .modal-body .form-group .content-input-area textarea::placeholder{color:var(--text-tertiary)}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .upload-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .upload-divider:before,.gestion-contexto .modal-content .modal-body .form-group .content-input-area .upload-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .upload-divider span{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone:hover{border-color:#9b59b6;background:#9b59b60d}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone.processing{cursor:wait;border-color:#9b59b6;background:#9b59b60d}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone.has-file{border-style:solid;border-color:#9b59b6;background:#9b59b60d}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone svg{color:var(--text-tertiary)}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone span{font-size:.875rem;color:var(--text-secondary)}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .file-hint{font-size:.75rem;color:var(--text-tertiary)}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .loading-spinner.small{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:#9b59b6;border-radius:50%;animation:spin .8s linear infinite}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.375rem .75rem;background:#9b59b626;border-radius:50%;font-size:.75rem;color:#9b59b6}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file button{width:18px;height:18px;padding:0;background:#9b59b633;border:none;border-radius:50%;color:#9b59b6;font-size:.9rem;line-height:1;cursor:pointer;transition:background .15s ease}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file button:hover{background:#9b59b64d}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file-info{display:flex;align-items:center;gap:.75rem;width:100%}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file-info svg{color:#9b59b6;flex-shrink:0}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file-info .file-details{flex:1;display:flex;flex-direction:column;gap:.125rem;text-align:left}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file-info .file-details .file-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file-info .file-details .file-size{font-size:.75rem;color:var(--text-tertiary)}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file-info .remove-file-btn{padding:.375rem;background:#ff6b6b1a;border:none;border-radius:4px;color:#ff6b6b;cursor:pointer;transition:all .15s ease}.gestion-contexto .modal-content .modal-body .form-group .content-input-area .file-upload-zone .uploaded-file-info .remove-file-btn:hover{background:#ff6b6b33}.gestion-contexto .modal-content .modal-body .form-group .edit-info-message{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px}.gestion-contexto .modal-content .modal-body .form-group .edit-info-message svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.gestion-contexto .modal-content .modal-body .form-group .edit-info-message span{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.gestion-contexto .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);flex-shrink:0}.gestion-contexto .modal-content .modal-footer .cancel-btn{padding:.625rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.gestion-contexto .modal-content .modal-footer .cancel-btn:hover{background:var(--hover-bg)}.gestion-contexto .modal-content .modal-footer .submit-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.gestion-contexto .modal-content .modal-footer .submit-btn:hover:not(:disabled){filter:brightness(1.1)}.gestion-contexto .modal-content .modal-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed}.gestion-contexto .modal-content .modal-footer .submit-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-usuarios{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.admin-usuarios .admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}@media(max-width:767px){.admin-usuarios .admin-header{flex-direction:column;gap:1rem;padding:1rem}}.admin-usuarios .admin-header .header-info h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.admin-usuarios .admin-header .header-info p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.admin-usuarios .admin-header .header-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:767px){.admin-usuarios .admin-header .header-actions{width:100%;justify-content:center}}.admin-usuarios .admin-header .header-actions button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .admin-header .header-actions .template-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.admin-usuarios .admin-header .header-actions .template-btn:hover{background:var(--hover-bg);border-color:#9b59b6}.admin-usuarios .admin-header .header-actions .import-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.admin-usuarios .admin-header .header-actions .import-btn:hover{background:var(--hover-bg);border-color:#3498db}.admin-usuarios .admin-header .header-actions .add-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;color:#fff}.admin-usuarios .admin-header .header-actions .add-btn:hover{filter:brightness(1.1)}.admin-usuarios .tabs-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}@media(max-width:767px){.admin-usuarios .tabs-container{flex-direction:column;gap:1rem;padding:1rem}}.admin-usuarios .tabs-container .tabs{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.25rem;border-radius:8px}.admin-usuarios .tabs-container .tabs .tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .tabs-container .tabs .tab:hover{color:var(--text-primary)}.admin-usuarios .tabs-container .tabs .tab.active{background:var(--bg-secondary);color:#9b59b6;box-shadow:0 1px 3px #0000001a}.admin-usuarios .tabs-container .tabs .tab .tab-count{padding:.125rem .5rem;background:var(--bg-tertiary);border-radius:50%;font-size:.7rem;font-weight:700}.admin-usuarios .tabs-container .tabs .tab.active .tab-count{background:#9b59b626;color:#9b59b6}.admin-usuarios .tabs-container .stats-pills{display:flex;gap:.5rem}.admin-usuarios .tabs-container .stats-pills .pill{padding:.375rem .75rem;background:var(--bg-tertiary);border-radius:50%;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.admin-usuarios .tabs-container .stats-pills .pill.active{background:#7ee08126;color:#7ee081}.admin-usuarios .tabs-container .stats-pills .pill.inactive{background:#ff6b6b26;color:#ff6b6b}.admin-usuarios .tabs-container .stats-pills .pill.limit{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.3)}.admin-usuarios .tabs-container .stats-pills .pill.limit.at-limit{background:#f39c1226;color:#f39c12;border-color:#f39c124d}.admin-usuarios .filters-bar{display:flex;flex-direction:column;gap:.75rem;padding:1rem 2rem;flex-shrink:0}@media(max-width:767px){.admin-usuarios .filters-bar{padding:1rem}}.admin-usuarios .filters-bar .filters-main{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:767px){.admin-usuarios .filters-bar .filters-main{flex-direction:column}}.admin-usuarios .filters-bar .search-input{flex:1;min-width:250px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.admin-usuarios .filters-bar .search-input svg{color:var(--text-tertiary);flex-shrink:0}.admin-usuarios .filters-bar .search-input input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.875rem;outline:none}.admin-usuarios .filters-bar .search-input input::placeholder{color:var(--text-tertiary)}.admin-usuarios .filters-bar .search-input .clear-search{display:flex;align-items:center;justify-content:center;padding:.25rem;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.admin-usuarios .filters-bar .search-input .clear-search:hover{background:var(--hover-bg);color:var(--text-primary)}.admin-usuarios .filters-bar .status-filter{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.admin-usuarios .filters-bar .status-filter:focus{outline:none;border-color:#9b59b6}.admin-usuarios .filters-bar .filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;position:relative}.admin-usuarios .filters-bar .filter-toggle-btn:hover{background:var(--hover-bg)}.admin-usuarios .filters-bar .filter-toggle-btn.active{background:#9b59b61a;border-color:#9b59b6;color:#9b59b6}.admin-usuarios .filters-bar .filter-toggle-btn .filter-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:#9b59b6;border-radius:50%;font-size:.65rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.admin-usuarios .filters-bar .bulk-actions{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px}.admin-usuarios .filters-bar .bulk-actions .selected-count{font-size:.875rem;font-weight:500;color:#ff6b6b}.admin-usuarios .filters-bar .bulk-actions .bulk-delete-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ff6b6b;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .filters-bar .bulk-actions .bulk-delete-btn:hover{background:#ff4242}.admin-usuarios .filters-bar .bulk-actions .clear-selection-btn{padding:.375rem .75rem;background:transparent;border:1px solid rgba(255,107,107,.5);border-radius:4px;color:#ff6b6b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .filters-bar .bulk-actions .clear-selection-btn:hover{background:#ff6b6b1a}.admin-usuarios .extended-filters{display:flex;gap:1rem;padding:0 2rem 1rem;flex-wrap:wrap;align-items:flex-end}@media(max-width:767px){.admin-usuarios .extended-filters{padding:0 1rem 1rem;flex-direction:column;align-items:stretch}}.admin-usuarios .extended-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.admin-usuarios .extended-filters .filter-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.admin-usuarios .extended-filters .filter-group input[type=date]{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem}.admin-usuarios .extended-filters .filter-group input[type=date]:focus{outline:none;border-color:#9b59b6}.admin-usuarios .extended-filters .clear-filters-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .extended-filters .clear-filters-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.admin-usuarios .results-summary{padding:0 2rem .5rem}@media(max-width:767px){.admin-usuarios .results-summary{padding:0 1rem .5rem}}.admin-usuarios .results-summary span{font-size:.75rem;color:var(--text-tertiary)}.admin-usuarios .users-table-container{flex:1;overflow:auto;padding:0 2rem 1.5rem}@media(max-width:767px){.admin-usuarios .users-table-container{padding:0 1rem 1rem}}.admin-usuarios .users-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:12px;overflow:hidden;min-width:700px}@media(max-width:767px){.admin-usuarios .users-table{min-width:600px;font-size:.8rem}}.admin-usuarios .users-table thead{background:var(--bg-tertiary)}.admin-usuarios .users-table thead th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}@media(max-width:767px){.admin-usuarios .users-table thead th{padding:.625rem .75rem;font-size:.65rem}}.admin-usuarios .users-table thead th.checkbox-col{width:40px;padding:.875rem .5rem}.admin-usuarios .users-table thead th.checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#9b59b6}.admin-usuarios .users-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}.admin-usuarios .users-table thead th.sortable:hover{color:var(--text-primary)}.admin-usuarios .users-table thead th.sortable.active{color:#9b59b6}.admin-usuarios .users-table thead th.sortable .sort-icon{margin-left:.375rem;font-size:.8rem}.admin-usuarios .users-table tbody tr{transition:background .15s ease}.admin-usuarios .users-table tbody tr:hover{background:var(--hover-bg)}.admin-usuarios .users-table tbody tr.inactive-row{opacity:.7}.admin-usuarios .users-table tbody tr.selected-row{background:#9b59b614}.admin-usuarios .users-table tbody tr.selected-row:hover{background:#9b59b61f}.admin-usuarios .users-table tbody td{padding:.875rem 1rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.admin-usuarios .users-table tbody td.checkbox-col{width:40px;padding:.875rem .5rem}.admin-usuarios .users-table tbody td.checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#9b59b6}.admin-usuarios .users-table tbody td.email-col{max-width:250px}.admin-usuarios .users-table tbody td.email-col .email-cell{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-usuarios .users-table tbody td.email-col .email-cell .email-warning{flex-shrink:0;color:#f59e0b;cursor:help}.admin-usuarios .users-table tbody td.email-col .email-cell .email-warning svg{display:block}.admin-usuarios .users-table tbody td.email-col .email-cell .email-warning:hover{color:#d97706}.admin-usuarios .users-table tbody td.date-col{white-space:nowrap}.admin-usuarios .users-table .empty-row td{padding:3rem 1rem}.admin-usuarios .users-table .empty-row .empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem}.admin-usuarios .users-table .empty-row .empty-state svg{color:var(--text-tertiary);opacity:.5}.admin-usuarios .users-table .empty-row .empty-state p{color:var(--text-secondary);margin:0}.admin-usuarios .users-table .empty-row .empty-state .clear-filters-link{padding:.375rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:#9b59b6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .users-table .empty-row .empty-state .clear-filters-link:hover{background:#9b59b61a;border-color:#9b59b6}.admin-usuarios .users-table .user-name{display:flex;align-items:center;gap:.75rem}.admin-usuarios .users-table .user-name .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.admin-usuarios .users-table .status-badge{display:inline-block;padding:.25rem .625rem;border-radius:50%;font-size:.7rem;font-weight:600;text-transform:uppercase}.admin-usuarios .users-table .status-badge.active{background:#7ee08126;color:#7ee081}.admin-usuarios .users-table .status-badge.inactive{background:#ff6b6b26;color:#ff6b6b}.admin-usuarios .users-table .actions{display:flex;gap:.5rem}.admin-usuarios .users-table .actions .action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-usuarios .users-table .actions .action-btn.edit{background:#3498db1a;color:#3498db}.admin-usuarios .users-table .actions .action-btn.edit:hover{background:#3498db33}.admin-usuarios .users-table .actions .action-btn.toggle.deactivate{background:#e4c4431a;color:#e4c443}.admin-usuarios .users-table .actions .action-btn.toggle.deactivate:hover{background:#e4c44333}.admin-usuarios .users-table .actions .action-btn.toggle.activate{background:#7ee0811a;color:#7ee081}.admin-usuarios .users-table .actions .action-btn.toggle.activate:hover{background:#7ee08133}.admin-usuarios .users-table .actions .action-btn.delete{background:#ff6b6b1a;color:#ff6b6b}.admin-usuarios .users-table .actions .action-btn.delete:hover{background:#ff6b6b33}.admin-usuarios .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-usuarios .modal-content{background:var(--bg-secondary);border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d}.admin-usuarios .modal-content.import-modal{max-width:560px}.admin-usuarios .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.admin-usuarios .modal-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.admin-usuarios .modal-header .close-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-usuarios .modal-header .close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.admin-usuarios .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.admin-usuarios .modal-body .form-row{margin-bottom:1rem}.admin-usuarios .modal-body .form-row.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:767px){.admin-usuarios .modal-body .form-row.two-columns{grid-template-columns:1fr}}.admin-usuarios .modal-body .form-group{display:flex;flex-direction:column;gap:.375rem}.admin-usuarios .modal-body .form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.admin-usuarios .modal-body .form-group input{padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease}.admin-usuarios .modal-body .form-group input:focus{outline:none;border-color:#9b59b6}.admin-usuarios .modal-body .form-group input::placeholder{color:var(--text-tertiary)}.admin-usuarios .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.admin-usuarios .modal-footer button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.admin-usuarios .modal-footer .cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.admin-usuarios .modal-footer .cancel-btn:hover{background:var(--hover-bg)}.admin-usuarios .modal-footer .submit-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;color:#fff}.admin-usuarios .modal-footer .submit-btn:hover:not(:disabled){filter:brightness(1.1)}.admin-usuarios .modal-footer .submit-btn:disabled{opacity:.7;cursor:not-allowed}.admin-usuarios .modal-footer .template-btn-small{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);margin-right:auto}.admin-usuarios .modal-footer .template-btn-small:hover{background:var(--hover-bg)}.admin-usuarios .import-instructions{margin-bottom:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.admin-usuarios .import-instructions h4{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.admin-usuarios .import-instructions p{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem}.admin-usuarios .import-instructions code{display:block;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:4px;font-size:.75rem;color:#9b59b6;font-family:monospace;margin:.5rem 0}.admin-usuarios .import-instructions .note{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.admin-usuarios .file-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1.5rem;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.admin-usuarios .file-upload-zone:hover{border-color:#9b59b6;background:#9b59b60d}.admin-usuarios .file-upload-zone svg{color:var(--text-tertiary)}.admin-usuarios .file-upload-zone span{font-size:.875rem;color:var(--text-secondary)}.admin-usuarios .file-upload-zone .file-types{font-size:.75rem;color:var(--text-tertiary)}.admin-usuarios .import-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;margin-top:1rem}.admin-usuarios .import-loading span{font-size:.875rem;color:var(--text-secondary)}.admin-usuarios .import-results{margin-top:1.5rem}.admin-usuarios .import-results .result-summary{padding:1rem;background:var(--bg-tertiary);border-radius:8px}.admin-usuarios .import-results .result-summary.success{border-left:3px solid #7EE081}.admin-usuarios .import-results .result-summary.has-errors{border-left:3px solid #e4c443}.admin-usuarios .import-results .result-summary .result-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.admin-usuarios .import-results .result-summary .result-item.success svg{color:#7ee081}.admin-usuarios .import-results .result-summary .result-item.errors svg{color:#ff6b6b}.admin-usuarios .import-results .result-summary .result-item span{font-size:.875rem;color:var(--text-primary)}.admin-usuarios .import-results .error-details{margin-top:1rem;padding:1rem;background:#ff6b6b1a;border-radius:8px}.admin-usuarios .import-results .error-details h5{font-size:.875rem;font-weight:700;color:#ff6b6b;margin:0 0 .75rem}.admin-usuarios .import-results .error-details ul{margin:0;padding:0 0 0 1.25rem}.admin-usuarios .import-results .error-details ul li{font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem}.admin-usuarios .import-results .error-details ul li strong{color:var(--text-primary)}.admin-usuarios .loading-state,.admin-usuarios .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;height:100%}.admin-usuarios .loading-state span,.admin-usuarios .loading-state p,.admin-usuarios .error-state span,.admin-usuarios .error-state p{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-usuarios .loading-state button,.admin-usuarios .error-state button{padding:.625rem 1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:filter .2s ease}.admin-usuarios .loading-state button:hover,.admin-usuarios .error-state button:hover{filter:brightness(1.1)}.admin-usuarios .generated-passwords-notice{display:flex;gap:.75rem;padding:1rem;margin-top:1rem;background:#3498db1a;border:1px solid rgba(52,152,219,.3);border-radius:8px}.admin-usuarios .generated-passwords-notice>svg{flex-shrink:0;color:#3498db}.admin-usuarios .generated-passwords-notice strong{display:block;font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.admin-usuarios .generated-passwords-notice p{font-size:.75rem;color:var(--text-secondary);margin:0 0 .75rem}.admin-usuarios .generated-passwords-notice .download-passwords-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#3498db;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .generated-passwords-notice .download-passwords-btn:hover{background:#2383c4}.admin-usuarios .more-errors{font-style:italic;color:var(--text-tertiary)!important}.admin-usuarios .action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.admin-usuarios .spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.admin-usuarios .confirm-import-modal{max-width:640px}.admin-usuarios .confirm-import-modal .preview-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.admin-usuarios .confirm-import-modal .preview-summary .summary-item{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid #9b59b6}.admin-usuarios .confirm-import-modal .preview-summary .summary-item svg{color:#9b59b6}.admin-usuarios .confirm-import-modal .preview-summary .summary-item.warning{border-left-color:#e4c443}.admin-usuarios .confirm-import-modal .preview-summary .summary-item.warning svg{color:#e4c443}.admin-usuarios .confirm-import-modal .preview-summary .summary-item div{display:flex;flex-direction:column}.admin-usuarios .confirm-import-modal .preview-summary .summary-item div strong{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.admin-usuarios .confirm-import-modal .preview-summary .summary-item div span{font-size:.75rem;color:var(--text-secondary)}.admin-usuarios .confirm-import-modal .preview-table-container{margin-bottom:1rem}.admin-usuarios .confirm-import-modal .preview-table-container h4{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.admin-usuarios .confirm-import-modal .preview-table-container .preview-table{width:100%;border-collapse:collapse;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.admin-usuarios .confirm-import-modal .preview-table-container .preview-table th,.admin-usuarios .confirm-import-modal .preview-table-container .preview-table td{padding:.625rem .75rem;text-align:left;font-size:.75rem;border-bottom:1px solid var(--border-color)}.admin-usuarios .confirm-import-modal .preview-table-container .preview-table th{background:var(--bg-secondary);font-weight:700;color:var(--text-tertiary);text-transform:uppercase}.admin-usuarios .confirm-import-modal .preview-table-container .preview-table td{color:var(--text-primary)}.admin-usuarios .confirm-import-modal .preview-table-container .preview-table .auto-gen{font-size:.65rem;padding:.125rem .375rem;background:#3498db26;color:#3498db;border-radius:4px}.admin-usuarios .confirm-import-modal .preview-table-container .more-users{margin:.75rem 0 0;font-size:.75rem;color:var(--text-tertiary);font-style:italic}.admin-usuarios .confirm-import-modal .preview-errors{padding:1rem;background:#ff6b6b1a;border-radius:8px}.admin-usuarios .confirm-import-modal .preview-errors h4{font-size:.875rem;font-weight:700;color:#ff6b6b;margin:0 0 .75rem}.admin-usuarios .confirm-import-modal .preview-errors ul{margin:0;padding:0 0 0 1.25rem}.admin-usuarios .confirm-import-modal .preview-errors ul li{font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem}.admin-usuarios .confirm-import-modal .preview-errors ul li strong{color:var(--text-primary)}.admin-usuarios .confirm-delete-modal{max-width:500px}.admin-usuarios .confirm-delete-modal .modal-header.danger{border-bottom-color:#ff6b6b4d}.admin-usuarios .confirm-delete-modal .modal-header.danger h2{color:#ff6b6b}.admin-usuarios .confirm-delete-modal .delete-warning{text-align:center;padding:1rem 0}.admin-usuarios .confirm-delete-modal .delete-warning svg{color:#ff6b6b;margin-bottom:.75rem}.admin-usuarios .confirm-delete-modal .delete-warning h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.admin-usuarios .confirm-delete-modal .delete-warning p{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-usuarios .confirm-delete-modal .delete-preview{margin-top:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.admin-usuarios .confirm-delete-modal .delete-preview h4{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list{list-style:none;margin:0;padding:0}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list li:last-child{border-bottom:none}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list li.more-users{font-size:.75rem;color:var(--text-tertiary);font-style:italic;padding-top:.75rem}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list li .avatar-small{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.65rem;flex-shrink:0}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list li .user-details{display:flex;flex-direction:column}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list li .user-details .name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.admin-usuarios .confirm-delete-modal .delete-preview .delete-user-list li .user-details .email{font-size:.7rem;color:var(--text-tertiary)}.admin-usuarios .confirm-delete-modal .delete-confirm-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ff6b6b;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-usuarios .confirm-delete-modal .delete-confirm-btn:hover:not(:disabled){background:#ff4242}.admin-usuarios .confirm-delete-modal .delete-confirm-btn:disabled{opacity:.7;cursor:not-allowed}.admin-usuarios .user-info{display:flex;flex-direction:column}.admin-usuarios .user-info .name{font-weight:500}.admin-usuarios .upgrade-modal{max-width:450px}.admin-usuarios .upgrade-modal .upgrade-content{text-align:center;padding:1.5rem 1rem}.admin-usuarios .upgrade-modal .upgrade-content .upgrade-icon{width:80px;height:80px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#f39c1226,#e74c3c26);border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-usuarios .upgrade-modal .upgrade-content .upgrade-icon svg{color:#f39c12}.admin-usuarios .upgrade-modal .upgrade-content .upgrade-message{font-size:1rem;color:var(--text-primary);line-height:1.6;margin:0 0 1.25rem}.admin-usuarios .upgrade-modal .upgrade-content .trial-info{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f39c121a;border:1px solid rgba(243,156,18,.3);border-radius:50%;font-size:.875rem;color:#f39c12}.admin-usuarios .upgrade-modal .upgrade-content .trial-info svg{flex-shrink:0}.admin-usuarios .upgrade-modal .upgrade-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#7ee081,#5cb85c);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-usuarios .upgrade-modal .upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7ee0814d}.configuracion-institucional{padding:2rem;max-width:1200px;margin:0 auto}@media(max-width:767px){.configuracion-institucional{padding:1rem}}.configuracion-institucional .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.configuracion-institucional .loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-secondary);border-radius:50%;animation:spin .8s linear infinite}.configuracion-institucional .config-header{margin-bottom:2rem}.configuracion-institucional .config-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.configuracion-institucional .config-header p{color:var(--text-secondary);margin:0}.configuracion-institucional .error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:12px;color:#ff4757;margin-bottom:1.5rem}.configuracion-institucional .error-banner svg{flex-shrink:0}.configuracion-institucional .error-banner span{flex:1}.configuracion-institucional .error-banner button{background:none;border:none;color:#ff4757;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.configuracion-institucional .status-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:1.5rem;margin-bottom:1.5rem}.configuracion-institucional .status-card .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.configuracion-institucional .status-card .status-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.configuracion-institucional .status-card .status-badge{padding:.375rem .75rem;border-radius:50%;font-size:.875rem;font-weight:500}.configuracion-institucional .status-card .status-badge.active{background:#7ee08126;color:#7ee081}.configuracion-institucional .status-card .status-badge.trial{background:#e4c44326;color:#e4c443}.configuracion-institucional .status-card .status-badge.warning{background:#ffa50226;color:#ffa502}.configuracion-institucional .status-card .status-badge.inactive{background:var(--hover-bg);color:var(--text-secondary)}.configuracion-institucional .status-card .status-details .current-plan-info{background:var(--hover-bg);border-radius:12px;padding:1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem 2rem}.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row{display:flex;align-items:center;gap:.5rem}.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .plan-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .cost-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .days-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .renewal-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .plan-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .cost-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .days-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .renewal-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .plan-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .cost-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .days-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .renewal-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .plan-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .cost-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .days-label,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .renewal-label{font-size:.875rem;color:var(--text-secondary)}.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .plan-name,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .plan-name,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .plan-name,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .plan-name{font-weight:600;color:var(--accent-secondary)}.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .cost-value,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .cost-value,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .cost-value,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .cost-value{font-weight:600;color:var(--text-primary)}.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .days-value,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .days-value,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .days-value,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .days-value{font-weight:600;color:var(--accent-secondary)}.configuracion-institucional .status-card .status-details .current-plan-info .plan-name-row .renewal-date,.configuracion-institucional .status-card .status-details .current-plan-info .plan-cost-row .renewal-date,.configuracion-institucional .status-card .status-details .current-plan-info .plan-days-row .renewal-date,.configuracion-institucional .status-card .status-details .current-plan-info .plan-renewal-row .renewal-date{color:var(--text-primary)}.configuracion-institucional .status-card .status-details .limits-info{display:flex;gap:2rem}@media(max-width:767px){.configuracion-institucional .status-card .status-details .limits-info{flex-direction:column;gap:1rem}}.configuracion-institucional .status-card .status-details .limits-info .limit-item{display:flex;flex-direction:column;gap:.25rem}.configuracion-institucional .status-card .status-details .limits-info .limit-item .limit-label{font-size:.875rem;color:var(--text-secondary)}.configuracion-institucional .status-card .status-details .limits-info .limit-item .limit-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.configuracion-institucional .status-card .status-details .cancel-notice{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#ffa5021a;border-radius:8px;color:#ffa502;font-size:.875rem}.configuracion-institucional .status-card .status-details .subscription-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.configuracion-institucional .status-card .status-details .subscription-actions .cancel-subscription-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.875rem;cursor:pointer;transition:all .2s ease}.configuracion-institucional .status-card .status-details .subscription-actions .cancel-subscription-btn:hover:not(:disabled){background:#ef44441a}.configuracion-institucional .status-card .status-details .subscription-actions .cancel-subscription-btn:disabled{opacity:.5;cursor:not-allowed}.configuracion-institucional .status-card .status-details .subscription-actions .cancel-subscription-btn svg{width:16px;height:16px}.configuracion-institucional .status-card .status-details .fix-limits-notice{display:flex;gap:.75rem;margin-top:1rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6}.configuracion-institucional .status-card .status-details .fix-limits-notice svg{flex-shrink:0;margin-top:.125rem}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content{flex:1}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content p{margin:0 0 .75rem;font-size:.875rem}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-btn{padding:.5rem 1rem;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-btn:hover{background:#2563eb}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-input-group{display:flex;align-items:center;gap:.5rem}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-input-group label{font-size:.875rem;font-weight:500}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-input-group .quantity-controls.small{display:flex;align-items:center;gap:.25rem}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-input-group .quantity-controls.small button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;cursor:pointer;color:var(--text-primary)}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-input-group .quantity-controls.small button:hover{background:var(--hover-bg)}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-input-group .quantity-controls.small span{min-width:32px;text-align:center;font-weight:500;color:var(--text-primary)}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-actions{display:flex;gap:.5rem;margin-left:auto}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-actions .fix-save-btn{padding:.5rem 1rem;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-actions .fix-save-btn:hover:not(:disabled){background:#2563eb}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-actions .fix-save-btn:disabled{opacity:.6;cursor:not-allowed}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-actions .fix-cancel-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer}.configuracion-institucional .status-card .status-details .fix-limits-notice .fix-limits-content .fix-limits-form .fix-actions .fix-cancel-btn:hover{background:var(--hover-bg)}.configuracion-institucional .config-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:0}.configuracion-institucional .config-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.configuracion-institucional .config-tabs .tab-btn:hover{color:var(--text-primary)}.configuracion-institucional .config-tabs .tab-btn.active{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.configuracion-institucional .config-tabs .tab-btn svg{opacity:.7}.configuracion-institucional .config-tabs .tab-btn.active svg{opacity:1}.configuracion-institucional .tab-content .plans-section .custom-plan{background:linear-gradient(135deg,rgba(var(--accent-secondary-rgb),.08),rgba(var(--accent-secondary-rgb),.02));border:2px solid var(--accent-secondary);border-radius:18px;padding:1.5rem;margin-bottom:2rem;position:relative}.configuracion-institucional .tab-content .plans-section .custom-plan .featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-secondary);color:#fff;padding:.25rem 1rem;border-radius:50%;font-size:.75rem;font-weight:700;white-space:nowrap}.configuracion-institucional .tab-content .plans-section .custom-plan .plan-header{text-align:center;margin-bottom:1.5rem}.configuracion-institucional .tab-content .plans-section .custom-plan .plan-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.configuracion-institucional .tab-content .plans-section .custom-plan .plan-header .plan-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:767px){.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors{grid-template-columns:1fr}}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector label svg{color:var(--accent-secondary)}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector .quantity-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector .quantity-controls button{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:1.125rem;cursor:pointer;transition:all .2s ease}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector .quantity-controls button:hover{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector .quantity-controls span{font-size:1.25rem;font-weight:700;min-width:40px;text-align:center}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-selectors .user-selector .price-per-unit{display:block;text-align:center;font-size:.75rem;color:var(--text-tertiary)}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-summary{background:var(--hover-bg);border-radius:8px;padding:1rem}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-summary .summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary)}.configuracion-institucional .tab-content .plans-section .custom-plan .custom-summary .summary-row.total{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1rem;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.configuracion-institucional .tab-content .plans-section .custom-plan .plan-select{position:absolute;top:1rem;right:1rem}.configuracion-institucional .tab-content .plans-section .custom-plan .plan-select input[type=radio]{width:20px;height:20px;accent-color:var(--accent-secondary)}.configuracion-institucional .tab-content .plans-section .other-plans-section{margin-top:2rem}.configuracion-institucional .tab-content .plans-section .other-plans-section .other-plans-title{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0 0 1rem;text-align:center}.configuracion-institucional .tab-content .plans-section .checkout-details{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.configuracion-institucional .tab-content .plans-section .trial-card{background:linear-gradient(135deg,#7ee0811a,#7ee0810d);border:1px solid rgba(126,224,129,.3);border-radius:18px;padding:1.5rem;margin-bottom:2rem}.configuracion-institucional .tab-content .plans-section .trial-card .trial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.configuracion-institucional .tab-content .plans-section .trial-card .trial-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.configuracion-institucional .tab-content .plans-section .trial-card .trial-header .trial-badge{background:#7ee081;color:#fff;padding:.25rem .75rem;border-radius:50%;font-size:.875rem;font-weight:700}.configuracion-institucional .tab-content .plans-section .trial-card .trial-duration{color:var(--text-secondary);margin:0 0 1rem}.configuracion-institucional .tab-content .plans-section .trial-card .feature-list{list-style:none;padding:0;margin:0 0 1.5rem}.configuracion-institucional .tab-content .plans-section .trial-card .feature-list li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;color:var(--text-primary);font-size:.875rem}.configuracion-institucional .tab-content .plans-section .trial-card .feature-list li svg{color:#7ee081;flex-shrink:0}.configuracion-institucional .tab-content .plans-section .trial-card .trial-btn{width:100%;padding:.875rem;background:#7ee081;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.configuracion-institucional .tab-content .plans-section .trial-card .trial-btn:hover:not(:disabled){background:#5dd85f}.configuracion-institucional .tab-content .plans-section .trial-card .trial-btn:disabled{opacity:.6;cursor:not-allowed}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed rgba(126,224,129,.3)}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-divider{text-align:center;margin-bottom:1rem}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-divider span{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-success{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#7ee0811a;border-radius:8px;color:#7ee081;font-size:.875rem;margin-bottom:1rem}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-success svg{flex-shrink:0}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group{display:flex;gap:.5rem}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group .gift-code-input{flex:1;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;font-weight:600}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group .gift-code-input::placeholder{text-transform:none;letter-spacing:normal;font-weight:400;color:var(--text-tertiary)}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group .gift-code-input:focus{outline:none;border-color:var(--accent-secondary)}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group .gift-code-input:disabled{opacity:.6}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group .gift-code-btn{padding:.75rem 1.5rem;background:var(--accent-secondary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group .gift-code-btn:hover:not(:disabled){background:var(--accent-secondary-dark)}.configuracion-institucional .tab-content .plans-section .trial-card .gift-code-section .gift-code-input-group .gift-code-btn:disabled{opacity:.6;cursor:not-allowed}.configuracion-institucional .tab-content .plans-section .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1023px){.configuracion-institucional .tab-content .plans-section .plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.configuracion-institucional .tab-content .plans-section .plans-grid{grid-template-columns:1fr}}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card{position:relative;background:var(--card-bg);border:2px solid var(--border-color);border-radius:18px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card:hover{border-color:var(--accent-secondary)}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card.selected{border-color:var(--accent-secondary);background:rgba(var(--accent-secondary-rgb),.05)}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card.featured{border-color:#7ee081}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card.featured.selected{background:#7ee0810d}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card.featured .featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#7ee081;color:#fff;padding:.25rem 1rem;border-radius:50%;font-size:.75rem;font-weight:700;white-space:nowrap}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .plan-header{margin-bottom:1rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .plan-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .plan-header .plan-price .amount{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .plan-header .plan-price .interval{font-size:.875rem;color:var(--text-secondary)}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .savings-text{font-size:.875rem;color:#7ee081;margin:0 0 1rem;font-weight:500}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .feature-list{list-style:none;padding:0;margin:0 0 1rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .feature-list li{display:flex;align-items:flex-start;gap:.5rem;padding:.375rem 0;color:var(--text-primary);font-size:.875rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .feature-list li svg{color:#7ee081;flex-shrink:0;margin-top:2px}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .quantity-selector{padding:1rem;background:var(--hover-bg);border-radius:8px;margin-bottom:1rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .quantity-selector label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .quantity-selector .quantity-controls{display:flex;align-items:center;gap:1rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .quantity-selector .quantity-controls button{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:1.125rem;cursor:pointer;transition:all .2s ease}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .quantity-selector .quantity-controls button:hover{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .quantity-selector .quantity-controls span{font-size:1.125rem;font-weight:600;min-width:30px;text-align:center}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .quantity-selector .quantity-total{display:block;margin-top:.5rem;font-size:.75rem;color:#7ee081}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .plan-select{position:absolute;top:1rem;right:1rem}.configuracion-institucional .tab-content .plans-section .plans-grid .plan-card .plan-select input[type=radio]{width:20px;height:20px;accent-color:var(--accent-secondary);cursor:pointer}.configuracion-institucional .tab-content .plans-section .checkout-section{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px}.configuracion-institucional .tab-content .plans-section .checkout-section .checkout-summary{display:flex;justify-content:space-between;align-items:center}.configuracion-institucional .tab-content .plans-section .checkout-section .checkout-summary .summary-label{font-size:1rem;color:var(--text-secondary)}.configuracion-institucional .tab-content .plans-section .checkout-section .checkout-summary .summary-amount{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.configuracion-institucional .tab-content .plans-section .checkout-section .checkout-summary .summary-amount .interval{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.configuracion-institucional .tab-content .plans-section .checkout-section .checkout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent-secondary) 0%,#5cb85c 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.configuracion-institucional .tab-content .plans-section .checkout-section .checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-secondary-rgb),.3)}.configuracion-institucional .tab-content .plans-section .checkout-section .checkout-btn:disabled{opacity:.6;cursor:not-allowed}.configuracion-institucional .tab-content .plans-section .checkout-section .cancel-btn{width:100%;padding:.75rem;background:none;color:#ff4757;border:1px solid #ff4757;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.configuracion-institucional .tab-content .plans-section .checkout-section .cancel-btn:hover:not(:disabled){background:#ff47571a}.configuracion-institucional .tab-content .plans-section .checkout-section .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.configuracion-institucional .tab-content .payments-section .empty-payments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.configuracion-institucional .tab-content .payments-section .empty-payments svg{color:var(--text-tertiary);margin-bottom:1rem}.configuracion-institucional .tab-content .payments-section .empty-payments h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.configuracion-institucional .tab-content .payments-section .empty-payments p{color:var(--text-secondary);margin:0}.configuracion-institucional .tab-content .payments-section .payments-table{background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;overflow:hidden}.configuracion-institucional .tab-content .payments-section .payments-table table{width:100%;border-collapse:collapse}.configuracion-institucional .tab-content .payments-section .payments-table table th,.configuracion-institucional .tab-content .payments-section .payments-table table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.configuracion-institucional .tab-content .payments-section .payments-table table th{background:var(--hover-bg);font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.configuracion-institucional .tab-content .payments-section .payments-table table td{font-size:1rem;color:var(--text-primary)}.configuracion-institucional .tab-content .payments-section .payments-table table tbody tr:last-child td{border-bottom:none}.configuracion-institucional .tab-content .payments-section .payments-table table tbody tr:hover{background:var(--hover-bg)}.configuracion-institucional .tab-content .payments-section .payments-table table .payment-status{display:inline-block;padding:.25rem .75rem;border-radius:50%;font-size:.75rem;font-weight:500}.configuracion-institucional .tab-content .payments-section .payments-table table .payment-status.succeeded{background:#7ee08126;color:#7ee081}.configuracion-institucional .tab-content .payments-section .payments-table table .payment-status.failed{background:#ff475726;color:#ff4757}.configuracion-institucional .tab-content .payments-section .payments-table table .payment-status.pending{background:#ffa50226;color:#ffa502}.institution-panel{display:flex;height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;position:relative}.institution-panel .mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}@media(max-width:767px){.institution-panel .mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.institution-panel .mobile-menu-toggle:hover{background:var(--hover-bg)}.institution-panel .sidebar-overlay{display:none}@media(max-width:767px){.institution-panel .sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}}.institution-panel .panel-sidebar{width:300px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease;flex-shrink:0}@media(max-width:1023px){.institution-panel .panel-sidebar{width:70px}.institution-panel .panel-sidebar .logo-text,.institution-panel .panel-sidebar .logo-text-container,.institution-panel .panel-sidebar .sidebar-button span,.institution-panel .panel-sidebar .theme-toggle span,.institution-panel .panel-sidebar .user-info,.institution-panel .panel-sidebar .nav-section-title,.institution-panel .panel-sidebar .conversations-section{display:none}.institution-panel .panel-sidebar .sidebar-button,.institution-panel .panel-sidebar .theme-toggle{justify-content:center;padding:.75rem}}@media(max-width:767px){.institution-panel .panel-sidebar{position:fixed;left:-300px;top:0;bottom:0;z-index:1000;width:300px}.institution-panel .panel-sidebar .logo-text,.institution-panel .panel-sidebar .logo-text-container,.institution-panel .panel-sidebar .sidebar-button span,.institution-panel .panel-sidebar .theme-toggle span,.institution-panel .panel-sidebar .user-info,.institution-panel .panel-sidebar .nav-section-title,.institution-panel .panel-sidebar .conversations-section{display:block}.institution-panel .panel-sidebar .sidebar-button,.institution-panel .panel-sidebar .theme-toggle{justify-content:flex-start;padding:.75rem 1rem}.institution-panel .panel-sidebar.open{left:0}}.institution-panel .panel-sidebar .sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.institution-panel .panel-sidebar .sidebar-header .logo-section{display:flex;align-items:center;gap:.75rem}@media(max-width:1023px){.institution-panel .panel-sidebar .sidebar-header .logo-section{justify-content:center}}.institution-panel .panel-sidebar .sidebar-header .logo-section .robot-logo{width:36px;height:36px;background:var(--accent-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.institution-panel .panel-sidebar .sidebar-header .logo-section .robot-logo.institution-mode{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.institution-panel .panel-sidebar .sidebar-header .logo-section .robot-logo .robot-head .robot-eyes{display:flex;gap:6px}.institution-panel .panel-sidebar .sidebar-header .logo-section .robot-logo .robot-head .robot-eyes .eye{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 3s infinite}.institution-panel .panel-sidebar .sidebar-header .logo-section .logo-text-container{display:flex;flex-direction:column;gap:0}.institution-panel .panel-sidebar .sidebar-header .logo-section .logo-text-container .logo-text{font-size:1.25rem;font-weight:900;color:var(--text-primary);letter-spacing:.5px;line-height:1.1}.institution-panel .panel-sidebar .sidebar-header .logo-section .logo-text-container .institution-badge{font-size:.65rem;font-weight:700;color:#9b59b6;text-transform:uppercase;letter-spacing:.1em}.institution-panel .panel-sidebar .sidebar-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.5rem}.institution-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar{width:6px}.institution-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-track{background:transparent;margin:4px 0}.institution-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;transition:background .2s ease}.institution-panel .panel-sidebar .sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--text-tertiary))}.institution-panel .panel-sidebar .sidebar-scroll-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section{flex-shrink:0}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section .nav-section-title{padding:.5rem .75rem .375rem;font-size:.65rem;font-weight:700;color:#9b59b6;text-transform:uppercase;letter-spacing:.08em}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.125rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button svg{flex-shrink:0;opacity:.85}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button:hover{background:var(--hover-bg);color:var(--text-primary)}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button:hover svg{opacity:1}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.institution-panel .panel-sidebar .sidebar-scroll-container .nav-section .sidebar-button.active svg{opacity:1}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .75rem .375rem;flex-shrink:0}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .conversations-title{font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn{width:34px;height:34px;font-size:.65rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn:active{transform:scale(.98)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversations-header .new-chat-btn svg{width:16px;height:16px;display:block;fill:#fff}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .loading-conversations{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--text-tertiary);font-size:.875rem}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .loading-conversations .loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:#9b59b6;border-radius:50%;animation:spin .8s linear infinite}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:var(--text-tertiary)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations svg{opacity:.5}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations span{font-size:.875rem}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations .start-chat-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .empty-conversations .start-chat-btn:hover{filter:brightness(1.1)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group{margin-bottom:.5rem}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .group-header{padding:.375rem .75rem;font-size:.6rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item:hover{background:var(--hover-bg)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item:hover .conv-menu-btn{opacity:1}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-icon,.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-title{color:#fff}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-menu-btn{color:#fff9}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item.active .conv-menu-btn:hover{color:#fff;background:#ffffff1a}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-icon{flex-shrink:0;color:var(--text-secondary);opacity:.7}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-title{flex:1;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .edit-input{flex:1;padding:.25rem .5rem;background:var(--input-bg);border:1px solid #9b59b6;border-radius:4px;color:var(--text-primary);font-size:.875rem;outline:none}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-menu-btn{padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .15s ease}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-menu-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown{position:absolute;top:100%;right:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;z-index:10;overflow:hidden;animation:menuSlideIn .15s ease}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s ease;white-space:nowrap}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button:hover{background:var(--hover-bg)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button.delete{color:var(--error-text)}.institution-panel .panel-sidebar .sidebar-scroll-container .conversations-section .conversation-group .conversation-item .conv-dropdown button.delete:hover{background:var(--error-bg)}.institution-panel .panel-sidebar .sidebar-footer{padding:.75rem .5rem;border-top:1px solid var(--border-color);flex-shrink:0}.institution-panel .panel-sidebar .sidebar-footer .theme-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.5rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.institution-panel .panel-sidebar .sidebar-footer .theme-toggle svg{flex-shrink:0;opacity:.85}.institution-panel .panel-sidebar .sidebar-footer .theme-toggle:hover{background:var(--hover-bg);color:var(--text-primary)}.institution-panel .panel-sidebar .sidebar-footer .theme-toggle:hover svg{opacity:1}.institution-panel .panel-sidebar .sidebar-footer .user-menu{position:relative}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}@media(max-width:1023px){.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button{justify-content:center}}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button:hover{background:var(--hover-bg)}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-avatar{width:32px;height:32px;background:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-avatar.institution{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info{flex:1;text-align:left;overflow:hidden}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info .user-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-button .user-info .user-role{display:block;font-size:.7rem;color:#9b59b6;font-weight:500}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0003;overflow:hidden;animation:slideUp .2s ease}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .2s ease}.institution-panel .panel-sidebar .sidebar-footer .user-menu .user-dropdown button:hover{background:var(--hover-bg)}.institution-panel .panel-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0}@media(max-width:767px){.institution-panel .panel-main{padding-top:3.5rem}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.subscription-modal{background:var(--card-bg);border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease}@media(max-width:767px){.subscription-modal{padding:1.5rem;margin:1rem;border-radius:12px}}.subscription-modal .modal-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.subscription-modal .modal-icon{width:64px;height:64px;margin-bottom:1rem}}.subscription-modal .modal-icon svg{color:#fff}@media(max-width:767px){.subscription-modal .modal-icon svg{width:28px;height:28px}}.subscription-modal h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}@media(max-width:767px){.subscription-modal h2{font-size:1.25rem}}.subscription-modal p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}@media(max-width:767px){.subscription-modal p{font-size:.85rem;margin-bottom:1.25rem}}.subscription-modal .modal-actions{display:flex;gap:.75rem;justify-content:center}@media(max-width:767px){.subscription-modal .modal-actions{flex-direction:column-reverse;gap:.5rem}}.subscription-modal .modal-actions .modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}@media(max-width:767px){.subscription-modal .modal-actions .modal-btn{padding:.875rem 1rem;width:100%;font-size:.9rem}}.subscription-modal .modal-actions .modal-btn.secondary{background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-primary)}.subscription-modal .modal-actions .modal-btn.secondary:hover{background:var(--border-color)}.subscription-modal .modal-actions .modal-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.subscription-modal .modal-actions .modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._page_1dld1_1{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:1rem;box-sizing:border-box;overflow:auto}._container_1dld1_16{width:100%;max-width:400px!important;margin:0 auto!important;padding:0!important}._card_1dld1_23{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;text-align:center}._card_1dld1_23 h1{font-size:1.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#062547,#7ee081);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}._subtitle_1dld1_40{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}._form_1dld1_47{display:flex;flex-direction:column;gap:1rem;text-align:left}._formGroup_1dld1_54{display:flex;flex-direction:column;gap:.5rem}._formGroup_1dld1_54 label{color:#334155;font-size:.875rem;font-weight:600}._input_1dld1_65{width:100%;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;transition:all .2s ease;box-sizing:border-box}._input_1dld1_65:focus{outline:none;border-color:#062547;box-shadow:0 0 0 3px #0625471a}._input_1dld1_65::placeholder{color:#94a3b8}._input_1dld1_65:disabled{opacity:.6;cursor:not-allowed}._error_1dld1_89{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;text-align:center}._successState_1dld1_99{text-align:center;padding:1rem 0}._successState_1dld1_99 p{color:#059669;font-size:.95rem;margin:0}._submitButton_1dld1_109{width:100%;padding:.875rem;background:#1e293b;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}._submitButton_1dld1_109:hover:not(:disabled){background:#334155}._submitButton_1dld1_109:disabled{opacity:.6;cursor:not-allowed}._backLink_1dld1_129{display:block;margin-top:1.5rem;color:#062547;font-size:.9rem;text-decoration:none;text-align:center}._backLink_1dld1_129:hover{text-decoration:underline}@media(max-width:480px){._page_1dld1_1{padding:1rem}._card_1dld1_23{padding:1.5rem}}._page_nykga_1{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:1rem;box-sizing:border-box;overflow:auto}._container_nykga_16{width:100%;max-width:400px!important;margin:0 auto!important;padding:0!important}._card_nykga_23{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;text-align:center}._card_nykga_23 h1{font-size:1.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#062547,#7ee081);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}._description_nykga_40{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}._redirect_nykga_47{color:#64748b;font-size:.875rem;margin-top:1rem}._form_nykga_53{display:flex;flex-direction:column;gap:1rem;text-align:left}._formGroup_nykga_60{display:flex;flex-direction:column;gap:.5rem}._formGroup_nykga_60 label{color:#334155;font-size:.875rem;font-weight:600}._input_nykga_71{width:100%;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;transition:all .2s ease;box-sizing:border-box}._input_nykga_71:focus{outline:none;border-color:#062547;box-shadow:0 0 0 3px #0625471a}._input_nykga_71::placeholder{color:#94a3b8}._input_nykga_71:disabled{opacity:.6;cursor:not-allowed}._inputError_nykga_95{border-color:#ef4444!important}._fieldError_nykga_99{color:#ef4444;font-size:.75rem}._error_nykga_104{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;text-align:center}._submitButton_nykga_114{width:100%;padding:.875rem;background:#1e293b;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;text-decoration:none;text-align:center;display:block;box-sizing:border-box}._submitButton_nykga_114:hover:not(:disabled){background:#334155}._submitButton_nykga_114:disabled{opacity:.6;cursor:not-allowed}._backLink_nykga_138{display:block;margin-top:1.5rem;color:#062547;font-size:.9rem;text-decoration:none;text-align:center}._backLink_nykga_138:hover{text-decoration:underline}@media(max-width:480px){._page_nykga_1{padding:1rem}._card_nykga_23{padding:1.5rem}}._page_1ldap_1{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;box-sizing:border-box;overflow:auto}._container_1ldap_16{width:100%;max-width:400px!important;margin:0 auto!important;padding:0!important}._card_1ldap_23{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 24px #0000001a;text-align:center}._card_1ldap_23 h1{font-size:1.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#062547,#7ee081);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}._logo_1ldap_40{margin-bottom:1.5rem}._logoText_1ldap_44{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#062547,#7ee081);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._successIcon_1ldap_53{width:64px;height:64px;margin:0 auto 1.5rem;color:#10b981}._successIcon_1ldap_53 svg{width:100%;height:100%}._description_1ldap_64{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}._redirect_1ldap_71{color:#64748b;font-size:.875rem;margin-top:1rem;animation:_pulse_1ldap_1 1.5s infinite}@keyframes _pulse_1ldap_1{0%,to{opacity:1}50%{opacity:.5}}._form_1ldap_86{display:flex;flex-direction:column;gap:1rem;text-align:left}._formGroup_1ldap_93{display:flex;flex-direction:column;gap:.5rem}._formGroup_1ldap_93 label{color:#334155;font-size:.875rem;font-weight:600}._input_1ldap_104{width:100%;padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:1rem;transition:all .2s ease;box-sizing:border-box}._input_1ldap_104:focus{outline:none;border-color:#062547;box-shadow:0 0 0 3px #0625471a}._input_1ldap_104::placeholder{color:#94a3b8}._input_1ldap_104:disabled{opacity:.6;cursor:not-allowed}._inputError_1ldap_128{border-color:#ef4444!important}._fieldError_1ldap_132{color:#ef4444;font-size:.75rem}._error_1ldap_137{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;text-align:center}._submitButton_1ldap_147{width:100%;padding:.875rem;background:linear-gradient(135deg,#062547,#7ee081);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;text-align:center;display:block;box-sizing:border-box;margin-top:.5rem}._submitButton_1ldap_147:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0625474d}._submitButton_1ldap_147:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}._backLink_1ldap_175{display:block;margin-top:1.5rem;color:#062547;font-size:.9rem;text-decoration:none;text-align:center}._backLink_1ldap_175:hover{text-decoration:underline}@media(max-width:480px){._page_1ldap_1{padding:1rem}._card_1ldap_23{padding:1.5rem}._logoText_1ldap_44{font-size:2rem}}.demo-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .3s ease,color .3s ease}.demo-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;z-index:200}.demo-header .header-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.demo-header .logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.demo-header .logo .logo-icon{width:36px;height:36px;background:var(--accent-primary);border-radius:8px;display:flex;align-items:center;justify-content:center}.demo-header .logo .logo-icon .robot-head .robot-eyes{display:flex;gap:6px}.demo-header .logo .logo-icon .robot-head .robot-eyes .eye{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 3s infinite}.demo-header .logo .logo-text{font-size:1.25rem;font-weight:900;color:var(--text-primary)}.demo-header .header-center{text-align:center}.demo-header .header-center h1{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.demo-header .header-center p{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.demo-header .back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all .3s ease}.demo-header .back-button:hover{background:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-primary)}.feature-pills{display:flex;justify-content:center;gap:1rem;padding:1.5rem 2rem;flex-wrap:wrap}.feature-pills .pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;font-size:.875rem;color:var(--text-secondary)}.feature-pills .pill svg{opacity:.7}.feature-pills .pill.highlight{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.feature-pills .pill.highlight svg{opacity:1}.view-toggle{display:flex;justify-content:center;gap:.5rem;padding:0 2rem 1.5rem;flex-wrap:wrap}.view-toggle button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .3s ease}.view-toggle button svg{width:18px;height:18px}.view-toggle button:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.view-toggle button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.demo-grid{display:flex;flex-direction:column;gap:1.5rem;padding:0 2rem 2rem;max-width:800px;margin:0 auto}.demo-grid.single-view .demo-card{max-height:80vh}.demo-grid.single-view .demo-chat-window{height:600px}@media(max-width:1023px){.demo-grid{padding:0 1rem 1rem}}.demo-preview-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:18px;cursor:pointer;transition:all .25s ease}.demo-preview-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.demo-preview-card:hover .preview-arrow{transform:translate(4px);opacity:1}.demo-preview-card.student{border-left:4px solid #062547}.demo-preview-card.student:hover{border-color:#062547;box-shadow:0 12px 40px #06254726}.demo-preview-card.student .preview-icon{background:#0625471a;color:#062547}.demo-preview-card.student .preview-icon svg{fill:#062547}.demo-preview-card.teacher{border-left:4px solid #7EE081}.demo-preview-card.teacher:hover{border-color:#7ee081;box-shadow:0 12px 40px #7ee08126}.demo-preview-card.teacher .preview-icon{background:#7ee0811a;color:#7ee081}.demo-preview-card.teacher .preview-icon svg{fill:#7ee081}.demo-preview-card.institution{border-left:4px solid #e4c443}.demo-preview-card.institution:hover{border-color:#e4c443;box-shadow:0 12px 40px #e4c44326}.demo-preview-card.institution .preview-icon{background:#e4c44326;color:#bf9f1b}.demo-preview-card.institution .preview-icon svg{fill:#bf9f1b}.demo-preview-card .preview-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-preview-card .preview-icon svg{width:32px;height:32px}.demo-preview-card .preview-content{flex:1}.demo-preview-card .preview-content h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.demo-preview-card .preview-content p{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary)}.demo-preview-card .preview-content .preview-features{display:flex;gap:1rem;flex-wrap:wrap}.demo-preview-card .preview-content .preview-features span{font-size:.8rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:12px}.demo-preview-card .preview-arrow{color:var(--text-tertiary);opacity:.5;transition:all .25s ease;flex-shrink:0}@media(max-width:767px){.demo-preview-card{padding:1rem;gap:1rem}.demo-preview-card .preview-icon{width:48px;height:48px}.demo-preview-card .preview-icon svg{width:24px;height:24px}.demo-preview-card .preview-content h3{font-size:1rem}.demo-preview-card .preview-content p{font-size:.8rem;margin-bottom:.5rem}.demo-preview-card .preview-content .preview-features{gap:.25rem}.demo-preview-card .preview-content .preview-features span{font-size:.7rem;padding:2px .25rem}.demo-preview-card .preview-arrow{display:none}}.demo-card{background:var(--bg-secondary);border-radius:18px;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.demo-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 40px #0000001a}.demo-card.student .card-label{background:#0625471a;border-bottom-color:#06254733;color:#062547}.demo-card.student .demo-chat-window{--role-accent: #062547}.demo-card.teacher .card-label{background:#7ee0811a;border-bottom-color:#7ee08133;color:#7ee081}.demo-card.teacher .demo-chat-window{--role-accent: #7EE081}.demo-card.institution .card-label{background:#e4c44326;border-bottom-color:#e4c44333;color:#bf9f1b}.demo-card.institution .demo-chat-window{--role-accent: #e4c443}.demo-card .card-label{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid;font-size:.875rem;font-weight:600}.demo-card .card-label svg{width:16px;height:16px;fill:currentColor}.demo-card .feature-highlight{display:flex;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.demo-card .feature-highlight .feature-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.demo-card .feature-highlight .feature-item .feature-icon{font-size:1rem}@media(max-width:1023px){.demo-card .feature-highlight{flex-wrap:wrap}}.demo-chat-window{flex:1;display:flex;flex-direction:column;min-height:400px;max-height:500px;background:var(--bg-primary)}.demo-chat-window.with-library{flex-direction:row}.demo-chat-window .demo-library-sidebar{width:180px;min-width:180px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.demo-chat-window .demo-library-sidebar .library-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.7rem;font-weight:600;color:var(--text-primary)}.demo-chat-window .demo-library-sidebar .library-header .library-icon{font-size:.9rem}.demo-chat-window .demo-library-sidebar .library-documents{flex:1;overflow-y:auto;padding:.25rem}.demo-chat-window .demo-library-sidebar .library-documents::-webkit-scrollbar{width:4px}.demo-chat-window .demo-library-sidebar .library-documents::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.demo-chat-window .demo-library-sidebar .library-document{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .15s ease;margin-bottom:2px}.demo-chat-window .demo-library-sidebar .library-document:hover{background:var(--hover-bg)}.demo-chat-window .demo-library-sidebar .library-document.active{background:#3b82f626;border-left:2px solid var(--accent-primary)}.demo-chat-window .demo-library-sidebar .library-document .doc-icon{font-size:1.1rem;flex-shrink:0}.demo-chat-window .demo-library-sidebar .library-document .doc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.demo-chat-window .demo-library-sidebar .library-document .doc-info .doc-title{font-size:.7rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-chat-window .demo-library-sidebar .library-document .doc-info .doc-desc{font-size:.6rem;color:var(--text-tertiary)}.demo-chat-window .demo-library-sidebar .library-document .doc-info .conv-preview{font-size:.6rem;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-chat-window .demo-library-sidebar .library-document .conv-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.demo-chat-window .demo-library-sidebar .library-document .conv-avatar.teacher{background:#7ee081}.demo-chat-window .demo-library-sidebar .library-document .conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.demo-chat-window .demo-library-sidebar .library-document .conv-meta .conv-count{font-size:.65rem;font-weight:600;color:var(--accent-primary);background:#3b82f61a;padding:1px 5px;border-radius:50%}.demo-chat-window .demo-library-sidebar .library-document .conv-meta .conv-date{font-size:.55rem;color:var(--text-tertiary)}.demo-chat-window .demo-library-sidebar.institution .library-stats{display:flex;gap:.25rem;padding:.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.demo-chat-window .demo-library-sidebar.institution .library-stats .stat-item{flex:1;text-align:center}.demo-chat-window .demo-library-sidebar.institution .library-stats .stat-item .stat-value{display:block;font-size:1rem;font-weight:700;color:var(--accent-primary)}.demo-chat-window .demo-library-sidebar.institution .library-stats .stat-item .stat-label{font-size:.55rem;color:var(--text-tertiary)}.demo-chat-window .demo-library-sidebar.institution .library-section{padding:.25rem}.demo-chat-window .demo-library-sidebar.institution .library-section .section-title{font-size:.65rem;font-weight:600;color:var(--text-secondary);padding:.25rem;text-transform:uppercase}.demo-chat-window .demo-chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.demo-chat-window .demo-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.demo-chat-window .demo-chat-header .header-left,.demo-chat-window .demo-chat-header .header-right{display:flex;align-items:center;gap:.5rem}.demo-chat-window .demo-chat-header .role-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary)}.demo-chat-window .demo-chat-header .role-icon svg{width:16px;height:16px}.demo-chat-window .demo-chat-header .header-info h3{margin:0;font-size:.85rem;font-weight:600;color:var(--text-primary)}.demo-chat-window .demo-chat-header .header-info p{margin:1px 0 0;font-size:.65rem;color:var(--text-secondary)}.demo-chat-window .demo-chat-header .document-context-badge{display:flex;align-items:center;gap:.25rem;background:#3b82f61a;color:var(--accent-primary);padding:.25rem .5rem;border-radius:50%;font-size:.6rem;font-weight:500;max-width:140px;border:1px solid rgba(59,130,246,.2)}.demo-chat-window .demo-chat-header .document-context-badge.student{background:#8b5cf61a;border-color:#8b5cf633;color:#8b5cf6}.demo-chat-window .demo-chat-header .document-context-badge svg{flex-shrink:0;width:12px;height:12px}.demo-chat-window .demo-chat-header .document-context-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-chat-window .demo-messages-container{flex:1;overflow-y:auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.demo-chat-window .demo-messages-container::-webkit-scrollbar{width:8px}.demo-chat-window .demo-messages-container::-webkit-scrollbar-track{background:transparent}.demo-chat-window .demo-messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--bg-primary)}.demo-chat-window .demo-messages-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.demo-chat-window .demo-messages-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.demo-chat-window .demo-message{display:flex;animation:messageSlideIn .3s ease-out}.demo-chat-window .demo-message.user{justify-content:flex-end}.demo-chat-window .demo-message.user .message-wrapper{flex-direction:row-reverse;max-width:85%}.demo-chat-window .demo-message.user .message-content{background:var(--message-user-bg);color:var(--message-user-text);border-radius:18px 18px 4px}.demo-chat-window .demo-message.user .user-icon{background:var(--accent-primary);color:#fff}.demo-chat-window .demo-message.assistant .message-wrapper{max-width:90%}.demo-chat-window .demo-message.assistant .message-content{background:var(--message-assistant-bg);color:var(--text-primary);border-radius:18px 18px 18px 4px}.demo-chat-window .demo-message .message-wrapper{display:flex;gap:.5rem}.demo-chat-window .demo-message .message-avatar{flex-shrink:0}.demo-chat-window .demo-message .message-avatar .robot-head{width:32px;height:32px;background:var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center}.demo-chat-window .demo-message .message-avatar .robot-head .robot-eyes{display:flex;gap:5px}.demo-chat-window .demo-message .message-avatar .robot-head .robot-eyes .eye{width:5px;height:5px;background:#fff;border-radius:50%;animation:blink 3s infinite}.demo-chat-window .demo-message .message-avatar .user-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-primary)}.demo-chat-window .demo-message .message-avatar .user-icon svg{fill:#fff}.demo-chat-window .demo-message .message-content{padding:.5rem 1rem;box-shadow:0 1px 3px #0000000d}.demo-chat-window .demo-message .message-content .message-text{font-size:.875rem;line-height:1.6}.demo-chat-window .demo-message .message-content .message-text p{margin:0 0 .5rem}.demo-chat-window .demo-message .message-content .message-text p:last-child{margin-bottom:0}.demo-chat-window .demo-message .message-content .message-text strong{font-weight:600;color:var(--text-primary)}.demo-chat-window .demo-message .message-content .message-text ul,.demo-chat-window .demo-message .message-content .message-text ol{margin:.5rem 0;padding-left:1.5rem}.demo-chat-window .demo-message .message-content .message-text li{margin:.25rem 0}.demo-chat-window .demo-message .message-content .message-text table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.75rem}.demo-chat-window .demo-message .message-content .message-text table th,.demo-chat-window .demo-message .message-content .message-text table td{padding:.25rem .5rem;border:1px solid var(--border-color);text-align:left}.demo-chat-window .demo-message .message-content .message-text table th{background:var(--hover-bg);font-weight:600}.demo-chat-window .demo-message .message-content .message-text code{background:var(--hover-bg);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.85em}.demo-chat-window .demo-message .message-content .message-text .typing-cursor{display:inline-block;width:2px;height:1em;background:var(--accent-primary);margin-left:2px;animation:cursorBlink .8s infinite}.demo-chat-window .demo-message .message-content .message-time{font-size:.65rem;color:var(--text-tertiary);margin-top:.25rem;opacity:.7}.demo-chat-window .demo-message .message-content.loading{padding:1rem}.demo-chat-window .typing-indicator{display:flex;gap:5px;align-items:center}.demo-chat-window .typing-indicator span{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.demo-chat-window .typing-indicator span:nth-child(2){animation-delay:.2s}.demo-chat-window .typing-indicator span:nth-child(3){animation-delay:.4s}.demo-chat-window .demo-chat-input{padding:1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.demo-chat-window .demo-chat-input .input-wrapper{display:flex;gap:.5rem;align-items:flex-end;background:var(--input-bg);border:2px solid var(--border-color);border-radius:18px;padding:.5rem 1rem;transition:all .3s ease}.demo-chat-window .demo-chat-input .input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring)}.demo-chat-window .demo-chat-input .input-wrapper textarea{flex:1;padding:.25rem 0;background:transparent;border:none;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;resize:none;outline:none;line-height:1.5}.demo-chat-window .demo-chat-input .input-wrapper textarea::placeholder{color:var(--text-tertiary)}.demo-chat-window .demo-chat-input .input-wrapper textarea:disabled{opacity:.5}.demo-chat-window .demo-chat-input .input-wrapper .send-button{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:var(--accent-primary);color:#fff}.demo-chat-window .demo-chat-input .input-wrapper .send-button:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.1)}.demo-chat-window .demo-chat-input .input-wrapper .send-button:disabled{opacity:.4;cursor:not-allowed}.demo-cta{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4rem 2rem;text-align:center}.demo-cta .cta-content{max-width:600px;margin:0 auto}.demo-cta .cta-content h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.demo-cta .cta-content p{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem}.demo-cta .cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.demo-cta .cta-buttons .cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#7ee081;color:#fff;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.demo-cta .cta-buttons .cta-primary:hover{background:#5dd85f;transform:translateY(-2px);box-shadow:0 10px 30px #7ee0814d}.demo-cta .cta-buttons .cta-secondary{display:inline-flex;align-items:center;padding:1rem 2rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease}.demo-cta .cta-buttons .cta-secondary:hover{background:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-primary)}.demo-footer{padding:1.5rem 2rem;text-align:center;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.demo-footer p{margin:0;font-size:.875rem;color:var(--text-tertiary)}.demo-footer .powered-by{margin-top:.25rem;font-size:.75rem;color:var(--text-tertiary);opacity:.7}.demo-limit-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:400;animation:fadeIn .2s ease-out}.demo-limit-modal{background:var(--bg-secondary);border-radius:25px;padding:3rem;max-width:420px;width:90%;text-align:center;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .3s ease-out}.demo-limit-modal .modal-icon{margin-bottom:1.5rem}.demo-limit-modal .modal-icon .robot-head.large{width:72px;height:72px;background:var(--accent-primary);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto}.demo-limit-modal .modal-icon .robot-head.large .robot-eyes{display:flex;gap:12px}.demo-limit-modal .modal-icon .robot-head.large .robot-eyes .eye{width:10px;height:10px;background:#fff;border-radius:50%;animation:blink 3s infinite}.demo-limit-modal h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.demo-limit-modal p{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.demo-limit-modal .modal-buttons{display:flex;flex-direction:column;gap:.5rem}.demo-limit-modal .modal-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:18px;font-size:1rem;font-weight:600;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:all .3s ease;border:none}.demo-limit-modal .modal-btn svg{flex-shrink:0}.demo-limit-modal .modal-btn.primary{background:var(--accent-primary);color:#fff}.demo-limit-modal .modal-btn.primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 10px 30px #3b82f64d}.demo-limit-modal .modal-btn.secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.demo-limit-modal .modal-btn.secondary:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.demo-limit-modal .modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:var(--hover-bg);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.demo-limit-modal .modal-close:hover{background:var(--border-color);color:var(--text-primary)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:0}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.demo-header{padding:.5rem 1rem}.demo-header .header-content{flex-wrap:wrap;gap:.5rem}.demo-header .logo .logo-text{font-size:1.125rem}.demo-header .header-center{order:3;width:100%;padding-top:.25rem}.demo-header .header-center h1{font-size:1rem}.demo-header .header-center p{font-size:.7rem}.demo-header .back-button{padding:.25rem .5rem;font-size:.7rem}.demo-header .back-button span{display:none}.feature-pills{padding:.5rem;gap:.25rem}.feature-pills .pill{padding:4px .25rem;font-size:.65rem;gap:4px}.feature-pills .pill svg{width:12px;height:12px}.view-toggle{padding:0 .5rem .5rem;gap:.25rem}.view-toggle button{padding:.25rem .5rem;font-size:.7rem;flex:1;justify-content:center}.view-toggle button svg{width:14px;height:14px}.demo-grid{padding:0 .5rem .5rem}.demo-grid.single-view .demo-card{height:calc(100vh - 200px);max-height:calc(100vh - 200px);display:flex;flex-direction:column}.demo-grid.single-view .demo-chat-window{height:100%;min-height:300px;max-height:none;flex:1;display:flex;flex-direction:column}.demo-grid.single-view .demo-chat-window.with-library .demo-chat-main{flex:1;min-height:0;display:flex;flex-direction:column}.demo-card .card-label{padding:.25rem .5rem;font-size:.7rem}.demo-card .feature-highlight{padding:.5rem;gap:.5rem}.demo-card .feature-highlight .feature-item{font-size:.65rem}.demo-chat-window{min-height:350px;max-height:none}.demo-chat-window .demo-chat-main{display:flex;flex-direction:column;height:100%;min-height:0}.demo-chat-window .demo-messages-container{flex:1;min-height:0;overflow-y:auto}.demo-chat-window .demo-chat-input{flex-shrink:0;position:sticky;bottom:0;background:var(--bg-secondary);z-index:10}.demo-chat-window.with-library{flex-direction:column}.demo-chat-window.with-library .demo-library-sidebar{width:100%;min-width:100%;max-height:120px;border-right:none;border-bottom:1px solid var(--border-color)}.demo-chat-window.with-library .demo-library-sidebar .library-header{padding:.25rem .5rem;font-size:.65rem}.demo-chat-window.with-library .demo-library-sidebar .library-documents{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:.25rem;gap:.25rem}.demo-chat-window.with-library .demo-library-sidebar .library-documents::-webkit-scrollbar{height:3px}.demo-chat-window.with-library .demo-library-sidebar .library-document{flex-shrink:0;min-width:140px;max-width:160px;padding:.25rem;margin-bottom:0}.demo-chat-window.with-library .demo-library-sidebar .library-document .doc-icon{font-size:1rem}.demo-chat-window.with-library .demo-library-sidebar .library-document .doc-info .doc-title{font-size:.65rem}.demo-chat-window.with-library .demo-library-sidebar .library-document .doc-info .doc-desc{font-size:.55rem}.demo-chat-window.with-library .demo-library-sidebar .library-document .doc-info .conv-preview{display:none}.demo-chat-window.with-library .demo-library-sidebar .library-document .conv-avatar{width:20px;height:20px}.demo-chat-window.with-library .demo-library-sidebar .library-document .conv-meta .conv-count{font-size:.55rem;padding:1px 4px}.demo-chat-window.with-library .demo-library-sidebar .library-document .conv-meta .conv-date{display:none}.demo-chat-window.with-library .demo-library-sidebar.institution .library-stats{padding:.25rem;gap:.25rem}.demo-chat-window.with-library .demo-library-sidebar.institution .library-stats .stat-item .stat-value{font-size:.85rem}.demo-chat-window.with-library .demo-library-sidebar.institution .library-stats .stat-item .stat-label{font-size:.5rem}.demo-chat-window.with-library .demo-library-sidebar.institution .library-section{display:none}.demo-chat-window .demo-chat-header{padding:.25rem .5rem}.demo-chat-window .demo-chat-header .role-icon{width:28px;height:28px}.demo-chat-window .demo-chat-header .role-icon svg{width:14px;height:14px}.demo-chat-window .demo-chat-header .header-info h3{font-size:.75rem}.demo-chat-window .demo-chat-header .header-info p{font-size:.6rem}.demo-chat-window .demo-chat-header .document-context-badge{max-width:100px;padding:2px 6px;font-size:.55rem}.demo-chat-window .demo-chat-header .document-context-badge svg{width:10px;height:10px}.demo-chat-window .demo-chat-header .user-badge{display:none}.demo-chat-window .demo-messages-container{padding:.5rem;gap:.5rem}.demo-chat-window .demo-message .message-wrapper{gap:.25rem}.demo-chat-window .demo-message.user .message-wrapper{max-width:90%}.demo-chat-window .demo-message.assistant .message-wrapper{max-width:95%}.demo-chat-window .demo-message .message-avatar .robot-head,.demo-chat-window .demo-message .message-avatar .user-icon{width:28px;height:28px}.demo-chat-window .demo-message .message-avatar .robot-head .robot-eyes .eye{width:4px;height:4px}.demo-chat-window .demo-message .message-avatar .user-icon svg{width:14px;height:14px}.demo-chat-window .demo-message .message-content{padding:.25rem .5rem}.demo-chat-window .demo-message .message-content .message-text{font-size:.8rem;line-height:1.5}.demo-chat-window .demo-message .message-content .message-text ul,.demo-chat-window .demo-message .message-content .message-text ol{padding-left:1rem}.demo-chat-window .demo-message .message-content .message-time{font-size:.55rem}.demo-chat-window .demo-chat-input{padding:.5rem}.demo-chat-window .demo-chat-input .input-wrapper{padding:.25rem .5rem;border-radius:12px}.demo-chat-window .demo-chat-input .input-wrapper textarea{font-size:.85rem;padding:4px 0}.demo-chat-window .demo-chat-input .input-wrapper .send-button{width:32px;height:32px}.demo-chat-window .demo-chat-input .input-wrapper .send-button svg{width:14px;height:14px}.demo-cta{padding:2rem 1rem}.demo-cta .cta-content h2{font-size:1.125rem}.demo-cta .cta-content p{font-size:.875rem}.demo-cta .cta-buttons{flex-direction:column;gap:.5rem}.demo-cta .cta-buttons .cta-primary,.demo-cta .cta-buttons .cta-secondary{width:100%;justify-content:center;padding:.5rem 1.5rem}.demo-footer{padding:1rem}.demo-footer p{font-size:.75rem}.demo-footer .powered-by{font-size:.65rem}}.checkout-page{position:fixed;inset:0;background:#fff;overflow:hidden}.checkout-split{display:flex;height:100%}@media(max-width:767px){.checkout-split{flex-direction:column}}.checkout-brand{flex:0 0 40%;max-width:480px;background:linear-gradient(135deg,#062547,#0c4a8e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media(max-width:767px){.checkout-brand{flex:0 0 auto;min-height:180px;max-width:100%}}.back-btn{position:absolute;top:1.5rem;left:1.5rem;width:40px;height:40px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.back-btn:hover{background:#fff3;transform:translate(-2px)}.brand-content{text-align:center;z-index:2}@media(max-width:767px){.brand-content{transform:scale(.75)}}.checkout-page .robot-logo{width:80px;height:95px;margin:0 auto 1rem;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 20px rgba(0,0,0,.2))}.checkout-page .robot-logo .robot-antenna{width:3px;height:14px;background:#fff;border-radius:2px;position:relative;animation:antennaWave 2s ease-in-out infinite}.checkout-page .robot-logo .robot-antenna .antenna-ball{width:10px;height:10px;background:#7ee081;border-radius:50%;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #7ee081cc;animation:pulse 1.5s ease-in-out infinite}.checkout-page .robot-logo .robot-head{width:80px;height:72px;background:linear-gradient(135deg,#7ee081,#55d659);border-radius:14px;box-shadow:0 6px 20px #7ee08166}.checkout-page .robot-logo .robot-head .robot-eyes{display:flex;justify-content:space-around;padding:26px 20px 0}.checkout-page .robot-logo .robot-head .robot-eyes .eye{width:12px;height:12px;background:#2d3748;border-radius:50%;animation:blink 4s infinite}.brand-name{font-size:3rem;font-weight:900;color:#fff;margin:0;letter-spacing:-1px;text-shadow:0 3px 10px rgba(0,0,0,.2)}.brand-tagline{color:#ffffffd9;font-size:1rem;margin:.5rem 0 0}.decorative-circles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.decorative-circles .circle1,.decorative-circles .circle2{position:absolute;border-radius:50%;opacity:.08}.decorative-circles .circle1{width:300px;height:300px;background:#fff;top:-80px;right:-80px;animation:float 20s ease-in-out infinite}.decorative-circles .circle2{width:200px;height:200px;background:#7ee081;bottom:-40px;left:-40px;animation:float 25s ease-in-out infinite reverse}.checkout-form{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}@media(max-width:767px){.checkout-form{padding:1.5rem;align-items:flex-start}}.form-container{width:100%;max-width:380px}.form-container h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 1.5rem;text-align:center}@media(max-width:767px){.form-container h2{font-size:1.25rem;margin-bottom:1rem}}.plan-cards{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.plan-card{display:flex;align-items:center;padding:.875rem 1rem;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;text-align:left}.plan-card:hover{background:#f1f5f9}.plan-card.selected{border-color:#7ee081;background:#7ee0810d}.plan-card .plan-badge{position:absolute;top:-8px;right:12px;background:#062547;color:#fff;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.plan-card .plan-info{flex:1;display:flex;flex-direction:column;gap:2px}.plan-card .plan-name{font-weight:600;color:#2d3748;font-size:1rem}.plan-card .plan-price{font-size:.875rem;color:#64748b}.plan-card .plan-price small{font-size:.7rem;opacity:.8}.plan-card .plan-check{width:24px;height:24px;border-radius:50%;background:#7ee081;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .2s ease}.plan-card .plan-check.visible{opacity:1;transform:scale(1)}.plan-details{background:#f8fafc;border-radius:12px;padding:1rem;margin-bottom:1.25rem}.plan-details h3{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.plan-details ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.plan-details ul li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#2d3748}.plan-details ul li svg{color:#7ee081;flex-shrink:0}.error-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff47571a;border:1px solid rgba(255,71,87,.2);border-radius:8px;color:#ff4757;font-size:.875rem;margin-bottom:1rem}.checkout-btn{width:100%;padding:1rem;font-size:1rem;font-weight:700;border-radius:12px;border:none;background:linear-gradient(135deg,#7ee081,#5dd861);color:#062547;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 14px #7ee0814d}.checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7ee08166}.checkout-btn:disabled{opacity:.7;cursor:not-allowed}.checkout-btn .spinner{width:20px;height:20px;border:2px solid rgba(6,37,71,.2);border-top-color:#062547;border-radius:50%;animation:spin .6s linear infinite}.security-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:#94a3b8;font-size:.75rem}.security-badge svg{color:#7ee081}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.2);opacity:.8}}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(20px,-20px)}66%{transform:translate(-15px,15px)}}@keyframes _pulse_14mbc_1{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.3)}}._loginPage_14mbc_25{position:fixed;inset:0;display:flex;background:#fff;overflow:hidden}@media(max-width:767px){._loginPage_14mbc_25{flex-direction:column}}._brandingSide_14mbc_41{flex:1;background:linear-gradient(135deg,#062547,#0c4a8e);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}@media(max-width:767px){._brandingSide_14mbc_41{flex:0 0 auto;padding:1.5rem;min-height:200px}}._backButton_14mbc_60{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;color:#ffffffe6;text-decoration:none;font-weight:600;font-size:.875rem;padding:.75rem 1rem;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;z-index:10}._backButton_14mbc_60:hover{background:#fff3;transform:translate(-4px)}._backButton_14mbc_60 svg{transition:transform .3s ease}._backButton_14mbc_60:hover svg{transform:translate(-4px)}@media(max-width:767px){._backButton_14mbc_60{top:1rem;left:1rem;padding:.5rem .75rem;font-size:.75rem}}._brandingContent_14mbc_98{text-align:center;position:relative;z-index:2}@media(max-width:767px){._brandingContent_14mbc_98{transform:scale(.8)}}._robotLogo_14mbc_109{width:100px;height:115px;margin:0 auto 1.5rem;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 8px 24px rgba(0,0,0,.2))}._robotLogo_14mbc_109 ._robotAntenna_14mbc_118{width:4px;height:16px;background:#fff;border-radius:2px;position:relative;transform-origin:bottom center;animation:_antennaWave_14mbc_1 2s ease-in-out infinite}._robotLogo_14mbc_109 ._robotAntenna_14mbc_118 ._antennaBall_14mbc_127{width:12px;height:12px;background:#7ee081;border-radius:50%;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #7ee081cc;animation:_pulse_14mbc_1 1.5s ease-in-out infinite}._robotLogo_14mbc_109 ._robotHead_14mbc_139{width:100%;height:90px;background:linear-gradient(135deg,#7ee081,#55d659);border-radius:16px;position:relative;box-shadow:0 8px 24px #7ee08166}._robotLogo_14mbc_109 ._robotHead_14mbc_139 ._robotEyes_14mbc_147{display:flex;justify-content:space-around;padding:32px 24px 0}._robotLogo_14mbc_109 ._robotHead_14mbc_139 ._robotEyes_14mbc_147 ._eye_14mbc_152{width:14px;height:14px;background:#2d3748;border-radius:50%;animation:_blink_14mbc_1 4s infinite}@media(max-width:767px){._robotLogo_14mbc_109{width:70px;height:82px;margin-bottom:1rem}._robotLogo_14mbc_109 ._robotAntenna_14mbc_118{width:3px;height:12px}._robotLogo_14mbc_109 ._robotAntenna_14mbc_118 ._antennaBall_14mbc_127{width:8px;height:8px;top:-5px}._robotLogo_14mbc_109 ._robotHead_14mbc_139{height:65px;border-radius:12px}._robotLogo_14mbc_109 ._robotHead_14mbc_139 ._robotEyes_14mbc_147{padding:22px 16px 0}._robotLogo_14mbc_109 ._robotHead_14mbc_139 ._robotEyes_14mbc_147 ._eye_14mbc_152{width:10px;height:10px}}._brandName_14mbc_187{font-size:4rem;font-weight:900;color:#fff;margin:0;letter-spacing:-2px;text-shadow:0 4px 12px rgba(0,0,0,.2)}@media(max-width:767px){._brandName_14mbc_187{font-size:2.5rem}}._brandTagline_14mbc_201{color:#ffffffd9;font-size:1.125rem;margin:1rem 0 0;max-width:280px;line-height:1.5}@media(max-width:767px){._brandTagline_14mbc_201{font-size:.875rem;margin-top:.5rem}}._decorativeCircles_14mbc_215{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}._decorativeCircles_14mbc_215 ._circle1_14mbc_224,._decorativeCircles_14mbc_215 ._circle2_14mbc_225{position:absolute;border-radius:50%;opacity:.1}._decorativeCircles_14mbc_215 ._circle1_14mbc_224{width:400px;height:400px;background:#fff;top:-100px;right:-100px;animation:_float_14mbc_1 20s ease-in-out infinite}._decorativeCircles_14mbc_215 ._circle2_14mbc_225{width:300px;height:300px;background:#7ee081;bottom:-50px;left:-50px;animation:_float_14mbc_1 25s ease-in-out infinite reverse}._formSide_14mbc_247{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;overflow-y:auto}@media(max-width:767px){._formSide_14mbc_247{padding:2rem 1.5rem 1.5rem;align-items:flex-start}}._formContainer_14mbc_264{width:100%;max-width:400px}._formHeader_14mbc_269{text-align:center;margin-bottom:2rem}._formHeader_14mbc_269 h2{font-size:2rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}._formHeader_14mbc_269 p{color:#64748b;font-size:1rem;margin:0}@media(max-width:767px){._formHeader_14mbc_269{margin-bottom:1.5rem}._formHeader_14mbc_269 h2{font-size:1.5rem}}._form_14mbc_247{display:flex;flex-direction:column;gap:1.25rem}._formGroup_14mbc_299{display:flex;flex-direction:column;gap:.5rem}._formGroup_14mbc_299 label{font-weight:600;color:#2d3748;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}._passwordLabelRow_14mbc_312{display:flex;justify-content:space-between;align-items:center}._passwordLabelRow_14mbc_312 label{margin-bottom:0}._forgotPasswordLink_14mbc_321{color:#062547;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .3s ease}._forgotPasswordLink_14mbc_321:hover{color:#7ee081;text-decoration:underline}._inputWrapper_14mbc_333{position:relative}._inputWrapper_14mbc_333 ._inputIcon_14mbc_336{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .2s ease}._inputWrapper_14mbc_333 input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#2d3748;font-weight:500;box-sizing:border-box}._inputWrapper_14mbc_333 input:focus{outline:none;border-color:#062547;background:#fff;box-shadow:0 0 0 4px #0625471a}._inputWrapper_14mbc_333 input:focus~._inputIcon_14mbc_336{color:#062547}._inputWrapper_14mbc_333 input:disabled{opacity:.6;cursor:not-allowed}._inputWrapper_14mbc_333 input::placeholder{color:#94a3b8;font-weight:400}._inputWrapper_14mbc_333 input._inputError_14mbc_375{border-color:#ff4757;background:#fff;animation:_shake_14mbc_1 .4s ease}._errorContainer_14mbc_381{background:#fff;border:2px solid #ff4757;border-radius:12px;padding:1.25rem;animation:_slideDown_14mbc_1 .3s ease}._errorHeader_14mbc_389{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}._errorHeader_14mbc_389 svg{flex-shrink:0;color:#ff4757;width:20px;height:20px}._errorHeader_14mbc_389 ._errorTitle_14mbc_401{font-weight:700;color:#fa0016;font-size:.875rem}._errorSuggestions_14mbc_407{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}._errorSuggestions_14mbc_407 li{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:#ff1428;line-height:1.5}._errorSuggestions_14mbc_407 li svg{flex-shrink:0;margin-top:2px;color:#ff2e40;width:16px;height:16px}._submitBtn_14mbc_431{width:100%;padding:1rem;font-size:1rem;font-weight:700;margin-top:.5rem;border-radius:12px;border:none;background:linear-gradient(135deg,#062547,#0a3e76);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #0625474d}._submitBtn_14mbc_431:hover:not(:disabled){background:linear-gradient(135deg,#04192f,#062547);transform:translateY(-2px);box-shadow:0 6px 20px #06254766}._submitBtn_14mbc_431:active:not(:disabled){transform:translateY(0)}._submitBtn_14mbc_431:disabled{opacity:.7;cursor:not-allowed}._submitBtn_14mbc_431 ._spinner_14mbc_461{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:_spin_14mbc_461 .6s linear infinite}._registerLink_14mbc_470{text-align:center;font-size:.875rem;color:#64748b;margin:1rem 0 0}._registerLink_14mbc_470 a{color:#062547;font-weight:600;text-decoration:none}._registerLink_14mbc_470 a:hover{text-decoration:underline}@keyframes _antennaWave_14mbc_1{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes _pulse_14mbc_1{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.2);opacity:.8}}@keyframes _blink_14mbc_1{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes _float_14mbc_1{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}@keyframes _shake_14mbc_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes _slideDown_14mbc_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes _spin_14mbc_461{to{transform:rotate(360deg)}}@keyframes _pulse_umcd5_1{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.3)}}._registerPage_umcd5_25{position:fixed;inset:0;display:flex;background:#fff;overflow:hidden}@media(max-width:767px){._registerPage_umcd5_25{flex-direction:column}}._brandingSide_umcd5_41{flex:0 0 40%;max-width:480px;background:linear-gradient(135deg,#062547,#0c4a8e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media(max-width:767px){._brandingSide_umcd5_41{flex:0 0 auto;min-height:160px;max-width:100%}}._backButton_umcd5_59{position:absolute;top:1.5rem;left:1.5rem;width:40px;height:40px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;text-decoration:none}._backButton_umcd5_59:hover{background:#fff3;transform:translate(-2px)}._brandingContent_umcd5_81{text-align:center;z-index:2}@media(max-width:767px){._brandingContent_umcd5_81{transform:scale(.7)}}._robotLogo_umcd5_91{width:70px;height:85px;margin:0 auto .75rem;display:flex;flex-direction:column;align-items:center}._robotLogo_umcd5_91 ._robotAntenna_umcd5_99{width:3px;height:12px;background:#fff;border-radius:2px;position:relative;animation:_antennaWave_umcd5_1 2s ease-in-out infinite}._robotLogo_umcd5_91 ._robotAntenna_umcd5_99 ._antennaBall_umcd5_107{width:8px;height:8px;background:#7ee081;border-radius:50%;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #7ee081cc}._robotLogo_umcd5_91 ._robotHead_umcd5_118{width:70px;height:65px;background:linear-gradient(135deg,#7ee081,#55d659);border-radius:12px;box-shadow:0 4px 16px #7ee08166}._robotLogo_umcd5_91 ._robotHead_umcd5_118 ._robotEyes_umcd5_125{display:flex;justify-content:space-around;padding:24px 18px 0}._robotLogo_umcd5_91 ._robotHead_umcd5_118 ._robotEyes_umcd5_125 ._eye_umcd5_130{width:10px;height:10px;background:#2d3748;border-radius:50%;animation:_blink_umcd5_1 4s infinite}._brandName_umcd5_138{font-size:2.5rem;font-weight:900;color:#fff;margin:0;letter-spacing:-1px}._brandTagline_umcd5_146{color:#ffffffd9;font-size:.875rem;margin:.25rem 0 0}._decorativeCircles_umcd5_152{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}._decorativeCircles_umcd5_152 ._circle1_umcd5_160,._decorativeCircles_umcd5_152 ._circle2_umcd5_160{position:absolute;border-radius:50%;opacity:.08}._decorativeCircles_umcd5_152 ._circle1_umcd5_160{width:250px;height:250px;background:#fff;top:-60px;right:-60px}._decorativeCircles_umcd5_152 ._circle2_umcd5_160{width:180px;height:180px;background:#7ee081;bottom:-30px;left:-30px}._formSide_umcd5_180{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}@media(max-width:767px){._formSide_umcd5_180{padding:1.5rem;align-items:flex-start}}._formContainer_umcd5_195{width:100%;max-width:400px}._formHeader_umcd5_200{text-align:center;margin-bottom:1.5rem}._formHeader_umcd5_200 h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 .25rem}._formHeader_umcd5_200 p{color:#64748b;font-size:.875rem;margin:0}._form_umcd5_180{display:flex;flex-direction:column;gap:1rem}._formRow_umcd5_222{display:flex;gap:1rem}@media(max-width:767px){._formRow_umcd5_222{flex-direction:column;gap:1rem}}._formRow_umcd5_222 ._formGroup_umcd5_232{flex:1}._formGroup_umcd5_232{display:flex;flex-direction:column;gap:.35rem}._formGroup_umcd5_232 label{font-weight:600;color:#2d3748;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}._formGroup_umcd5_232 input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;transition:all .2s ease;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#2d3748;box-sizing:border-box}._formGroup_umcd5_232 input:focus{outline:none;border-color:#062547;background:#fff;box-shadow:0 0 0 3px #0625471a}._formGroup_umcd5_232 input:disabled{opacity:.6;cursor:not-allowed}._formGroup_umcd5_232 input::placeholder{color:#94a3b8}._errorBox_umcd5_274{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff47571a;border:1px solid rgba(255,71,87,.2);border-radius:8px;color:#ff4757;font-size:.875rem}._submitButton_umcd5_286{width:100%;padding:.875rem;font-size:1rem;font-weight:700;border-radius:10px;border:none;background:linear-gradient(135deg,#7ee081,#5dd861);color:#062547;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-top:.5rem}._submitButton_umcd5_286:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #7ee08166}._submitButton_umcd5_286:disabled{opacity:.7;cursor:not-allowed}._submitButton_umcd5_286 ._spinner_umcd5_310{width:20px;height:20px;border:2px solid rgba(6,37,71,.2);border-top-color:#062547;border-radius:50%;animation:_spin_umcd5_310 .6s linear infinite}._loginLink_umcd5_319{text-align:center;font-size:.875rem;color:#64748b;margin:0}._loginLink_umcd5_319 a{color:#062547;font-weight:600;text-decoration:none}._loginLink_umcd5_319 a:hover{text-decoration:underline}._successContainer_umcd5_334{text-align:center;max-width:420px}._successContainer_umcd5_334 ._successIcon_umcd5_338{color:#7ee081;margin-bottom:1.5rem;animation:_scaleIn_umcd5_1 .5s ease}._successContainer_umcd5_334 h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 .75rem}._successContainer_umcd5_334>p{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}._emailNotice_umcd5_356{display:flex;align-items:flex-start;gap:.75rem;background:linear-gradient(135deg,#06254714,#0625470a);border:2px solid rgba(6,37,71,.15);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;text-align:left}._emailNotice_umcd5_356 svg{flex-shrink:0;color:#062547;margin-top:2px}._emailNotice_umcd5_356 strong{color:#2d3748;font-size:.875rem;font-weight:600;line-height:1.5}._spamNote_umcd5_379{color:#94a3b8;font-size:.875rem;margin:0 0 1.5rem;font-style:italic}._successActions_umcd5_386{display:flex;flex-direction:column;gap:1rem}._primaryButton_umcd5_392{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(135deg,#7ee081,#5dd861);color:#062547;font-weight:700;font-size:1rem;border-radius:12px;text-decoration:none;transition:all .2s ease}._primaryButton_umcd5_392:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7ee08166}@keyframes _antennaWave_umcd5_1{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes _blink_umcd5_1{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes _spin_umcd5_310{to{transform:rotate(360deg)}}@keyframes _scaleIn_umcd5_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--border-color: #e2e8f0;--accent-primary: #062547;--accent-primary-hover: #0a3666;--accent-secondary: #7EE081;--message-user-bg: #062547;--message-user-text: #ffffff;--message-assistant-bg: #f7f7f8;--message-assistant-text: #1f2937;--input-bg: #ffffff;--hover-bg: #f0f2f5;--focus-ring: rgba(6, 37, 71, .1);--scrollbar-thumb: #cbd5e0;--scrollbar-thumb-hover: #a0aec0;--error-bg: #fff5f5;--error-border: #fc8181;--error-text: #c53030}:root[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #6e7681;--border-color: #30363d;--accent-primary: #4DA3FF;--accent-primary-hover: #5eadff;--accent-secondary: #7EE081;--message-user-bg: #4DA3FF;--message-user-text: #ffffff;--message-assistant-bg: #21262d;--message-assistant-text: #f0f0f0;--input-bg: #0d1117;--hover-bg: #21262d;--focus-ring: rgba(77, 163, 255, .2);--scrollbar-thumb: #30363d;--scrollbar-thumb-hover: #484f58;--error-bg: #2d1517;--error-border: #f85149;--error-text: #ff7b72}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--border-color: #e2e8f0;--accent-primary: #062547;--accent-primary-hover: #0a3666;--accent-secondary: #7EE081;--message-user-bg: #062547;--message-user-text: #ffffff;--message-assistant-bg: #f7f7f8;--message-assistant-text: #1f2937;--input-bg: #ffffff;--hover-bg: #f0f2f5;--focus-ring: rgba(6, 37, 71, .1);--scrollbar-thumb: #cbd5e0;--scrollbar-thumb-hover: #a0aec0;--error-bg: #fff5f5;--error-border: #fc8181;--error-text: #c53030}.landing-page{width:100%;min-height:100vh;background:#fff;overflow-x:hidden}.nav-header{position:fixed;top:0;left:0;right:0;background:#062547;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #4da3ff33;z-index:1000;transition:all .3s ease}.nav-header.scrolled{background:#4da3fff2;box-shadow:0 4px 30px #00000026}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}@media(max-width:767px){.nav-container{padding:1rem}}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:translateY(-2px)}.logo .robot-logo{display:flex;flex-direction:column;align-items:center}.logo .robot-logo .robot-antenna{width:3px;height:12px;background:#7ee081;position:relative;animation:antennaWave 2s ease-in-out infinite;transform-origin:bottom center}.logo .robot-logo .robot-antenna .antenna-ball{width:8px;height:8px;background:#7ee081;border-radius:50%;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #7ee081cc;animation:pulse 1.5s ease-in-out infinite}.logo .robot-logo .robot-head{width:35px;height:32px;background:linear-gradient(135deg,#7ee081,#5dd85f);border-radius:10px;position:relative;box-shadow:0 4px 10px #7ee08166}.logo .robot-logo .robot-head .robot-eyes{display:flex;justify-content:space-around;padding:8px 8px 0}.logo .robot-logo .robot-head .robot-eyes .eye{width:6px;height:6px;background:#2d3748;border-radius:50%;animation:blink 4s infinite}.logo .robot-logo{width:50px;height:50px;position:relative}.logo .logo-text{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@media(max-width:767px){.logo .logo-text{font-size:1.2rem}}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0;flex:1;justify-content:center}@media(max-width:1023px){.nav-links{display:none}}.nav-links li a{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative;padding-bottom:5px}.nav-links li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#e4c443;transition:width .3s ease}.nav-links li a:hover{color:#e4c443}.nav-links li a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}@media(max-width:767px){.nav-actions{gap:.5rem}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#fff;z-index:1001}@media(max-width:1023px){.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:28px;height:24px}}.mobile-menu-toggle span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{display:none;position:fixed;inset:0;background:#062547fa;z-index:999;padding-top:80px;opacity:0;visibility:hidden;transition:all .3s ease}@media(max-width:1023px){.mobile-nav{display:block}}.mobile-nav.open{opacity:1;visibility:visible}.mobile-nav .mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;list-style:none;margin:0}.mobile-nav .mobile-nav-links li{width:100%;text-align:center}.mobile-nav .mobile-nav-links li a{display:block;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:600;padding:1rem;border-radius:12px;transition:all .3s ease}.mobile-nav .mobile-nav-links li a:hover{background:#ffffff1a}.mobile-nav .mobile-nav-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 2rem}.mobile-nav .mobile-nav-actions .cta-button{width:100%;max-width:280px;justify-content:center}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border:none;border-radius:25px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;outline:none;position:relative;overflow:hidden;white-space:nowrap}.cta-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.cta-button:focus-visible{box-shadow:0 0 0 3px #4da3ff4d}.cta-button{background:#4da3ff;color:#fff;box-shadow:0 4px 10px #4da3ff4d}.cta-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4da3ff66}.cta-button:active:not(:disabled){transform:translateY(0)}.cta-button{background:#e4c443;color:#2d3748;padding:.75rem 1.5rem;font-weight:700}.cta-button:hover{background:#e1bd2d;transform:translateY(-2px);box-shadow:0 6px 20px #ffd93d66}@media(max-width:767px){.cta-button{padding:.5rem 1rem;font-size:.875rem}}.hero{padding:120px 2rem 80px;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4da3ff0d,#7ee0810d);position:relative;overflow:hidden}@media(max-width:767px){.hero{padding:100px 1rem 60px;min-height:auto}}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(77,163,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.hero .hero-content{max-width:600px;z-index:2;position:relative;animation:slideUp .8s ease-out}@media(max-width:767px){.hero .hero-content{text-align:center}}.hero .hero-title{font-size:3rem;font-weight:900;color:#2d3748;line-height:1.2;margin-bottom:1.5rem}@media(max-width:1023px){.hero .hero-title{font-size:2.5rem}}@media(max-width:767px){.hero .hero-title{font-size:2rem}}.hero .hero-title .highlight{color:#062547;position:relative}.hero .hero-title .highlight:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:8px;background:linear-gradient(90deg,#7ee081,#e4c443);border-radius:4px;opacity:.3}.hero .hero-subtitle{font-size:1.25rem;color:#546787;line-height:1.8;margin-bottom:2rem}@media(max-width:767px){.hero .hero-subtitle{font-size:1rem}}.hero .hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:767px){.hero .hero-buttons{flex-direction:column;width:100%;gap:.75rem}}.hero .hero-visual{flex:1;max-width:500px;position:relative}@media(max-width:1023px){.hero .hero-visual{display:none}}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border:none;border-radius:25px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;outline:none;position:relative;overflow:hidden;white-space:nowrap}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.primary-button:focus-visible{box-shadow:0 0 0 3px #4da3ff4d}.primary-button{background:#4da3ff;color:#fff;box-shadow:0 4px 10px #4da3ff4d}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4da3ff66}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button{padding:1rem 2rem;font-size:1.125rem}.primary-button:hover{background:#020c18}@media(max-width:767px){.primary-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;justify-content:center}}.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border:none;border-radius:25px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;outline:none;position:relative;overflow:hidden;white-space:nowrap}.secondary-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.secondary-button:focus-visible{box-shadow:0 0 0 3px #4da3ff4d}.secondary-button{background:transparent;color:#4da3ff;border:2px solid #4DA3FF}.secondary-button:hover:not(:disabled){background:#4da3ff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #4da3ff4d}.secondary-button{padding:1rem 2rem;font-size:1.125rem}@media(max-width:767px){.secondary-button{width:100%;padding:.875rem 1.5rem;font-size:1rem;justify-content:center}}.features{padding:80px 2rem;background:#fff}@media(max-width:767px){.features{padding:60px 1rem}}.features .container{max-width:1200px;margin:0 auto}.features .section-title{font-size:2.5rem;font-weight:900;text-align:center;color:#2d3748;margin-bottom:3rem;position:relative}@media(max-width:767px){.features .section-title{font-size:2rem}}.features .section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#7ee081,#062547);border-radius:2px}.features .section-description{text-align:center;font-size:1.125rem;color:#546787;max-width:800px;margin:0 auto 3rem;line-height:1.8}.features .features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:4rem}@media(max-width:1023px){.features .features-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:767px){.features .features-grid{grid-template-columns:1fr;gap:1.5rem}}.how-it-works{background:linear-gradient(135deg,#4da3ff0d,#7ee0810d);border-radius:18px;padding:3rem;margin-top:2rem}@media(max-width:767px){.how-it-works{padding:2rem 1.5rem}}.how-it-works h3{text-align:center;font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:2rem}.how-it-works .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media(max-width:1023px){.how-it-works .steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.how-it-works .steps{grid-template-columns:1fr;gap:1.5rem}}.how-it-works .step{display:flex;flex-direction:column;align-items:center;text-align:center}.how-it-works .step .step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#062547,#020c18);color:#fff;font-size:1.25rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 15px #4da3ff4d}.how-it-works .step .step-content h4{font-size:1.125rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.how-it-works .step .step-content p{font-size:.875rem;color:#5e7396;line-height:1.6}.feature-card{background:#fff;border-radius:18px;padding:2rem;text-align:center;transition:all .3s ease;border:2px solid #e2e8f0;position:relative;overflow:hidden}@media(max-width:767px){.feature-card{padding:1.5rem}}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7ee081,#062547);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003;border-color:#062547}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1);background:#062547;color:#fff}@media(max-width:767px){.feature-card:hover{transform:translateY(-5px)}}.feature-card .feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;transition:transform .3s ease}@media(max-width:767px){.feature-card .feature-icon{font-size:2.5rem;margin-bottom:1rem}}.feature-card .feature-icon-wrapper{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#4da3ff1a,#7ee0811a);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#062547;transition:all .3s ease}@media(max-width:767px){.feature-card .feature-icon-wrapper{width:56px;height:56px;margin-bottom:1rem}}.feature-card h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}@media(max-width:767px){.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}}.feature-card p{color:#5e7396;line-height:1.8;font-size:1rem}@media(max-width:767px){.feature-card p{font-size:.875rem;line-height:1.6}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.section-title{font-size:2.5rem;font-weight:900;text-align:center;color:#2d3748;margin-bottom:3rem;position:relative}@media(max-width:767px){.section-title{font-size:2rem}}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#7ee081,#062547);border-radius:2px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.institution-section{padding:80px 2rem;background:linear-gradient(135deg,#4da3ff0d,#7ee08108)}@media(max-width:767px){.institution-section{padding:60px 1rem}}.institution-section .section-title:after{background:linear-gradient(90deg,#062547,#7ee081)}.institution-section .section-description{text-align:center;font-size:1.125rem;color:#546787;max-width:700px;margin:0 auto 3rem;line-height:1.8}.institution-section .institution-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1.5rem;margin-bottom:3rem}@media(max-width:1023px){.institution-section .institution-grid{grid-template-columns:1fr}}.institution-section .institution-card{background:#fff;border-radius:18px;padding:2rem;border:2px solid #e2e8f0;transition:all .3s ease}.institution-section .institution-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003;border-color:#062547}.institution-section .institution-card.main-card{grid-row:span 2;border-color:#062547;background:linear-gradient(135deg,#4da3ff0d,#fff)}@media(max-width:1023px){.institution-section .institution-card.main-card{grid-row:span 1}}.institution-section .institution-card.main-card .card-header svg{color:#062547}.institution-section .institution-card .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.institution-section .institution-card .card-header svg{color:#062547;flex-shrink:0}.institution-section .institution-card .card-header h3{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0}.institution-section .institution-card p{color:#546787;line-height:1.7;font-size:1rem}.institution-section .institution-card .card-features{list-style:none;padding:0;margin:1.5rem 0 0}.institution-section .institution-card .card-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:1rem;color:#414f67}.institution-section .institution-card .card-features li svg{color:#7ee081;flex-shrink:0}.institution-section .institution-cta{text-align:center;background:linear-gradient(135deg,#062547,#000);border-radius:18px;padding:3rem;color:#fff}@media(max-width:767px){.institution-section .institution-cta{padding:2rem 1.5rem}}.institution-section .institution-cta h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:767px){.institution-section .institution-cta h3{font-size:1.25rem}}.institution-section .institution-cta p{font-size:1.125rem;color:#ffffffe6;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:767px){.institution-section .institution-cta p{font-size:1rem}}.institution-section .institution-cta .primary-button{background:#fff;color:#062547}.institution-section .institution-cta .primary-button:hover{background:#f2f2f2;transform:translateY(-2px)}.contact-whatsapp{padding:80px 2rem;background:linear-gradient(135deg,#25d366,#1a9247)}@media(max-width:767px){.contact-whatsapp{padding:60px 1rem}}.contact-whatsapp .contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-whatsapp .contact-content h2{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:1rem}@media(max-width:767px){.contact-whatsapp .contact-content h2{font-size:2rem}}.contact-whatsapp .contact-content p{font-size:1.125rem;color:#ffffffe6;margin-bottom:2rem}.contact-whatsapp .whatsapp-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:#fff;color:#25d366;border-radius:12px;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003}.contact-whatsapp .whatsapp-button svg{flex-shrink:0}.contact-whatsapp .whatsapp-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.footer{padding:40px 2rem;background:#2d3748}@media(max-width:767px){.footer{padding:30px 1rem}}.footer .container{display:flex;justify-content:center}.footer .footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.footer .footer-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.footer .footer-logo .logo-text{font-size:1.5rem;font-weight:900;color:#fff}.footer .footer-tagline{font-size:.875rem;color:#ffffffb3;margin-bottom:1rem}.footer .footer-trademark{font-size:.875rem;color:#ffffffb3;margin-bottom:.5rem}.footer .footer-developed{font-size:.875rem;color:#fff9;margin-bottom:1rem}.footer .footer-developed a{color:#fff9;text-decoration:none;transition:color .3s ease}.footer .footer-developed a:hover{color:#e4c443}.footer .footer-copyright{font-size:.75rem;color:#ffffff80}.game-test{max-width:800px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.game-test h1{text-align:center;margin-bottom:2rem}.game-test section{background:#f5f5f5;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.game-test section h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem}.game-test .status-section .status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:700;margin-bottom:.5rem}.game-test .status-section .status-badge.connected{background:#d4edda;color:#155724}.game-test .status-section .status-badge.disconnected{background:#f8d7da;color:#721c24}.game-test .status-section .error{color:#dc3545;background:#f8d7da;padding:.5rem;border-radius:4px}.game-test .api-section .button-group{display:flex;gap:1rem;margin-bottom:1rem}.game-test .api-section .result-box{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;margin-top:1rem}.game-test .api-section .result-box h4{margin-top:0;margin-bottom:.5rem}.game-test .api-section .result-box pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.85rem;max-height:300px;overflow-y:auto}.game-test .controls-section .form-group{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem}.game-test .controls-section .form-group h3{margin-top:0;margin-bottom:1rem}.game-test .controls-section .form-group input{display:block;width:100%;padding:.75rem;margin-bottom:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.game-test .controls-section .form-group input:focus{outline:none;border-color:#007bff}.game-test .controls-section .divider{text-align:center;color:#666;margin:1rem 0;font-weight:700}.game-test button{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.game-test button:hover:not(:disabled){background:#0056b3}.game-test button:disabled{background:#ccc;cursor:not-allowed}.game-test .game-section .session-info{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem}.game-test .game-section .session-info h2{margin-top:0}.game-test .game-section .session-info .pin{font-size:1.5rem;color:#007bff}.game-test .game-section .session-info .pin strong{font-size:2rem;letter-spacing:4px}.game-test .game-section .session-info .leave-btn{background:#dc3545;margin-top:1rem}.game-test .game-section .session-info .leave-btn:hover{background:#c82333}.game-test .game-section .players-list{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem}.game-test .game-section .players-list h3{margin-top:0}.game-test .game-section .players-list ul{list-style:none;padding:0;margin:0}.game-test .game-section .players-list ul li{padding:.5rem;border-bottom:1px solid #eee}.game-test .game-section .players-list ul li.host{font-weight:700}.game-test .game-section .players-list ul li:last-child{border-bottom:none}.game-test .game-section .host-controls{background:#e7f3ff;padding:1rem;border-radius:8px;margin-top:1rem}.game-test .game-section .host-controls h3{margin-top:0}.game-test .game-section .host-controls button{margin-right:.5rem}.game-test .game-section .question-box{background:#fff;padding:1.5rem;border-radius:8px}.game-test .game-section .question-box .question-header{display:flex;justify-content:space-between;margin-bottom:1rem;color:#666}.game-test .game-section .question-box .question-header .timer{font-size:1.5rem;font-weight:700;color:#dc3545}.game-test .game-section .question-box h3{margin-bottom:1.5rem}.game-test .game-section .question-box .options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.game-test .game-section .question-box .options .option{background:#f0f0f0;color:#333;padding:1rem;text-align:left}.game-test .game-section .question-box .options .option.selected{background:#007bff;color:#fff}.game-test .game-section .question-box .options .option:hover:not(.selected){background:#e0e0e0}.game-test .game-section .question-box textarea{width:100%;min-height:100px;padding:1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;resize:vertical}.game-test .game-section .question-box .submit-btn{margin-top:1rem;width:100%;background:#28a745}.game-test .game-section .question-box .submit-btn:hover{background:#218838}.game-test .game-section .results-box{background:#fff;padding:1.5rem;border-radius:8px}.game-test .game-section .results-box .player-result{padding:1rem;border-radius:8px;margin-bottom:1rem}.game-test .game-section .results-box .player-result.correct{background:#d4edda;color:#155724}.game-test .game-section .results-box .player-result.wrong{background:#f8d7da;color:#721c24}.game-test .game-section .results-box .player-result .feedback{font-style:italic;margin-top:.5rem}.game-test .game-section .leaderboard,.game-test .game-section .final-leaderboard{background:#fff;padding:1.5rem;border-radius:8px}.game-test .game-section .leaderboard h3,.game-test .game-section .leaderboard h4,.game-test .game-section .final-leaderboard h3,.game-test .game-section .final-leaderboard h4{margin-top:0}.game-test .game-section .leaderboard ol,.game-test .game-section .final-leaderboard ol{list-style:none;padding:0;margin:0}.game-test .game-section .leaderboard ol li,.game-test .game-section .final-leaderboard ol li{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid #eee}.game-test .game-section .leaderboard ol li:nth-child(1),.game-test .game-section .final-leaderboard ol li:nth-child(1){background:#fff9e6}.game-test .game-section .leaderboard ol li:nth-child(2),.game-test .game-section .final-leaderboard ol li:nth-child(2){background:#f5f5f5}.game-test .game-section .leaderboard ol li:nth-child(3),.game-test .game-section .final-leaderboard ol li:nth-child(3){background:#fef0e6}.game-test .game-section .leaderboard ol li .rank,.game-test .game-section .final-leaderboard ol li .rank{font-weight:700;width:40px}.game-test .game-section .leaderboard ol li .name,.game-test .game-section .final-leaderboard ol li .name{flex:1}.game-test .game-section .leaderboard ol li .score,.game-test .game-section .final-leaderboard ol li .score{font-weight:700;color:#007bff}.game-test .game-section .leaderboard ol li .accuracy,.game-test .game-section .final-leaderboard ol li .accuracy{margin-left:1rem;color:#666}.game-test .game-section .game-results{text-align:center}.game-test .game-section .game-results h2{font-size:2rem;margin-bottom:.5rem}.game-test .game-section .end-btn{background:#dc3545;margin-top:1rem}.game-test .game-section .end-btn:hover{background:#c82333}@media(prefers-color-scheme:dark){.game-test{color:#e0e0e0}.game-test section{background:#2d2d2d}.game-test .controls-section .form-group,.game-test .game-section .session-info,.game-test .game-section .players-list,.game-test .game-section .question-box,.game-test .game-section .results-box,.game-test .game-section .leaderboard,.game-test .game-section .final-leaderboard{background:#3d3d3d}.game-test input,.game-test textarea{background:#4d4d4d;color:#e0e0e0;border-color:#555}.game-test .api-section .result-box{background:#3d3d3d;border-color:#555}}.game-container{min-height:100vh;background:linear-gradient(135deg,#062547,#0a3666);color:#fff;padding:20px;position:relative;overflow:hidden;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.game-container:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%237EE081' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.nio-logo{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#fff;z-index:10}.nio-logo span{color:#7ee081}.btn-back{position:absolute;top:20px;left:20px;background:#7ee08126;border:1px solid rgba(126,224,129,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s;z-index:10}.btn-back:hover{background:#7ee08140;border-color:#7ee08180}.btn-primary{background:linear-gradient(180deg,#7ee081,#5dd85f);border:none;color:#062547;padding:15px 40px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #06254726}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #7ee08166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.btn-large{padding:20px 60px;font-size:20px}.btn-primary .spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(6,37,71,.3);border-radius:50%;border-top-color:#062547;animation:spin 1s linear infinite;margin-right:10px}.btn-secondary{background:#ffffff1a;border:2px solid rgba(126,224,129,.4);color:#fff;padding:15px 40px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#7ee08126;border-color:#7ee081}.btn-danger{background:#ff475733;border:2px solid rgba(255,71,87,.5);color:#fff;padding:12px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ff47574d;border-color:#ff4757}.btn-leave{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-leave:hover{background:#ffffff1a;color:#fff}.error-message{background:#ff475726;border:1px solid rgba(255,71,87,.5);padding:15px;border-radius:12px;margin-bottom:20px;text-align:center}.connection-status{background:#e4c44333;border:1px solid rgba(228,196,67,.5);padding:10px;border-radius:8px;margin-bottom:20px;text-align:center}.connection-status.connecting{animation:pulse 2s infinite}.game-create{display:flex;align-items:center;justify-content:center;flex-direction:column}.game-create .create-card{background:#fff;color:#2d3748;padding:40px;border-radius:20px;width:100%;max-width:500px;box-shadow:0 4px 20px #06254726}.game-create .create-card h1{text-align:center;margin-bottom:30px;color:#062547;font-weight:700}.game-create .create-card .form-group{margin-bottom:25px}.game-create .create-card .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#4b5563}.game-create .create-card .form-group input{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:border-color .2s}.game-create .create-card .form-group input:focus{outline:none;border-color:#7ee081}.game-create .create-card .question-count-selector{display:flex;gap:10px}.game-create .create-card .question-count-selector .count-btn{flex:1;padding:15px;border:2px solid #e2e8f0;background:#fff;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.game-create .create-card .question-count-selector .count-btn:hover{border-color:#7ee081}.game-create .create-card .question-count-selector .count-btn.active{background:#062547;border-color:#062547;color:#fff}.game-create .create-card .btn-primary{width:100%;margin-top:20px}.game-join{display:flex;align-items:center;justify-content:center;flex-direction:column}.game-join .join-card{background:#fff;color:#2d3748;padding:40px;border-radius:20px;width:100%;max-width:450px;box-shadow:0 4px 20px #06254726;text-align:center}.game-join .join-card h1{color:#062547;margin-bottom:30px;font-weight:700}.game-join .join-card .form-section{margin-bottom:25px}.game-join .join-card .form-section label{display:block;margin-bottom:10px;font-weight:600;color:#4b5563}.game-join .join-card .pin-inputs{display:flex;gap:8px;justify-content:center}.game-join .join-card .pin-inputs .pin-input{width:50px;height:60px;text-align:center;font-size:28px;font-weight:700;border:2px solid #e2e8f0;border-radius:12px;color:#062547}.game-join .join-card .pin-inputs .pin-input:focus{outline:none;border-color:#7ee081}.game-join .join-card .nickname-input{width:100%;padding:15px;text-align:center;font-size:18px;border:2px solid #e2e8f0;border-radius:12px}.game-join .join-card .nickname-input:focus{outline:none;border-color:#7ee081}.game-join .join-card .btn-primary{width:100%;margin-top:10px}.game-lobby{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding-top:60px}.game-lobby .lobby-header{margin-bottom:30px}.game-lobby .lobby-header h1{font-size:36px;margin-bottom:10px;font-weight:700}.game-lobby .lobby-header .topic{opacity:.8;font-size:18px}.game-lobby .pin-display{background:#fff;color:#062547;padding:30px 60px;border-radius:20px;margin-bottom:30px;box-shadow:0 4px 20px #06254726}.game-lobby .pin-display p{margin:0;font-size:16px;color:#6b7280}.game-lobby .pin-display .pin{font-size:72px;font-weight:700;letter-spacing:8px;margin:10px 0}.game-lobby .pin-display .join-url{font-size:14px;color:#9ca3af}.game-lobby .lobby-content{display:flex;gap:30px;width:100%;max-width:900px;margin-bottom:30px}.game-lobby .players-section{flex:1;background:#ffffff1a;border-radius:16px;padding:20px}.game-lobby .players-section h3{margin-bottom:20px;font-weight:600}.game-lobby .players-section .players-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;min-height:100px}.game-lobby .players-section .players-grid .player-card{background:#7ee08133;border:1px solid rgba(126,224,129,.3);padding:12px 20px;border-radius:50px;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease-out}.game-lobby .players-section .players-grid .player-card .avatar{width:36px;height:36px;background:#7ee081;color:#062547;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.game-lobby .players-section .players-grid .player-card .name{font-size:15px}.game-lobby .players-section .players-grid .waiting-text{opacity:.6;font-style:italic}.game-lobby .top-players-section{width:280px;background:#ffffff1a;border-radius:16px;padding:20px}.game-lobby .top-players-section h3{margin-bottom:15px;font-weight:600;display:flex;align-items:center;gap:8px}.game-lobby .top-players-section h3:before{content:"🏆"}.game-lobby .top-players-section .top-player-item{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:8px;background:#ffffff0d;border-radius:10px}.game-lobby .top-players-section .top-player-item.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.2),transparent)}.game-lobby .top-players-section .top-player-item.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.2),transparent)}.game-lobby .top-players-section .top-player-item.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.2),transparent)}.game-lobby .top-players-section .top-player-item .rank{width:28px;height:28px;background:#062547;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.game-lobby .top-players-section .top-player-item .avatar{width:32px;height:32px;background:#7ee081;color:#062547;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.game-lobby .top-players-section .top-player-item .info{flex:1}.game-lobby .top-players-section .top-player-item .info .name{font-size:14px;font-weight:500}.game-lobby .top-players-section .top-player-item .info .score{font-size:12px;opacity:.7}.game-lobby .top-players-section .no-scores{text-align:center;opacity:.5;font-style:italic;padding:20px}.game-lobby .lobby-actions{display:flex;gap:15px;margin-top:20px}.game-waiting{display:flex;align-items:center;justify-content:center}.game-waiting .waiting-content{text-align:center}.game-waiting .waiting-content h1{font-size:48px;margin-bottom:30px;animation:bounce 2s infinite;font-weight:700}.game-waiting .waiting-content .player-info{margin-bottom:30px}.game-waiting .waiting-content .player-info .avatar.large{width:100px;height:100px;background:#7ee081;color:#062547;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 15px}.game-waiting .waiting-content .player-info h2{font-size:28px;font-weight:600}.game-waiting .waiting-content .game-info{margin-bottom:30px}.game-waiting .waiting-content .game-info .game-title{font-size:20px;opacity:.9}.game-waiting .waiting-content .game-info .waiting-host{opacity:.6;margin-top:10px}.game-waiting .waiting-content .players-count{background:#7ee08126;border:1px solid rgba(126,224,129,.3);padding:20px 40px;border-radius:16px;margin-bottom:30px}.game-waiting .waiting-content .players-count .count{font-size:48px;font-weight:700;display:block;color:#7ee081}.game-waiting .waiting-content .players-count .label{opacity:.7}.game-starting{display:flex;align-items:center;justify-content:center;flex-direction:column}.game-starting .countdown-circle{width:200px;height:200px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #06254726;animation:pulse 1s infinite}.game-starting .countdown-circle span{font-size:32px;font-weight:700;color:#062547}.game-starting .player-name{margin-top:30px;font-size:18px;opacity:.8}.game-question{display:flex;flex-direction:column;height:100vh;padding:20px}.game-question .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.game-question .question-header .question-number{font-size:18px;opacity:.8}.game-question .question-header .timer{width:65px;height:65px;background:#fff;color:#062547;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;box-shadow:0 4px 20px #06254726}.game-question .question-header .timer.warning{background:#ff4757;color:#fff;animation:pulse .5s infinite}.game-question .question-content{flex:1;display:flex;flex-direction:column}.game-question .question-content .question-text{text-align:center;font-size:28px;margin-bottom:40px;padding:25px;background:#7ee0811a;border:1px solid rgba(126,224,129,.2);border-radius:16px;font-weight:500}.game-question .question-content .options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;flex:1}.game-question .question-content .options-grid .option{border:none;border-radius:16px;padding:20px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:15px;transition:transform .2s,box-shadow .2s;color:#fff}.game-question .question-content .options-grid .option:hover:not(:disabled){transform:scale(1.02)}.game-question .question-content .options-grid .option.selected{box-shadow:0 0 0 4px #fffc;transform:scale(1.02)}.game-question .question-content .options-grid .option.option-1{background:#062547}.game-question .question-content .options-grid .option.option-2{background:#7ee081;color:#062547}.game-question .question-content .options-grid .option.option-3{background:#e4c443;color:#062547}.game-question .question-content .options-grid .option.option-4{background:#3498db}.game-question .question-content .options-grid .option .option-icon{font-size:24px}.game-question .question-content .options-grid .option .option-text{flex:1;text-align:left}.game-question .question-content .options-grid.host .option{cursor:default}.game-question .question-content .options-grid.host .option:hover{transform:none}.game-question .question-content .open-answer{flex:1;display:flex;flex-direction:column}.game-question .question-content .open-answer textarea{flex:1;padding:20px;font-size:18px;border:none;border-radius:16px;resize:none;min-height:150px}.game-question .question-content .open-answer textarea:focus{outline:2px solid #7EE081}.game-question .question-content .btn-submit{margin-top:20px;padding:20px;background:#7ee081;border:none;border-radius:16px;color:#062547;font-size:20px;font-weight:700;cursor:pointer;transition:transform .2s}.game-question .question-content .btn-submit:hover{transform:scale(1.02)}.game-question .players-answered{text-align:center;padding:15px;opacity:.8}.game-question .host-question-controls{display:flex;justify-content:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.game-waiting-result{display:flex;align-items:center;justify-content:center}.game-waiting-result .waiting-card{text-align:center;position:relative}.game-waiting-result .waiting-card .check-icon{width:100px;height:100px;background:#7ee081;color:#062547;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 20px}.game-waiting-result .waiting-card h2{font-size:32px;margin-bottom:10px;font-weight:600}.game-waiting-result .waiting-card p{opacity:.7}.game-waiting-result .waiting-card .pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:3px solid #7EE081;border-radius:50%;opacity:0;animation:pulseRing 2s infinite}.game-results{display:flex;align-items:center;justify-content:center;flex-direction:column}.game-results h2{font-size:32px;margin-bottom:30px;font-weight:600}.game-results .results-stats{display:flex;gap:20px;margin-bottom:30px}.game-results .results-stats .stat-box{background:#ffffff1a;padding:20px 40px;border-radius:16px;text-align:center}.game-results .results-stats .stat-box.correct{background:#7ee08133;border:1px solid rgba(126,224,129,.3)}.game-results .results-stats .stat-box .value{font-size:36px;font-weight:700}.game-results .results-stats .stat-box .label{opacity:.7;margin-top:5px}.game-results.player-view .result-display{text-align:center;padding:40px}.game-results.player-view .result-display .result-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;margin:0 auto 20px}.game-results.player-view .result-display.correct .result-icon{background:#7ee081;color:#062547}.game-results.player-view .result-display.correct h2{color:#7ee081}.game-results.player-view .result-display.wrong .result-icon{background:#ff4757}.game-results.player-view .result-display.wrong h2{color:#ffadb4}.game-results.player-view .result-display.timeout .result-icon{background:#e4c443;color:#062547}.game-results.player-view .result-display .points-earned{font-size:48px;font-weight:700;margin:20px 0}.game-results.player-view .result-display .feedback{opacity:.8;max-width:400px;margin:0 auto 20px}.game-results.player-view .result-display .current-score{background:#7ee08126;border:1px solid rgba(126,224,129,.3);padding:15px 30px;border-radius:50px;display:inline-block}.game-results .host-controls{display:flex;gap:15px;margin-top:30px}.game-leaderboard{display:flex;align-items:center;justify-content:center;flex-direction:column}.game-leaderboard h1{font-size:36px;margin-bottom:30px;font-weight:700}.game-leaderboard .my-position{background:#7ee08126;border:1px solid rgba(126,224,129,.3);padding:15px 30px;border-radius:50px;margin-bottom:30px}.game-leaderboard .my-position strong{color:#7ee081}.game-leaderboard .leaderboard-list{width:100%;max-width:500px}.game-leaderboard .leaderboard-list .leaderboard-entry{display:flex;align-items:center;gap:15px;background:#ffffff1a;padding:15px 20px;border-radius:16px;margin-bottom:10px;transition:transform .2s}.game-leaderboard .leaderboard-list .leaderboard-entry.rank-1{background:linear-gradient(90deg,#ffd70040,#ffd7000d)}.game-leaderboard .leaderboard-list .leaderboard-entry.rank-2{background:linear-gradient(90deg,#c0c0c040,#c0c0c00d)}.game-leaderboard .leaderboard-list .leaderboard-entry.rank-3{background:linear-gradient(90deg,#cd7f3240,#cd7f320d)}.game-leaderboard .leaderboard-list .leaderboard-entry.is-me{box-shadow:0 0 0 2px #7ee081}.game-leaderboard .leaderboard-list .leaderboard-entry .rank{font-size:20px;font-weight:700;width:40px}.game-leaderboard .leaderboard-list .leaderboard-entry .avatar{width:45px;height:45px;background:#7ee081;color:#062547;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.game-leaderboard .leaderboard-list .leaderboard-entry .info{flex:1}.game-leaderboard .leaderboard-list .leaderboard-entry .info .name{font-weight:600}.game-leaderboard .leaderboard-list .leaderboard-entry .info .stats{font-size:14px;opacity:.7}.game-leaderboard .leaderboard-list .leaderboard-entry .score{font-size:24px;font-weight:700}.game-leaderboard .btn-primary{margin-top:30px}.game-leaderboard .waiting-text{margin-top:20px;opacity:.6}.game-finished{display:flex;align-items:center;justify-content:center;overflow:hidden}.game-finished .confetti-bg{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='10' cy='10' r='3' fill='%237EE081'/%3E%3Ccircle cx='50' cy='30' r='2' fill='%23e4c443'/%3E%3Ccircle cx='90' cy='20' r='4' fill='%23062547'/%3E%3Ccircle cx='30' cy='70' r='3' fill='%233498db'/%3E%3Ccircle cx='70' cy='80' r='2' fill='%237EE081'/%3E%3C/svg%3E");animation:fall 20s linear infinite;opacity:.5}.game-finished .results-card{background:#fff;color:#2d3748;padding:40px;border-radius:24px;text-align:center;max-width:600px;width:100%;box-shadow:0 4px 20px #06254726;z-index:1}.game-finished .results-card h1{font-size:42px;color:#062547;margin-bottom:10px;font-weight:700}.game-finished .results-card h2{color:#6b7280;margin-bottom:30px}.game-finished .my-result{margin-bottom:30px}.game-finished .my-result .rank-badge{display:inline-block;background:#062547;color:#fff;padding:10px 30px;border-radius:50px;font-size:24px;font-weight:700;margin-bottom:15px}.game-finished .my-result .final-score{font-size:48px;font-weight:700;color:#7ee081}.game-finished .my-result .accuracy{color:#6b7280}.game-finished .podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:30px}.game-finished .podium .podium-place{text-align:center;padding:20px;border-radius:16px}.game-finished .podium .podium-place.place-1{background:linear-gradient(180deg,gold,#ffb300);order:2;padding-bottom:40px}.game-finished .podium .podium-place.place-2{background:linear-gradient(180deg,silver,#a0a0a0);order:1;padding-bottom:30px}.game-finished .podium .podium-place.place-3{background:linear-gradient(180deg,#cd7f32,sienna);order:3;padding-bottom:20px}.game-finished .podium .podium-place.is-me{box-shadow:0 0 0 3px #062547}.game-finished .podium .podium-place .medal{font-size:32px}.game-finished .podium .podium-place .avatar{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#062547;margin:10px auto}.game-finished .podium .podium-place .name{font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.game-finished .podium .podium-place .score{font-size:14px;color:#ffffffe6}.game-finished .full-leaderboard{text-align:left;margin-bottom:30px}.game-finished .full-leaderboard h3{margin-bottom:15px;color:#062547;font-weight:600}.game-finished .full-leaderboard .leaderboard-row{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #e2e8f0}.game-finished .full-leaderboard .leaderboard-row .rank{width:40px;font-weight:700;color:#062547}.game-finished .full-leaderboard .leaderboard-row .name{flex:1}.game-finished .full-leaderboard .leaderboard-row .score{font-weight:600;margin-right:15px}.game-finished .full-leaderboard .leaderboard-row .accuracy{color:#6b7280;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes fall{0%{background-position:0 0}to{background-position:0 1000px}}.confirm-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-modal .confirm-content{background:#fff;color:#2d3748;padding:30px 40px;border-radius:20px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 20px #06254726;animation:slideIn .2s ease-out}.confirm-modal .confirm-content h3{color:#062547;margin-bottom:10px;font-size:24px;font-weight:700}.confirm-modal .confirm-content p{color:#6b7280;margin-bottom:25px}.confirm-modal .confirm-content .confirm-actions{display:flex;gap:15px;justify-content:center}.confirm-modal .confirm-content .confirm-actions button{min-width:120px}@media(max-width:768px){.game-question .question-content .question-text{font-size:22px}.game-question .question-content .options-grid{grid-template-columns:1fr}.game-question .question-content .options-grid .option{padding:15px;font-size:16px}.game-lobby .lobby-content{flex-direction:column}.game-lobby .top-players-section{width:100%}.game-lobby .pin-display .pin{font-size:48px;letter-spacing:4px}.game-lobby .lobby-actions{flex-direction:column;width:100%}.game-lobby .lobby-actions button{width:100%}.game-finished .podium .podium-place{padding:15px 10px}.game-finished .podium .podium-place .avatar{width:40px;height:40px;font-size:18px}.game-finished .podium .podium-place .name{font-size:12px}}@keyframes antennaWave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.3)}}@keyframes blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;height:100%;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3748;line-height:1.6}.App{width:100vw;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:767px){.container{padding:0 1rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:none}*:focus{outline:none}button svg,.close-btn svg,.back-btn svg{fill:currentColor;display:block;flex-shrink:0}button svg path,.close-btn svg path,.back-btn svg path{fill:currentColor}