@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Poppins:wght@400;500;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";.login-page{min-height:100vh;background:linear-gradient(135deg,#fef9f8,#fef5f4,#fdf0ef);display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif}.login-layout{margin:20px;width:100%;max-width:650px;box-sizing:border-box;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 20px 60px #b985831f,0 0 1px #b985831a;flex-direction:column;align-items:center;padding:0 0 32px;border:1px solid rgba(217,158,155,.1)}.login-logo-badge{width:70px;height:70px;background:linear-gradient(135deg,#d99e9b,#b88583);background-size:200% 200%;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:28px auto 0;animation:gradient-shift 4s ease infinite;box-shadow:0 8px 24px #d99e9b4d;transition:transform .3s ease,box-shadow .3s ease}.login-logo-badge:hover{transform:scale(1.1) rotate(5deg);animation:pulse-glow 2s ease-in-out infinite}.login-logo-icon{width:48px;height:48px;position:relative}.login-logo-icon-main{position:absolute;left:12px;top:8px;width:24px;height:24px;background:#fff;border-radius:8px;transition:transform .3s ease}.login-logo-badge:hover .login-logo-icon-main{transform:scale(1.1)}.login-logo-icon-shadow{position:absolute;left:6px;top:34px;width:36px;height:18px;background:#ffffffb3;border-radius:8px}.login-header-block{margin-top:16px}.login-heading{color:#d99e9be8;font-size:34px;font-family:Fredoka One,cursive,helvetica,sans-serif;line-height:48px;text-align:center;background:linear-gradient(135deg,#d99e9b,#b88583);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.login-subtitle{color:#b88583;font-size:15px;font-family:Poppins,sans-serif;font-weight:500;line-height:24px;text-align:center;margin-bottom:0;opacity:.8}.login-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px;margin:28px auto 0;animation:form-fade-in .7s cubic-bezier(.4,0,.2,1)}.login-form>div{position:relative;transition:transform .2s ease}.login-form>div:hover{transform:translateY(-2px)}.login-label{color:#ba8583;font-size:14px;font-family:Poppins,sans-serif;font-weight:600;line-height:24px;margin-bottom:6px;display:block;letter-spacing:.3px;transition:color .2s ease}.login-form>div:hover .login-label{color:#d99e9b}.login-input{width:100%;height:48px;background:#fffc;border-radius:12px;border:2px solid rgba(217,158,155,.15);padding:0 18px;font-size:14px;font-family:Poppins,sans-serif;font-weight:400;color:#333;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #b985830d}.login-input::-moz-placeholder{color:#b8858366;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.login-input::placeholder{color:#b8858366;transition:opacity .3s ease}.login-input:hover{border-color:#d99e9b4d;background:#fff;box-shadow:0 4px 12px #b9858314}.login-input:focus{border:2px solid #D99E9B;background:#fff;box-shadow:0 0 0 4px #d99e9b1a,0 4px 16px #d99e9b26;transform:translateY(-1px)}.login-input:focus::-moz-placeholder{opacity:.6}.login-input:focus::placeholder{opacity:.6}.login-btn{width:100%;height:50px;margin-top:8px;background:linear-gradient(135deg,#d9acaa,#b88583);background-size:200% 200%;border-radius:12px;border:none;color:#fff;font-size:16px;font-family:Poppins,sans-serif;font-weight:600;line-height:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #b9858340;position:relative;overflow:hidden;letter-spacing:.5px}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-btn:hover:before{left:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#c89997,#a67775);box-shadow:0 8px 24px #b9858359;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #b9858333}.login-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#d9acaa,#b88583)}.login-footer{width:100%;max-width:500px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;font-family:Poppins,sans-serif;line-height:20px;margin:20px auto 0}.login-footer-text{color:#b88583;font-weight:400}.login-footer-link{color:#9b6f6de8;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;padding:4px 8px;border-radius:6px}.login-footer-link:after{content:"";display:block;width:0;height:2px;background:linear-gradient(90deg,#d99e9b,#b88583);transition:width .3s ease;position:absolute;left:50%;bottom:0;transform:translate(-50%)}.login-footer-link:hover{color:#d99e9b;background:#d99e9b14}.login-footer-link:hover:after{width:80%}@media (max-width: 700px){.login-page{align-items:flex-start;padding:20px 0}.login-layout{width:calc(100vw - 40px);margin:20px;border-radius:24px}.login-form,.login-footer{width:calc(100% - 60px)}.login-heading{font-size:36px}.login-subtitle{font-size:16px}}@media (max-width: 500px){.login-logo-badge{width:80px;height:80px}.login-heading{font-size:32px;line-height:48px}.login-input{height:52px}.login-btn{height:54px;font-size:17px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes form-fade-in{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #d99e9b4d}50%{box-shadow:0 0 30px #d99e9b80}}.register-page{min-height:100vh;background:linear-gradient(135deg,#fef9f8,#fef5f4,#fdf0ef);display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif}.register-layout{margin:20px;width:100%;max-width:650px;box-sizing:border-box;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 20px 60px #b985831f,0 0 1px #b985831a;flex-direction:column;align-items:center;padding:0 0 32px;border:1px solid rgba(217,158,155,.1)}.register-logo-badge{width:70px;height:70px;background:linear-gradient(135deg,#d99e9b,#b88583);background-size:200% 200%;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:28px auto 0;position:relative;animation:gradient-shift 4s ease infinite;box-shadow:0 8px 24px #d99e9b4d;transition:transform .3s ease,box-shadow .3s ease}.register-logo-badge:hover{transform:scale(1.1) rotate(5deg);animation:pulse-glow 2s ease-in-out infinite}.register-logo-icon{width:48px;height:48px;position:relative}.register-logo-icon-main{position:absolute;left:12px;top:8px;width:24px;height:24px;background:#fff;border-radius:8px;transition:transform .3s ease}.register-logo-badge:hover .register-logo-icon-main{transform:scale(1.1)}.register-logo-icon-shadow{position:absolute;left:6px;top:34px;width:36px;height:18px;background:#ffffffb3;border-radius:8px}.register-header-block{margin-top:16px}.register-heading{color:#d99e9be8;font-size:34px;font-family:Fredoka One,cursive,helvetica,sans-serif;line-height:48px;text-align:center;background:linear-gradient(135deg,#d99e9b,#b88583);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.register-subtitle{color:#b88583;font-size:15px;font-family:Poppins,sans-serif;font-weight:500;line-height:24px;text-align:center;margin-bottom:0;opacity:.8}.register-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px;margin:28px auto 0;animation:form-fade-in .7s cubic-bezier(.4,0,.2,1)}.register-form>div{position:relative;transition:transform .2s ease}.register-form>div:hover{transform:translateY(-2px)}.register-label{color:#ba8583;font-size:14px;font-family:Poppins,sans-serif;font-weight:600;line-height:24px;margin-bottom:6px;display:block;letter-spacing:.3px;transition:color .2s ease}.register-form>div:hover .register-label{color:#d99e9b}.register-input{width:100%;height:48px;background:#fffc;border-radius:12px;border:2px solid rgba(217,158,155,.15);padding:0 18px;font-size:14px;font-family:Poppins,sans-serif;font-weight:400;color:#333;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #b985830d}.register-input::-moz-placeholder{color:#b8858366;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.register-input::placeholder{color:#b8858366;transition:opacity .3s ease}.register-input:hover{border-color:#d99e9b4d;background:#fff;box-shadow:0 4px 12px #b9858314}.register-input:focus{border:2px solid #D99E9B;background:#fff;box-shadow:0 0 0 4px #d99e9b1a,0 4px 16px #d99e9b26;transform:translateY(-1px)}.register-input:focus::-moz-placeholder{opacity:.6}.register-input:focus::placeholder{opacity:.6}.register-btn{width:100%;height:50px;margin-top:8px;background:linear-gradient(135deg,#d9acaa,#b88583);background-size:200% 200%;border-radius:12px;border:none;color:#fff;font-size:16px;font-family:Poppins,sans-serif;font-weight:600;line-height:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #b9858340;position:relative;overflow:hidden;letter-spacing:.5px}.register-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.register-btn:hover:before{left:100%}.register-btn:hover:not(:disabled){background:linear-gradient(135deg,#c89997,#a67775);box-shadow:0 8px 24px #b9858359;transform:translateY(-2px)}.register-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #b9858333}.register-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#d9acaa,#b88583)}.register-footer{width:100%;max-width:500px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;font-family:Poppins,sans-serif;line-height:20px;margin:20px auto 0}.register-footer-text{color:#b88583;font-weight:400}.register-footer-link{color:#9b6f6de8;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;padding:4px 8px;border-radius:6px}.register-footer-link:after{content:"";display:block;width:0;height:2px;background:linear-gradient(90deg,#d99e9b,#b88583);transition:width .3s ease;position:absolute;left:50%;bottom:0;transform:translate(-50%)}.register-footer-link:hover{color:#d99e9b;background:#d99e9b14}.register-footer-link:hover:after{width:80%}.error{color:#d97f8c;font-size:13px;margin-top:6px;font-family:Poppins,sans-serif;font-weight:500;animation:shake .4s ease;display:flex;align-items:center;gap:4px}.error:before{content:"⚠";font-size:14px}@media (max-width: 700px){.register-page{align-items:flex-start;padding:20px 0}.register-layout{width:calc(100vw - 40px);margin:20px;border-radius:24px}.register-form,.register-footer{width:calc(100% - 60px)}.register-heading{font-size:36px}.register-subtitle{font-size:16px}}@media (max-width: 500px){.register-logo-badge{width:80px;height:80px}.register-heading{font-size:32px;line-height:48px}.register-input{height:52px}.register-btn{height:54px;font-size:17px}}html,body,#root{min-width:0;min-height:0;margin:0;padding:0;box-sizing:border-box;background:#fff}body{display:block!important;padding:0!important}.home{width:100vw;height:100vh;min-width:320px;min-height:600px;background:#fff;overflow:hidden;position:relative;display:block;box-sizing:border-box}.icon{width:clamp(200px,32vw,412px);height:clamp(220px,38vw,465px);left:auto;right:10vw;top:18vh;position:absolute;-o-object-fit:contain;object-fit:contain;display:block;z-index:0;pointer-events:none}.text-wrapper{position:absolute;left:7vw;top:13vh;color:#d99e9be8;font-size:clamp(2.5rem,7vw,96px);font-family:Fredoka One,cursive,helvetica,sans-serif;font-weight:400;line-height:1;white-space:nowrap}.div{width:min(431px,60vw);position:absolute;left:7vw;top:32vh;color:#b88583;font-size:clamp(1rem,2vw,20px);font-family:Poppins,helvetica,sans-serif;font-weight:500;line-height:1.5;word-wrap:break-word;text-align:left;margin:0;max-width:unset}.rectangle{width:min(371px,50vw);height:63px;left:7vw;top:44vh;position:absolute;background:linear-gradient(90deg,#d99e9b,#e89fab);box-shadow:0 4px 10px #0003;border-radius:15px;transition:box-shadow .5s cubic-bezier(.4,1.5,.5,1),transform .5s cubic-bezier(.4,1.5,.5,1),background .5s cubic-bezier(.4,1.5,.5,1);will-change:box-shadow,transform,background;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.rectangle:hover{box-shadow:0 8px 24px #d99e9b2e;transform:scale(1.04) translateY(-2px);background:linear-gradient(90deg,#b88583,#d97f8c);filter:brightness(.97)}.text-wrapper-2{position:static;text-align:center;color:#fff;font-size:clamp(1rem,2vw,20px);font-family:Poppins,helvetica,sans-serif;font-weight:600;line-height:30px;z-index:3;width:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-wrapper-3{position:absolute;left:calc(7vw + 80px);top:55vh;color:#d99e9b;font-size:clamp(1rem,2vw,20px);font-family:Poppins,helvetica,sans-serif;font-weight:600;line-height:30px;cursor:pointer;width:250px;transition:color .5s cubic-bezier(.4,1.5,.5,1),transform .5s cubic-bezier(.4,1.5,.5,1);will-change:color,transform;padding:16px 0 0}.text-wrapper-3:hover{color:#b88583;transform:scale(1.06) translateY(-2px);text-shadow:0 2px 8px rgba(217,158,155,.1)}.p{position:absolute;left:7vw;top:68vh;color:#b88583;font-size:clamp(.8rem,1.5vw,14px);font-family:Poppins,helvetica,sans-serif;font-weight:500;line-height:21px;word-wrap:break-word;opacity:.8;margin:0}.text-wrapper-4{position:absolute;left:7vw;top:72vh;color:#b88583;font-size:clamp(.8rem,1.5vw,14px);font-family:Poppins,helvetica,sans-serif;font-weight:700;line-height:21px;opacity:.8}.text-wrapper-5{position:absolute;left:7vw;top:78vh;color:#d99e9b;font-size:clamp(1.2rem,2vw,24px);font-family:Poppins,helvetica,sans-serif;font-weight:700;line-height:36px}.text-wrapper-6{position:absolute;left:7vw;top:83vh;color:#b88583;font-size:clamp(.7rem,1vw,12px);font-family:Poppins,helvetica,sans-serif;font-weight:500;line-height:18px;opacity:.8}.text-wrapper-7{position:absolute;left:calc(7vw + 128px);top:78vh;color:#d99e9b;font-size:clamp(1.2rem,2vw,24px);font-family:Poppins,helvetica,sans-serif;font-weight:700;line-height:36px}.text-wrapper-8{position:absolute;left:calc(7vw + 128px);top:83vh;color:#b88583;font-size:clamp(.7rem,1vw,12px);font-family:Poppins,helvetica,sans-serif;font-weight:500;line-height:18px;opacity:.8}.text-wrapper-9{position:static;left:44vw;top:92vh;color:#b88583;font-size:clamp(.8rem,1.5vw,14px);font-family:Poppins,helvetica,sans-serif;font-weight:500;line-height:21px;transition:color .5s,box-shadow .4s,background .4s,transform .4s,-webkit-text-decoration .18s;transition:color .5s,text-decoration .18s,box-shadow .4s,background .4s,transform .4s;transition:color .5s,text-decoration .18s,box-shadow .4s,background .4s,transform .4s,-webkit-text-decoration .18s;cursor:pointer;box-shadow:none;background:none}.text-wrapper-9:hover{color:#d99e9b;background:none;box-shadow:none;border-radius:16px;text-decoration:none;transform:translateY(-2px) scale(1.08);letter-spacing:.5px}.text-wrapper-10{position:static;left:52vw;top:92vh;color:#b88583;font-size:clamp(.8rem,1.5vw,14px);font-family:Poppins,helvetica,sans-serif;font-weight:500;line-height:21px;transition:color .5s,box-shadow .4s,background .4s,transform .4s,-webkit-text-decoration .18s;transition:color .5s,text-decoration .18s,box-shadow .4s,background .4s,transform .4s;transition:color .5s,text-decoration .18s,box-shadow .4s,background .4s,transform .4s,-webkit-text-decoration .18s;cursor:pointer;box-shadow:none;background:none}.text-wrapper-10:hover{color:#d99e9b;background:none;box-shadow:none;border-radius:16px;text-decoration:none;transform:translateY(-2px) scale(1.08);letter-spacing:.5px}.footer-links{position:absolute;left:44vw;top:92vh;display:flex;flex-direction:row;gap:32px;align-items:center}.text-wrapper-9,.text-wrapper-10{position:static;transition:color .3s cubic-bezier(.4,1.5,.5,1),transform .4s cubic-bezier(.4,1.5,.5,1),letter-spacing .4s cubic-bezier(.4,1.5,.5,1),-webkit-text-decoration .3s cubic-bezier(.4,1.5,.5,1);transition:color .3s cubic-bezier(.4,1.5,.5,1),text-decoration .3s cubic-bezier(.4,1.5,.5,1),transform .4s cubic-bezier(.4,1.5,.5,1),letter-spacing .4s cubic-bezier(.4,1.5,.5,1);transition:color .3s cubic-bezier(.4,1.5,.5,1),text-decoration .3s cubic-bezier(.4,1.5,.5,1),transform .4s cubic-bezier(.4,1.5,.5,1),letter-spacing .4s cubic-bezier(.4,1.5,.5,1),-webkit-text-decoration .3s cubic-bezier(.4,1.5,.5,1);cursor:pointer}.text-wrapper-9:hover,.text-wrapper-10:hover{color:#d99e9b;background:none;box-shadow:none;border-radius:16px;text-decoration:none;transform:translateY(-2px) scale(1.08);letter-spacing:.5px}.group-info{position:absolute;left:3vw;top:0;height:100%;width:100%;max-width:600px;display:block;z-index:10}@media (max-width: 768px){.group-info{position:relative;left:0;width:100%;max-width:100%;padding:0 20px}}:root{--primary: #E89FAB;--primary-2: #D97F8C;--secondary: #EBCB8B;--olive: #A3BE8C;--ink: #1F2937;--muted: #6B7280;--bg: #FBFAFB;--surface: #FFFFFF;--border: #E5E7EB;--danger: #EF4444;--success: #10B981;--violet: #8B5CF6;--shadow: 0 18px 50px rgba(17, 24, 39, .08);--shadow-soft: 0 10px 26px rgba(17, 24, 39, .06);--t: .22s ease;--max: 980px}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100svh;display:block;padding:var(--safeTop) var(--safeRight) var(--safeBottom) var(--safeLeft);padding-left:calc(var(--safeLeft) + 270px);padding-right:calc(var(--safeRight) + 340px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--t),color var(--t);--safeTop: env(safe-area-inset-top);--safeRight: env(safe-area-inset-right);--safeBottom: env(safe-area-inset-bottom);--safeLeft: env(safe-area-inset-left)}[data-theme=dark],.dark{--primary: #E89FAB;--primary-2: #D97F8C;--secondary: #F4D79F;--olive: #C9E0A2;--ink: #E5E7EB;--muted: #9CA3AF;--bg: #111827;--surface: #1F2937;--border: #374151;--danger: #F87171;--success: #34D399;--violet: #A78BFA;--shadow: 0 18px 50px rgba(0, 0, 0, .4);--shadow-soft: 0 10px 26px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d97f8c33;border-radius:10px;border:2px solid transparent;background-clip:padding-box;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#d97f8c66;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#d97f8c99;background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-track,.dark ::-webkit-scrollbar-track{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb,.dark ::-webkit-scrollbar-thumb{background:#9ca3af40;border-radius:10px;border:2px solid transparent;background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,.dark ::-webkit-scrollbar-thumb:hover{background:#9ca3af59;background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-thumb:active,.dark ::-webkit-scrollbar-thumb:active{background:#9ca3af80;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(217,127,140,.2) transparent}[data-theme=dark] *,.dark *{scrollbar-color:rgba(156,163,175,.25) transparent}html{background-color:#fbfafb;transition:background-color 0s}[data-theme=dark] html,html.dark{background-color:#111827}html,body{height:100%;overflow-x:hidden}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 10% 0%,rgba(217,127,140,.18),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(235,203,139,.16),transparent 55%),var(--bg);color:var(--ink);min-height:100svh;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--t),color var(--t)}body.no-rightbar{display:flex;padding:var(--safeTop) var(--safeRight) var(--safeBottom) var(--safeLeft);padding-left:calc(var(--safeLeft) + 270px);padding-right:var(--safeRight)}body.no-rightbar .main{padding-left:40px!important;padding-right:40px!important;max-width:100%!important}[data-theme=dark] body,.dark body{background:radial-gradient(1200px 600px at 10% 0%,rgba(232,159,171,.12),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(244,215,159,.1),transparent 55%),var(--bg)}.layout{display:flex;min-height:calc(100svh - var(--safeTop) - var(--safeBottom));width:100%}.sidebar{position:fixed;left:0;top:0;width:270px;height:100vh;background:#ffffffd9;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;display:flex;flex-direction:column;gap:14px;z-index:10}.main{flex:1;overflow-x:hidden;overflow-y:auto;padding:22px 100px 80px;-webkit-overflow-scrolling:touch;max-width:100vw;width:100%;box-sizing:border-box;position:relative}.main>*{max-width:100%!important;box-sizing:border-box;position:relative}.card{max-width:100%!important;width:100%;box-sizing:border-box;isolation:isolate;position:relative}.table-scroll{overflow-x:auto;overflow-y:visible;width:100%;max-width:100%!important;-webkit-overflow-scrolling:touch;display:block;position:relative}.table-scroll table{width:100%;display:table}.table-scroll td,.table-scroll th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right{position:fixed;right:0;top:0;width:340px;background:#ffffffd9;border-left:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;display:flex;flex-direction:column;gap:14px;overflow:auto;-webkit-overflow-scrolling:touch}.wrap{width:100%;margin:0;padding:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.title h2{font-family:Fredoka,Poppins,sans-serif;font-size:26px;letter-spacing:-.2px;word-break:break-word}.title p{color:var(--muted);font-size:13px;margin-top:4px}.pillrow{display:flex;gap:10px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:#ffffffbf;padding:8px 10px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 8px 18px #1118270a;white-space:nowrap}.pill strong{font-weight:700}.grid{display:grid;grid-template-columns:2.3fr 1.4fr;gap:14px;margin-top:14px;width:100%;min-width:0}.card{border:1px solid var(--border);background:#ffffffeb;border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:16px;min-width:0;width:100%;box-sizing:border-box}.card.card-interactive{transition:transform .2s ease,box-shadow .2s ease}.card.card-interactive:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000001f}.view>.card{margin-top:14px;flex:1}.card>*{width:100%;box-sizing:border-box}.card h3{font-family:Fredoka,Poppins,sans-serif;font-size:16px;margin-bottom:10px;display:flex;align-items:center;gap:10px;min-width:0}.card h3 i{color:var(--primary);font-size:20px;flex:0 0 auto}.muted{color:var(--muted);font-size:13px}.route{display:flex;flex-direction:column;align-items:center;gap:20px}.node{width:75px;height:75px;border-radius:50%;background:#e5e7eb;color:#9ca3af;box-shadow:0 10px #d1d5db;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;position:relative;transition:var(--t)}.node i{font-size:30px}.node.done{background:var(--olive);box-shadow:0 10px #bbd38a8c;color:#fff}.node.current{background:var(--primary);box-shadow:0 10px #d97f8c8c;color:#fff;animation:bounce 2.2s infinite}.node.locked{background:#e5e7eb;color:#9ca3af;box-shadow:0 10px #d1d5db;cursor:not-allowed}.node:active{transform:translateY(6px);box-shadow:none}.node .lbl{margin-top:4px;text-align:center}.line{width:4px;height:28px;background:#e5e7eb;margin-top:-6px;margin-bottom:-6px}.help{font-size:12px;color:var(--muted)}.btn{border:0;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:10px 14px;border-radius:14px;cursor:pointer;font-weight:700;transition:var(--t);box-shadow:0 14px 30px #d97f8c38;display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:44px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{background:#ffffffd9;color:var(--ink);border:1px solid var(--border);box-shadow:none}.btn.danger{background:linear-gradient(135deg,#ef4444,#f59e0b)}.hamburger{display:none;position:fixed;top:18px;left:18px;z-index:1001;width:44px;height:44px;border:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;box-shadow:var(--shadow-soft);color:var(--ink);font-size:24px;align-items:center;justify-content:center;transition:var(--t)}.hamburger:hover{transform:scale(1.05)}.hamburger:active{transform:scale(.95)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=dark] .sidebar,.dark .sidebar{background:#111827f2;border-right-color:#37415180}[data-theme=dark] .nav-btn,.dark .nav-btn{color:#9ca3af}[data-theme=dark] .nav-btn:hover,.dark .nav-btn:hover{background:#e89fab1a;color:#f3f4f6}[data-theme=dark] .nav-btn.active,.dark .nav-btn.active{background:#e89fab26;border-color:#e89fab4d;color:#f3f4f6}[data-theme=dark] .nav-btn.active i,.dark .nav-btn.active i{color:#e89fab}[data-theme=dark] .nav-btn i,.dark .nav-btn i{color:#9ca3af}[data-theme=dark] .right,.dark .right{background:#111827f2;border-left-color:#37415180}[data-theme=dark] .brand,.dark .brand{background:linear-gradient(180deg,#1f2937eb,#111827b8);text-decoration:none}[data-theme=dark] .brand:hover,.dark .brand:hover{box-shadow:0 8px 16px #0000004d}[data-theme=dark] .card,.dark .card{background:#1f2937eb}[data-theme=dark] .card.card-interactive:hover,.dark .card.card-interactive:hover{box-shadow:0 12px 24px #0006}[data-theme=dark] .pill,.dark .pill{background:#1f2937bf}[data-theme=dark] .btn.ghost,.dark .btn.ghost{background:#1f2937d9;color:var(--ink)}[data-theme=dark] .hamburger{background:#1f2937f2}[data-theme=dark] .node{background:#374151;color:#d1d5db;box-shadow:0 10px #1f2937}[data-theme=dark] .node.done{background:var(--olive);box-shadow:0 10px #c9e0a28c;color:#fff}[data-theme=dark] .node.current{background:var(--primary);box-shadow:0 10px #e89fab8c;color:#fff}[data-theme=dark] .node.locked{background:#374151;color:#d1d5db;box-shadow:0 10px #1f2937}[data-theme=dark] .line{background:#374151}[data-theme=dark] .help{color:var(--muted)}.sidebar-footer{margin-top:auto;padding:10px;border:1px solid var(--border);border-radius:18px;background:#ffffffb8}[data-theme=dark] .sidebar-footer{background:#1f2937b8}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 1024px){.main{padding:22px 40px 80px}.grid{grid-template-columns:1fr}}@media (max-width: 768px){.hamburger{display:flex}.sidebar-overlay{display:block}.sidebar{left:-270px;transition:left .3s ease;z-index:1000}.sidebar.open{left:0}.right{display:none}body{padding-left:var(--safeLeft)!important;padding-right:var(--safeRight)!important;padding-top:var(--safeTop)!important;padding-bottom:var(--safeBottom)!important}body.no-rightbar{padding-left:var(--safeLeft)!important;padding-right:var(--safeRight)!important}.main{padding:70px 16px 60px}.topbar{flex-direction:column;align-items:flex-start;margin-top:50px;gap:10px}.grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:10px}.title h2{font-size:22px}.title p{font-size:12px}.card{padding:14px}.route{flex-direction:row;overflow-x:auto;padding-bottom:10px}.route .line{width:28px;height:4px}.node{width:60px;height:60px;flex-shrink:0}.node i{font-size:24px}.node .lbl{font-size:10px}.form .row{flex-direction:column}.sel{width:100%;min-width:auto}.btn{width:100%;justify-content:center}.pillrow{width:100%;justify-content:flex-start}.pill{font-size:11px;padding:6px 8px}.qbox{padding:12px}.stem{font-size:15px;line-height:1.5;margin-bottom:14px}.opts{gap:10px;margin-bottom:14px}.opt{padding:14px 12px;min-height:48px;font-size:14px}.qmeta{gap:6px}.mode{padding:14px}.mode .ico{width:44px;height:44px;font-size:22px}.mode h4{font-size:15px}.mode p{font-size:11px}.btn{width:100%;justify-content:center;min-height:48px}div[style*="display: flex"]{flex-direction:column!important}.route{flex-direction:row;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.route .node{flex-shrink:0}.route .line{width:28px;height:4px;flex-shrink:0}}@media (max-width: 480px){.main{padding:70px 12px 60px}.card{padding:12px}.qbox{padding:10px}.stem{font-size:14px}.opt{padding:12px 10px}.title h2{font-size:20px}.pill{font-size:10px;padding:5px 7px}}.stat{border:1px solid var(--border);background:#ffffffeb;border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.stat .l{display:flex;align-items:center;gap:10px;min-width:0}.stat .l i{font-size:22px;flex:0 0 auto}.stat .v{font-weight:900;font-size:16px}.stat .k{font-size:12px;color:var(--muted);font-weight:700}.stat .tag{border:1px solid var(--border);background:#ffffffbf;padding:4px 8px;border-radius:999px;font-size:11px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 18px #1118270a}.assistant{border:1px solid var(--border);background:#ffffffeb;border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:8px}.assistant h4{font-family:Fredoka,Poppins,sans-serif;font-size:14px;margin-bottom:4px;display:flex;align-items:center;gap:8px;min-width:0}.assistant p{font-size:12px;color:var(--ink);line-height:1.55}.assistant .tip{border-top:1px solid var(--border);padding-top:8px;margin-top:8px;font-size:11px;color:var(--muted);font-style:italic}.tag{border:1px solid var(--border);background:#ffffffbf;padding:4px 8px;border-radius:999px;font-size:11px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 18px #1118270a}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.modes{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.modes{grid-template-columns:1fr}}.mode{border:1px solid var(--border);background:#ffffffeb;border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:var(--t);box-shadow:var(--shadow-soft)}.mode:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.mode .ico{width:50px;height:50px;border-radius:50%;background:#d97f8c1a;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary)}.mode h4{font-family:Fredoka,Poppins,sans-serif;font-size:16px;text-align:center}.mode p{font-size:12px;color:var(--muted);text-align:center;line-height:1.4}[data-theme=dark] .mode{background:#1f2937eb}[data-theme=dark] .mode .ico{background:#e89fab26}[data-theme=dark] .assistant{background:#1f2937eb}[data-theme=dark] .tag{background:#1f2937bf}[data-theme=dark] .qbox,[data-theme=dark] .opt{background:#1f2937eb}[data-theme=dark] .opt:hover{background:#e89fab1a}[data-theme=dark] .opt.selected{background:#e89fab26;border-color:var(--primary)}[data-theme=dark] .opt.correct{background:#c9e0a226;border-color:var(--olive)}[data-theme=dark] .opt.incorrect{background:#f8717126;border-color:var(--danger)}.chat{border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;height:500px;background:#ffffffeb}[data-theme=dark] .chat{background:#1f2937eb}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-foot{display:flex;gap:10px;padding:16px;border-top:1px solid var(--border)}.msg-ai{background:#d97f8c1a;color:var(--ink)}[data-theme=dark] .msg-ai{background:#e89fab26}[data-theme=dark] .stat{background:#1f2937eb}[data-theme=dark] .stat .tag{background:#1f2937bf}[data-theme=dark] .sel{background:#1f2937;color:#e5e7eb;border-color:#4b5563}[data-theme=dark] .sel option{background:#1f2937;color:#e5e7eb}.input{padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px;background:var(--surface);color:var(--ink)}[data-theme=dark] .input{background:#1f2937;color:#e5e7eb;border-color:#4b5563}[data-theme=dark] .input::-moz-placeholder{color:#9ca3af}[data-theme=dark] .input::placeholder{color:#9ca3af}.input[type=date]{cursor:pointer;position:relative}.input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .2s;transition:opacity .2s}.input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.input-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#888;font-size:18px;padding:0;display:flex;align-items:center}.theme-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1f2937,#111827);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 24px #1f293773;display:flex;align-items:center;justify-content:center;transition:var(--t);z-index:100}.theme-toggle:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 32px #1f29378c}.theme-toggle:active{transform:translateY(-1px) scale(.98)}[data-theme=dark] .theme-toggle{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 8px 24px #e89fab59}[data-theme=dark] .theme-toggle:hover{box-shadow:0 12px 32px #e89fab73}.form{display:flex;flex-direction:column;gap:12px}.form .row{display:flex;gap:10px;flex-wrap:wrap}.sel{border:1px solid var(--border);background:#ffffffeb;padding:10px 12px;border-radius:12px;font-size:14px;cursor:pointer;min-width:120px}.txt{border:1px solid var(--border);background:#ffffffeb;border-radius:14px;padding:10px 12px;outline:none;font-size:13px;min-width:160px;flex:1;min-height:44px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.qbox{border:1px solid var(--border);background:#ffffffeb;border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:16px;width:100%;min-width:0;box-sizing:border-box}.qmeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.stem{font-size:16px;line-height:1.6;margin-bottom:16px}.opts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.opt{border:1px solid var(--border);background:#ffffffeb;padding:12px 16px;border-radius:12px;cursor:pointer;transition:var(--t);display:flex;align-items:flex-start;gap:12px}.opt:hover{background:#d97f8c0d}.opt.selected{background:#d97f8c1a;border-color:var(--primary)}.opt.correct{background:#bbd38a1a;border-color:var(--olive)}.opt.incorrect{background:#ef44441a;border-color:var(--danger)}.feedback{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:12px}.fb-title{display:flex;align-items:center;gap:8px;font-weight:700}.fb-title .dot{width:12px;height:12px;border-radius:50%;background:var(--success)}.fb-body{font-size:14px;line-height:1.6}.fb-actions{display:flex;gap:10px;flex-wrap:wrap}.voice{border-radius:28px;padding:18px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(900px 420px at 20% 0%,rgba(217,127,140,.5),transparent 60%),radial-gradient(900px 420px at 90% 0%,rgba(235,203,139,.45),transparent 60%),linear-gradient(135deg,#1f2937,#111827);color:#fff;box-shadow:0 22px 60px #11182766;position:relative;overflow:hidden;min-height:clamp(520px,72vh,640px);display:flex;flex-direction:column;justify-content:space-between}.voice-top{display:flex;justify-content:space-between;align-items:center;gap:10px;opacity:.95;flex-wrap:wrap}.voice-top small{opacity:.75;letter-spacing:1px;text-transform:uppercase}.voice-ava{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),transparent 55%),linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:56px;box-shadow:0 0 #d97f8c73;animation:pulse 2.2s infinite;margin:18px auto 8px}.voice-prompt{text-align:center;font-size:16px;line-height:1.6;padding:0 14px;min-height:96px;color:#ffffffeb;word-break:break-word}.voice-wave{display:flex;justify-content:center;gap:6px;height:38px;align-items:center;opacity:0;transition:var(--t)}.voice-wave.on{opacity:1}.voice-wave .bar{width:6px;border-radius:999px;background:#ffffffb3;animation:sound .45s infinite ease-in-out alternate}.voice-actions{display:flex;justify-content:center;gap:16px;padding:18px 0 6px;flex-wrap:wrap}.circle{width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:var(--t);min-height:56px;min-width:56px}.circle:hover{transform:scale(1.04)}.circle.mic{background:#ef4444f2;color:#fff;box-shadow:0 14px 30px #ef444442}.circle.mic.listening{background:#fff;color:#ef4444f2}.circle.ghost{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.2)}.circle.end{background:#ef44441f;color:#ef4444f2;border:1px solid rgba(239,68,68,.2)}.content-area{padding:12px 16px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;margin-bottom:8px}.content-area:hover{background:var(--bg-tertiary)}.content-area-header{display:flex;align-items:center;gap:12px;flex:1}.content-subarea{padding:10px 14px;background:var(--bg-tertiary);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;margin-bottom:8px}.content-subarea:hover{background:var(--border)}.content-subarea-header{display:flex;align-items:center;gap:10px;flex:1}.content-specialty{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s;margin-bottom:6px}.content-specialty:hover{border-color:var(--primary)}.content-specialty-header{display:flex;align-items:center;gap:8px;flex:1}.content-topic{padding:6px 10px;background:var(--bg);border-left:2px solid var(--primary);margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.content-topic-header{display:flex;align-items:center;gap:8px;flex:1}.content-actions{display:flex;gap:4px}.content-subareas-container{margin-left:32px;margin-top:8px;display:flex;flex-direction:column}.content-specialties-container{margin-left:28px;margin-top:6px;display:flex;flex-direction:column}.content-topics-container{margin-left:24px;margin-top:4px;display:flex;flex-direction:column}.content-add-btn{margin-bottom:8px;width:50%;margin-left:auto}.content-add-btn-sm{margin-bottom:6px;width:50%;margin-left:auto}.content-add-btn-xs{margin-bottom:4px;width:50%;margin-left:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:90%;max-width:500px}.modal-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary)}.confirm-dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:90%;max-width:400px}@media (min-width: 768px){.modal-content{width:60%;max-width:500px}.confirm-dialog-content{width:40%;max-width:400px}}@media (min-width: 1200px) and (max-width: 1500px){.modal-content{width:55%;max-width:500px}.confirm-dialog-content{width:35%;max-width:400px}}@media (min-width: 1501px){.modal-content{width:50%;max-width:500px}.confirm-dialog-content{width:20%;max-width:400px}}@keyframes pulse{0%{box-shadow:0 0 #d97f8c59}70%{box-shadow:0 0 0 26px #d97f8c00}to{box-shadow:0 0 #d97f8c00}}@keyframes sound{0%{height:6px}to{height:32px}}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-base{font-size:13px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:20px}.text-3xl{font-size:24px}.text-4xl{font-size:48px}.p-4{padding:4px}.p-6{padding:6px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-40{padding:40px}.px-8{padding-left:8px;padding-right:8px}.px-10{padding-left:10px;padding-right:10px}.px-12{padding-left:12px;padding-right:12px}.px-14{padding-left:14px;padding-right:14px}.py-4{padding-top:4px;padding-bottom:4px}.py-6{padding-top:6px;padding-bottom:6px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.m-0{margin:0}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mr-4{margin-right:4px}.w-auto{width:auto}.icon-primary{color:var(--primary)}.icon-success{color:var(--success)}.icon-danger{color:var(--danger)}.icon-warning{color:var(--secondary)}.icon-muted{color:var(--text-secondary)}.icon-fire{color:#ff6b6b}.icon-coin{color:#ffd43b}.icon-star{color:#51cf66}.icon-check{color:#22c55e}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.modal-close:hover{background:var(--bg-secondary)}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.table-fixed{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.th-cell{padding:12px 8px;font-size:12px;font-weight:600;border-bottom:1px solid var(--border);text-align:left}.td-cell{padding:12px 8px;font-size:14px}.td-cell-sm{padding:12px 8px;font-size:13px}.td-cell-secondary{padding:12px 8px;font-size:13px;color:var(--text-secondary)}.td-cell-center{padding:12px 8px;font-size:14px;font-weight:600;text-align:center}.tr-border{border-bottom:1px solid var(--border)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.empty-state-content{text-align:center}.empty-state-icon{font-size:48px;color:var(--text-tertiary);margin-bottom:12px;display:block}[data-theme=dark] input,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password]{color:#e5e7eb!important}.admin-page{background:transparent;color:var(--ink);min-height:100vh}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-soft);transition:background .2s,border-color .2s}[data-theme=dark] .admin-card{background:#1f2937b3;border-color:#37415199;box-shadow:0 10px 30px #0000004d}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:#f9fafbcc;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}[data-theme=dark] .admin-table th{background:#1f293799;color:#9ca3af;border-color:#37415199}.admin-table td{padding:16px;border-bottom:1px solid var(--border);color:var(--ink)}[data-theme=dark] .admin-table td{border-color:#37415166;color:#e5e7eb}.admin-table tr:hover td{background:#e89fab0d}[data-theme=dark] .admin-table tr:hover td{background:#e89fab14}.admin-input,.admin-select,.admin-textarea{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--ink);font-size:14px;transition:border-color .2s,background .2s}[data-theme=dark] .admin-input,[data-theme=dark] .admin-select,[data-theme=dark] .admin-textarea{background:#1f293799;border-color:#374151cc;color:#e5e7eb}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e89fab26}[data-theme=dark] .admin-input:focus,[data-theme=dark] .admin-select:focus,[data-theme=dark] .admin-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e89fab33}.admin-input::-moz-placeholder,.admin-textarea::-moz-placeholder{color:var(--muted)}.admin-input::placeholder,.admin-textarea::placeholder{color:var(--muted)}[data-theme=dark] .admin-input::-moz-placeholder,[data-theme=dark] .admin-textarea::-moz-placeholder{color:#6b7280}[data-theme=dark] .admin-input::placeholder,[data-theme=dark] .admin-textarea::placeholder{color:#6b7280}.admin-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}[data-theme=dark] .admin-label{color:#9ca3af}.admin-modal{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}[data-theme=dark] .admin-modal{background:#1f2937;border-color:#374151cc;box-shadow:0 25px 50px #00000080}.admin-modal-header{padding:24px 28px 0;border-bottom:none}.admin-modal-body{padding:20px 28px}.admin-modal-footer{padding:0 28px 24px;display:flex;gap:12px;justify-content:flex-end}.admin-btn{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.admin-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 4px 14px #e89fab4d}.admin-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e89fab66}.admin-btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--ink)}[data-theme=dark] .admin-btn-secondary{background:#37415180;border-color:#4b556399;color:#e5e7eb}.admin-btn-secondary:hover{background:#0000000d}[data-theme=dark] .admin-btn-secondary:hover{background:#4b556399}.admin-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-btn-danger:hover{transform:translateY(-1px)}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-soft)}[data-theme=dark] .admin-stat-card{background:#1f293799;border-color:#37415199}.admin-search{position:relative}.admin-search input{width:100%;padding:12px 16px 12px 44px;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--ink);font-size:14px}[data-theme=dark] .admin-search input{background:#1f293799;border-color:#374151cc;color:#e5e7eb}.admin-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.admin-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.admin-badge-success{background:#10b9811a;color:#10b981}[data-theme=dark] .admin-badge-success{background:#34d39926;color:#34d399}.admin-badge-warning{background:#f59e0b1a;color:#f59e0b}[data-theme=dark] .admin-badge-warning{background:#fbbf2426;color:#fbbf24}.admin-badge-danger{background:#ef44441a;color:#ef4444}[data-theme=dark] .admin-badge-danger{background:#f8717126;color:#f87171}.admin-badge-info{background:#3b82f61a;color:#3b82f6}[data-theme=dark] .admin-badge-info{background:#60a5fa26;color:#60a5fa}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.admin-empty i{font-size:48px;color:var(--muted);margin-bottom:16px;opacity:.5}[data-theme=dark] .admin-empty i{color:#6b7280}.admin-empty h3{color:var(--ink);margin-bottom:8px}[data-theme=dark] .admin-empty h3{color:#e5e7eb}.admin-empty p{color:var(--muted)}[data-theme=dark] .admin-empty p{color:#9ca3af}.admin-header{margin-bottom:32px}.admin-header h1{font-size:32px;font-weight:700;color:var(--ink);margin-bottom:8px}[data-theme=dark] .admin-header h1{color:#f9fafb}.admin-header p{color:var(--muted);font-size:15px}[data-theme=dark] .admin-header p{color:#9ca3af}.admin-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.admin-loading .spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .admin-loading .spinner{border-color:#37415199;border-top-color:var(--primary)}.admin-actions{display:flex;gap:8px}.admin-action-btn{width:36px;height:36px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.admin-action-btn-edit{background:#3b82f61a;color:#3b82f6}[data-theme=dark] .admin-action-btn-edit{background:#60a5fa26;color:#60a5fa}.admin-action-btn-edit:hover{background:#3b82f633}[data-theme=dark] .admin-action-btn-edit:hover{background:#60a5fa40}.admin-action-btn-delete{background:#ef44441a;color:#ef4444}[data-theme=dark] .admin-action-btn-delete{background:#f8717126;color:#f87171}.admin-action-btn-delete:hover{background:#ef444433}[data-theme=dark] .admin-action-btn-delete:hover{background:#f8717140}.admin-action-btn-view{background:#8b5cf61a;color:#8b5cf6}[data-theme=dark] .admin-action-btn-view{background:#a78bfa26;color:#a78bfa}.admin-action-btn-view:hover{background:#8b5cf633}[data-theme=dark] .admin-action-btn-view:hover{background:#a78bfa40}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:24px}[data-theme=dark] .admin-tabs{border-color:#37415199}.admin-tab{padding:12px 20px;border:none;background:transparent;color:var(--muted);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}[data-theme=dark] .admin-tab{color:#9ca3af}.admin-tab:hover{color:var(--ink)}[data-theme=dark] .admin-tab:hover{color:#e5e7eb}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.admin-pagination button{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:all .2s}[data-theme=dark] .admin-pagination button{background:#1f293799;border-color:#37415199;color:#e5e7eb}.admin-pagination button:hover:not(:disabled){background:#e89fab1a;border-color:var(--primary)}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}[data-theme=dark] .text-gray-900,.dark .text-gray-900{color:#f9fafb!important}[data-theme=dark] .text-gray-800,.dark .text-gray-800{color:#f3f4f6!important}[data-theme=dark] .text-gray-700,.dark .text-gray-700{color:#e5e7eb!important}[data-theme=dark] .text-gray-600,.dark .text-gray-600{color:#d1d5db!important}[data-theme=dark] .text-gray-500,.dark .text-gray-500{color:#9ca3af!important}[data-theme=dark] .bg-white,.dark .bg-white{background-color:#1f2937!important}[data-theme=dark] .bg-gray-50,.dark .bg-gray-50{background-color:#1f293780!important}[data-theme=dark] .bg-gray-100,.dark .bg-gray-100{background-color:#1f293799!important}[data-theme=dark] .border-gray-200,.dark .border-gray-200{border-color:#37415199!important}[data-theme=dark] .border-gray-300,.dark .border-gray-300{border-color:#4b556399!important}[data-theme=dark] .border-gray-100,.dark .border-gray-100{border-color:#37415166!important}[data-theme=dark] .border-gray-700,.dark .border-gray-700{border-color:#4b5563cc!important}[data-theme=dark] .divide-gray-100>*+*,.dark .divide-gray-100>*+*{border-color:#37415166!important}[data-theme=dark] .divide-gray-200>*+*,.dark .divide-gray-200>*+*{border-color:#37415199!important}[data-theme=dark] .hover\:bg-gray-50:hover,.dark .hover\:bg-gray-50:hover{background-color:#37415166!important}[data-theme=dark] .hover\:bg-gray-100:hover,.dark .hover\:bg-gray-100:hover{background-color:#37415180!important}[data-theme=dark] .focus\:ring-violet-500:focus,.dark .focus\:ring-violet-500:focus{--tw-ring-color: rgba(139, 92, 246, .5) !important}[data-theme=dark] .focus\:border-violet-500:focus,.dark .focus\:border-violet-500:focus{border-color:#8b5cf6!important}[data-theme=dark] .placeholder-gray-400::-moz-placeholder,.dark .placeholder-gray-400::-moz-placeholder{color:#6b7280!important}[data-theme=dark] .placeholder-gray-400::placeholder,.dark .placeholder-gray-400::placeholder{color:#6b7280!important}[data-theme=dark] .placeholder-gray-500::-moz-placeholder,.dark .placeholder-gray-500::-moz-placeholder{color:#6b7280!important}[data-theme=dark] .placeholder-gray-500::placeholder,.dark .placeholder-gray-500::placeholder{color:#6b7280!important}[data-theme=dark] .from-violet-50,.dark .from-violet-50{--tw-gradient-from: rgba(139, 92, 246, .15) !important}[data-theme=dark] .from-fuchsia-50,.dark .from-fuchsia-50{--tw-gradient-from: rgba(217, 70, 239, .15) !important}[data-theme=dark] .to-fuchsia-50,.dark .to-fuchsia-50{--tw-gradient-to: rgba(217, 70, 239, .15) !important}[data-theme=dark] .from-teal-50,.dark .from-teal-50{--tw-gradient-from: rgba(20, 184, 166, .15) !important}[data-theme=dark] .to-cyan-50,.dark .to-cyan-50{--tw-gradient-to: rgba(6, 182, 212, .15) !important}[data-theme=dark] .from-indigo-50,.dark .from-indigo-50{--tw-gradient-from: rgba(99, 102, 241, .15) !important}[data-theme=dark] .to-blue-50,.dark .to-blue-50{--tw-gradient-to: rgba(59, 130, 246, .15) !important}[data-theme=dark] .from-amber-50,.dark .from-amber-50{--tw-gradient-from: rgba(245, 158, 11, .15) !important}[data-theme=dark] .to-orange-50,.dark .to-orange-50{--tw-gradient-to: rgba(249, 115, 22, .15) !important}[data-theme=dark] .from-cyan-50,.dark .from-cyan-50{--tw-gradient-from: rgba(6, 182, 212, .15) !important}[data-theme=dark] .to-sky-50,.dark .to-sky-50{--tw-gradient-to: rgba(14, 165, 233, .15) !important}[data-theme=dark] .ring-gray-200,.dark .ring-gray-200{--tw-ring-color: rgba(55, 65, 81, .6) !important}[data-theme=dark] .shadow-lg,.dark .shadow-lg{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d!important}[data-theme=dark] .shadow-xl,.dark .shadow-xl{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d!important}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-right-1{right:-.25rem}.-right-8{right:-2rem}.-top-1{top:-.25rem}.-top-8{top:-2rem}.left-4{left:1rem}.top-1\/2{top:50%}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-32{height:8rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-96{max-height:24rem}.max-h-\[calc\(90vh-200px\)\]{max-height:calc(90vh - 200px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[270px\]{width:270px}.w-\[340px\]{width:340px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto\,1fr\]{grid-template-columns:auto 1fr}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[\#E5E7EB\]>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:18px}.rounded-md{border-radius:14px}.rounded-xl{border-radius:26px}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#8B5CF6\]\/20{border-color:#8b5cf633}.border-\[\#8B9DC3\]\/20{border-color:#8b9dc333}.border-\[\#A3BE8C\]{--tw-border-opacity: 1;border-color:rgb(163 190 140 / var(--tw-border-opacity, 1))}.border-\[\#A3BE8C\]\/20{border-color:#a3be8c33}.border-\[\#E5E7EB\]{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-\[\#E5E7EB\]\/50{border-color:#e5e7eb80}.border-\[\#E89FAB\]\/20{border-color:#e89fab33}.border-\[\#EBCB8B\]\/20{border-color:#ebcb8b33}.border-\[\#F0B429\]\/20{border-color:#f0b42933}.border-border{border-color:var(--border)}.border-danger{border-color:var(--danger)}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-success{border-color:var(--success)}.border-teal-200{--tw-border-opacity: 1;border-color:rgb(153 246 228 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-t-\[\#8B5CF6\]{--tw-border-opacity: 1;border-top-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.border-t-\[\#8B9DC3\]{--tw-border-opacity: 1;border-top-color:rgb(139 157 195 / var(--tw-border-opacity, 1))}.border-t-\[\#E89FAB\]{--tw-border-opacity: 1;border-top-color:rgb(232 159 171 / var(--tw-border-opacity, 1))}.border-t-\[\#F0B429\]{--tw-border-opacity: 1;border-top-color:rgb(240 180 41 / var(--tw-border-opacity, 1))}.border-t-teal-500{--tw-border-opacity: 1;border-top-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.bg-\[\#6B7280\]{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-\[\#6B7280\]\/10{background-color:#6b72801a}.bg-\[\#8B5CF6\]{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-\[\#8B5CF6\]\/10{background-color:#8b5cf61a}.bg-\[\#8B9DC3\]\/10{background-color:#8b9dc31a}.bg-\[\#8FAA7D\]\/10{background-color:#8faa7d1a}.bg-\[\#A3BE8C\]{--tw-bg-opacity: 1;background-color:rgb(163 190 140 / var(--tw-bg-opacity, 1))}.bg-\[\#A3BE8C\]\/10{background-color:#a3be8c1a}.bg-\[\#A3BE8C\]\/5{background-color:#a3be8c0d}.bg-\[\#D6576C\]\/10{background-color:#d6576c1a}.bg-\[\#E1AF4C\]\/10{background-color:#e1af4c1a}.bg-\[\#E5E7EB\]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-\[\#E89FAB\]{--tw-bg-opacity: 1;background-color:rgb(232 159 171 / var(--tw-bg-opacity, 1))}.bg-\[\#E89FAB\]\/10{background-color:#e89fab1a}.bg-\[\#EBCB8B\]{--tw-bg-opacity: 1;background-color:rgb(235 203 139 / var(--tw-bg-opacity, 1))}.bg-\[\#EBCB8B\]\/10{background-color:#ebcb8b1a}.bg-\[\#EF4444\]\/10{background-color:#ef44441a}.bg-\[\#F0B429\]\/10{background-color:#f0b4291a}.bg-\[\#F0B429\]\/5{background-color:#f0b4290d}.bg-\[\#FBFAFB\]{--tw-bg-opacity: 1;background-color:rgb(251 250 251 / var(--tw-bg-opacity, 1))}.bg-\[\#FBFAFB\]\/20{background-color:#fbfafb33}.bg-\[\#FBFAFB\]\/30{background-color:#fbfafb4d}.bg-\[\#FBFAFB\]\/50{background-color:#fbfafb80}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-bg{background-color:var(--bg)}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-50\/30{background-color:#eff6ff4d}.bg-danger{background-color:var(--danger)}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-success{background-color:var(--success)}.bg-surface{background-color:var(--surface)}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#6B7280\]{--tw-gradient-from: #6B7280 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#8B5CF6\]{--tw-gradient-from: #8B5CF6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#8B5CF6\]\/10{--tw-gradient-from: rgb(139 92 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#8B9DC3\]{--tw-gradient-from: #8B9DC3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 157 195 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#8FAA7D\]{--tw-gradient-from: #8FAA7D var(--tw-gradient-from-position);--tw-gradient-to: rgb(143 170 125 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#A3BE8C\]{--tw-gradient-from: #A3BE8C var(--tw-gradient-from-position);--tw-gradient-to: rgb(163 190 140 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#A3BE8C\]\/10{--tw-gradient-from: rgb(163 190 140 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(163 190 140 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#E89FAB\]{--tw-gradient-from: #E89FAB var(--tw-gradient-from-position);--tw-gradient-to: rgb(232 159 171 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#E89FAB\]\/10{--tw-gradient-from: rgb(232 159 171 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(232 159 171 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#E89FAB\]\/20{--tw-gradient-from: rgb(232 159 171 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(232 159 171 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#EBCB8B\]{--tw-gradient-from: #EBCB8B var(--tw-gradient-from-position);--tw-gradient-to: rgb(235 203 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#F0B429\]{--tw-gradient-from: #F0B429 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 180 41 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#F0B429\]\/10{--tw-gradient-from: rgb(240 180 41 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 180 41 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-100{--tw-gradient-from: #ccfbf1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(204 251 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#6B7280\]\/80{--tw-gradient-to: rgb(107 114 128 / .8) var(--tw-gradient-to-position)}.to-\[\#6B7FA8\]{--tw-gradient-to: #6B7FA8 var(--tw-gradient-to-position)}.to-\[\#8B5CF6\]\/5{--tw-gradient-to: rgb(139 92 246 / .05) var(--tw-gradient-to-position)}.to-\[\#8B5CF6\]\/80{--tw-gradient-to: rgb(139 92 246 / .8) var(--tw-gradient-to-position)}.to-\[\#8B5CF6\]\/90{--tw-gradient-to: rgb(139 92 246 / .9) var(--tw-gradient-to-position)}.to-\[\#8FAA7D\]\/80{--tw-gradient-to: rgb(143 170 125 / .8) var(--tw-gradient-to-position)}.to-\[\#8FAA7D\]\/90{--tw-gradient-to: rgb(143 170 125 / .9) var(--tw-gradient-to-position)}.to-\[\#A3BE8C\]\/5{--tw-gradient-to: rgb(163 190 140 / .05) var(--tw-gradient-to-position)}.to-\[\#A3BE8C\]\/80{--tw-gradient-to: rgb(163 190 140 / .8) var(--tw-gradient-to-position)}.to-\[\#A3BE8C\]\/90{--tw-gradient-to: rgb(163 190 140 / .9) var(--tw-gradient-to-position)}.to-\[\#D97F8C\]{--tw-gradient-to: #D97F8C var(--tw-gradient-to-position)}.to-\[\#D97F8C\]\/20{--tw-gradient-to: rgb(217 127 140 / .2) var(--tw-gradient-to-position)}.to-\[\#E89FAB\]\/5{--tw-gradient-to: rgb(232 159 171 / .05) var(--tw-gradient-to-position)}.to-\[\#EBCB8B\]\/90{--tw-gradient-to: rgb(235 203 139 / .9) var(--tw-gradient-to-position)}.to-\[\#F0B429\]\/5{--tw-gradient-to: rgb(240 180 41 / .05) var(--tw-gradient-to-position)}.to-\[\#F0B429\]\/80{--tw-gradient-to: rgb(240 180 41 / .8) var(--tw-gradient-to-position)}.to-\[\#F0B429\]\/90{--tw-gradient-to: rgb(240 180 41 / .9) var(--tw-gradient-to-position)}.to-cyan-100{--tw-gradient-to: #cffafe var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to: #0891b2 var(--tw-gradient-to-position)}.p-1\.5{padding:.375rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-20{padding-bottom:5rem}.pl-11{padding-left:2.75rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-\[\#\#323741\]{color:##323741}.text-\[\#1F2937\]{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-\[\#6B7280\]{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-\[\#708260\]{--tw-text-opacity: 1;color:rgb(112 130 96 / var(--tw-text-opacity, 1))}.text-\[\#7DA35C\]{--tw-text-opacity: 1;color:rgb(125 163 92 / var(--tw-text-opacity, 1))}.text-\[\#8B5CF6\]{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-\[\#8B9DC3\]{--tw-text-opacity: 1;color:rgb(139 157 195 / var(--tw-text-opacity, 1))}.text-\[\#8FAA7D\]{--tw-text-opacity: 1;color:rgb(143 170 125 / var(--tw-text-opacity, 1))}.text-\[\#A3BE8C\]{--tw-text-opacity: 1;color:rgb(163 190 140 / var(--tw-text-opacity, 1))}.text-\[\#D6576C\]{--tw-text-opacity: 1;color:rgb(214 87 108 / var(--tw-text-opacity, 1))}.text-\[\#DA9E25\]{--tw-text-opacity: 1;color:rgb(218 158 37 / var(--tw-text-opacity, 1))}.text-\[\#E89FAB\]{--tw-text-opacity: 1;color:rgb(232 159 171 / var(--tw-text-opacity, 1))}.text-\[\#EBCB8B\]{--tw-text-opacity: 1;color:rgb(235 203 139 / var(--tw-text-opacity, 1))}.text-\[\#EF4444\]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-\[\#F0B429\]{--tw-text-opacity: 1;color:rgb(240 180 41 / var(--tw-text-opacity, 1))}.text-\[\#b88583\]{--tw-text-opacity: 1;color:rgb(184 133 131 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-danger{color:var(--danger)}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-olive{color:var(--olive)}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-pink-700{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-primary{color:var(--primary)}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-success{color:var(--success)}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[\#8B5CF6\]\/20{--tw-shadow-color: rgb(139 92 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#8B9DC3\]\/20{--tw-shadow-color: rgb(139 157 195 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#8B9DC3\]\/30{--tw-shadow-color: rgb(139 157 195 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#8FAA7D\]\/20{--tw-shadow-color: rgb(143 170 125 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#8FAA7D\]\/30{--tw-shadow-color: rgb(143 170 125 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#A3BE8C\]\/30{--tw-shadow-color: rgb(163 190 140 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#E89FAB\]\/20{--tw-shadow-color: rgb(232 159 171 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#F0B429\]\/20{--tw-shadow-color: rgb(240 180 41 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#F0B429\]\/30{--tw-shadow-color: rgb(240 180 41 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-teal-500\/20{--tw-shadow-color: rgb(20 184 166 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-teal-500\/30{--tw-shadow-color: rgb(20 184 166 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{margin:0;height:100vh}#root{height:100vh}.settings-switch{position:relative;display:inline-block;width:52px;height:28px}.settings-switch input{opacity:0;width:0;height:0}.settings-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--border);transition:.3s;border-radius:28px}.settings-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.settings-switch input:checked+.settings-slider{background-color:var(--primary)}.settings-switch input:checked+.settings-slider:before{transform:translate(24px)}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#6B7280\]:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.hover\:border-\[\#E5E7EB\]:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.hover\:border-\[\#E89FAB\]\/30:hover{border-color:#e89fab4d}.hover\:border-teal-200:hover{--tw-border-opacity: 1;border-color:rgb(153 246 228 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#8B5CF6\]\/20:hover{background-color:#8b5cf633}.hover\:bg-\[\#A3BE8C\]\/20:hover{background-color:#a3be8c33}.hover\:bg-\[\#E5E7EB\]\/80:hover{background-color:#e5e7ebcc}.hover\:bg-\[\#E89FAB\]\/20:hover{background-color:#e89fab33}.hover\:bg-\[\#EF4444\]\/20:hover{background-color:#ef444433}.hover\:bg-\[\#FBFAFB\]:hover{--tw-bg-opacity: 1;background-color:rgb(251 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 205 211 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-100:hover{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:from-\[\#8B5CF6\]\/15:hover{--tw-gradient-from: rgb(139 92 246 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-\[\#A3BE8C\]\/15:hover{--tw-gradient-from: rgb(163 190 140 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(163 190 140 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-\[\#E89FAB\]\/15:hover{--tw-gradient-from: rgb(232 159 171 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(232 159 171 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-\[\#8B5CF6\]\/10:hover{--tw-gradient-to: rgb(139 92 246 / .1) var(--tw-gradient-to-position)}.hover\:to-\[\#A3BE8C\]\/10:hover{--tw-gradient-to: rgb(163 190 140 / .1) var(--tw-gradient-to-position)}.hover\:to-\[\#E89FAB\]\/10:hover{--tw-gradient-to: rgb(232 159 171 / .1) var(--tw-gradient-to-position)}.hover\:text-\[\#1F2937\]:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-\[\#6B7FA8\]:hover{--tw-text-opacity: 1;color:rgb(107 127 168 / var(--tw-text-opacity, 1))}.hover\:text-\[\#8FAA7D\]\/80:hover{color:#8faa7dcc}.hover\:text-\[\#F0B429\]\/80:hover{color:#f0b429cc}.hover\:text-teal-700:hover{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[\#8B9DC3\]\/40:hover{--tw-shadow-color: rgb(139 157 195 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-\[\#8FAA7D\]\/40:hover{--tw-shadow-color: rgb(143 170 125 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-\[\#A3BE8C\]\/40:hover{--tw-shadow-color: rgb(163 190 140 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-\[\#F0B429\]\/40:hover{--tw-shadow-color: rgb(240 180 41 / .4);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-teal-500\/40:hover{--tw-shadow-color: rgb(20 184 166 / .4);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-\[\#8B5CF6\]:focus{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.focus\:border-\[\#8B9DC3\]:focus{--tw-border-opacity: 1;border-color:rgb(139 157 195 / var(--tw-border-opacity, 1))}.focus\:border-\[\#8FAA7D\]:focus{--tw-border-opacity: 1;border-color:rgb(143 170 125 / var(--tw-border-opacity, 1))}.focus\:border-\[\#A3BE8C\]:focus{--tw-border-opacity: 1;border-color:rgb(163 190 140 / var(--tw-border-opacity, 1))}.focus\:border-\[\#E89FAB\]:focus{--tw-border-opacity: 1;border-color:rgb(232 159 171 / var(--tw-border-opacity, 1))}.focus\:border-\[\#EBCB8B\]:focus{--tw-border-opacity: 1;border-color:rgb(235 203 139 / var(--tw-border-opacity, 1))}.focus\:border-\[\#F0B429\]:focus{--tw-border-opacity: 1;border-color:rgb(240 180 41 / var(--tw-border-opacity, 1))}.focus\:border-emerald-400:focus{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.focus\:border-teal-400:focus{--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#8B5CF6\]\/20:focus{--tw-ring-color: rgb(139 92 246 / .2)}.focus\:ring-\[\#8B9DC3\]\/20:focus{--tw-ring-color: rgb(139 157 195 / .2)}.focus\:ring-\[\#8FAA7D\]\/20:focus{--tw-ring-color: rgb(143 170 125 / .2)}.focus\:ring-\[\#A3BE8C\]\/20:focus{--tw-ring-color: rgb(163 190 140 / .2)}.focus\:ring-\[\#E89FAB\]\/20:focus{--tw-ring-color: rgb(232 159 171 / .2)}.focus\:ring-\[\#EBCB8B\]\/20:focus{--tw-ring-color: rgb(235 203 139 / .2)}.focus\:ring-\[\#F0B429\]\/20:focus{--tw-ring-color: rgb(240 180 41 / .2)}.focus\:ring-emerald-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1))}.focus\:ring-teal-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(204 251 241 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[\#1F2937\]{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-70{opacity:.7}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--primary: #b88583;--primary-light: #d89d9d}.sidebar{width:260px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(184,133,131,.1);box-shadow:4px 0 24px #b8858314;padding:24px 16px;display:flex;flex-direction:column;gap:24px;z-index:50;position:fixed;top:0;left:0;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dark .sidebar{background:#111827f2;border-right:1px solid rgba(55,65,81,.3);box-shadow:4px 0 24px #0000004d}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.hamburger{display:none;position:fixed;top:20px;left:20px;z-index:60;background:#fffffff2;border:1px solid rgba(184,133,131,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #b885831a}.dark .hamburger{background:#1f2937f2;border-color:#3741514d}.hamburger i{font-size:24px;color:#b88583;display:block}.hamburger:hover{transform:scale(1.05);box-shadow:0 6px 16px #b8858326}@media (max-width: 1024px){.hamburger{display:block}.sidebar.open~.hamburger{opacity:0;pointer-events:none}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.sidebar-overlay{display:block}}.sidebar-header{display:flex;align-items:center;justify-content:flex-start;position:relative}.brand{display:flex;align-items:center;justify-content:flex-start;padding:12px 14px;border-radius:var(--radius);background:transparent;border:none;min-width:0;position:relative}.dark .brand{background:linear-gradient(to bottom,#1f2937f2,#111827f2);border-color:#374151cc}.brand-content{min-width:0;flex:1;position:relative;z-index:1}.brand-title{font-family:Fredoka,sans-serif;font-size:33px;font-weight:800;letter-spacing:-.8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--primary) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;margin:0;text-align:left}.dark .brand-title{color:#f9fafb}.brand-subtitle{font-size:11px;font-weight:500;line-height:1.2;color:#6b7280;margin:4px 0 0}.dark .brand-subtitle{color:#9ca3af}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-btn{border:none;background:transparent;padding:13px 14px;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;color:#4a4a4a;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:14px;min-width:0;position:relative;overflow:hidden;text-decoration:none}.dark .nav-btn{color:#9ca3af}.nav-btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#b885831a,#d89d9d14);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);border-radius:12px}.dark .nav-btn-bg{background:linear-gradient(135deg,#b8858326,#d89d9d1a)}.nav-btn:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:linear-gradient(180deg,#b88583,#d89d9d);border-radius:0 4px 4px 0;transition:height .4s cubic-bezier(.4,0,.2,1)}.nav-btn.active:before{height:70%}.active-indicator{position:absolute;right:14px;width:6px;height:6px;background:#b88583;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.nav-btn i{font-size:20px;color:#9ca3af;flex:0 0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.dark .nav-btn i{color:#6b7280}.nav-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.nav-btn:hover{color:#1a1a1a;transform:translate(6px) scale(1.02)}.dark .nav-btn:hover{color:#f3f4f6}.nav-btn:hover i{color:#b88583;transform:scale(1.15) rotate(-5deg)}.nav-btn:active{transform:translate(6px) scale(.98)}.nav-btn.active{background:linear-gradient(135deg,#b8858326,#d89d9d1a);color:#1a1a1a;box-shadow:inset 0 2px 8px #b885831a}.dark .nav-btn.active{background:linear-gradient(135deg,#b8858333,#d89d9d26);color:#f3f4f6}.nav-btn.active i{color:#b88583;animation:iconBounce .6s cubic-bezier(.4,0,.2,1)}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.nav-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:radial-gradient(circle,rgba(184,133,131,.3) 0%,transparent 70%);transform:scale(0);opacity:0;pointer-events:none}.nav-btn:active:after{animation:ripple .6s ease-out}.nav-footer{margin-top:auto;padding-top:8px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px}.dark .nav-footer{border-top-color:#37415180}.info-card{border-radius:12px;padding:16px;background:linear-gradient(135deg,#fff1f2,#fce7f3);border:1px solid rgba(251,207,232,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .info-card{background:linear-gradient(135deg,#1f2937e6,#111827e6);border-color:#374151cc}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f43f5e1a}.info-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.info-header i{font-size:20px;color:#f43f5e;flex-shrink:0}.dark .info-header i{color:#fda4af}.info-title{font-weight:800;font-size:12px;line-height:1.2;color:#1f2937}.dark .info-title{color:#f3f4f6}.info-description{font-size:11px;line-height:1.5;color:#4b5563}.dark .info-description{color:#9ca3af}.logout-btn{color:#d32f2f;margin-top:0;position:relative}.logout-btn i{color:#d32f2f}.logout-btn .nav-btn-bg{background:linear-gradient(135deg,#d32f2f1f,#d32f2f14)}.logout-btn:before{background:linear-gradient(180deg,#d32f2f,#b71c1c)}.logout-btn:hover{color:#b71c1c}.logout-btn:hover i{color:#b71c1c;transform:scale(1.15) rotate(0)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#b885834d;border-radius:3px}.dark .sidebar::-webkit-scrollbar-thumb{background:#37415180}.sidebar::-webkit-scrollbar-thumb:hover{background:#b8858380}.dark .sidebar::-webkit-scrollbar-thumb:hover{background:#374151b3}.right{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(184,133,131,.1);box-shadow:-4px 0 24px #b8858314;padding:20px;overflow-y:auto;position:fixed;right:0;top:0;bottom:0;z-index:1000;display:flex;flex-direction:column;gap:16px}.dark .right{background:#111827f2;border-left:1px solid rgba(55,65,81,.3);box-shadow:-4px 0 24px #0000004d}.stats-compact{display:flex;gap:8px;padding:8px;justify-content:space-around;margin-bottom:4px;background:#ffffff80;position:relative;z-index:60;overflow:visible}.dark .stats-compact{background:#1f293780;border-color:#3741514d}.stat-icon{position:relative;z-index:100;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:12px;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:0;height:32px;pointer-events:auto}.stat-icon:hover{background:#b8858314;transform:translateY(-2px)}.dark .stat-icon:hover{background:#b885831f}.stat-icon i{font-size:20px}.stat-icon:hover i{transform:scale(1.1)}.stat-icon[data-label=Racha] i{color:#f59e0b}.stat-icon[data-label=XP] i{color:#4a90e2}.stat-icon[data-label=Monedas] i{color:#ebcb8b}.stat-value{font-size:14px;font-weight:700;color:#1a1a1a;line-height:1;white-space:nowrap}.dark .stat-value{color:#f3f4f6}.stat-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-10px);background:#fff;border-radius:14px;padding:18px;min-width:280px;box-shadow:0 12px 40px #0000001f,0 0 0 1px #0000000f;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:1000}.stat-icon:nth-child(1) .stat-tooltip{left:0;transform:translate(0) translateY(-10px)}.stat-icon:nth-child(1) .stat-tooltip:before{left:20px}.stat-icon:nth-child(1):hover .stat-tooltip{transform:translate(0) translateY(0)}.stat-icon:nth-child(3) .stat-tooltip{left:auto;right:0;transform:translate(0) translateY(-10px)}.stat-icon:nth-child(3) .stat-tooltip:before{left:auto;right:20px}.stat-icon:nth-child(3):hover .stat-tooltip{transform:translate(0) translateY(0)}.stat-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:#fff;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.04))}.stat-icon:hover .stat-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.tooltip-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.tooltip-header i{font-size:20px}.streak-tooltip .tooltip-header i{color:#ff6b35}.coins-tooltip .tooltip-header i{color:#f4d469}.streak-calendar-mini{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:16px}.calendar-day-mini{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:11px;font-weight:600;border:2px solid var(--border);background:var(--surface-light);color:var(--muted);transition:all .3s ease}.calendar-day-mini.done{background:linear-gradient(135deg,#ff6b35,#ff8559);border-color:#ff6b35;color:#fff;box-shadow:0 2px 8px #ff6b3540}.calendar-day-mini.current{background:linear-gradient(135deg,#4a90e2,#5fa3f5);border-color:#4a90e2;color:#fff;animation:pulseMini 2s ease-in-out infinite;box-shadow:0 2px 8px #4a90e240}@keyframes pulseMini{0%,to{box-shadow:0 2px 8px #4a90e240,0 0 #4a90e266}50%{box-shadow:0 2px 8px #4a90e240,0 0 0 5px #4a90e200}}.calendar-day-mini.pending{background:var(--surface);border-color:var(--border-light)}.tooltip-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.tooltip-stat-item{text-align:center;padding:12px 10px;background:linear-gradient(135deg,var(--surface-light),var(--surface));border-radius:10px;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.tooltip-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.tooltip-stat-item .stat-num{display:block;font-size:24px;font-weight:700;color:#ff6b35;line-height:1;margin-bottom:6px;letter-spacing:-.5px}.tooltip-stat-item .stat-label{display:block;font-size:11px;color:var(--muted);font-weight:500;line-height:1.3}.tooltip-message{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#ff6b3514,#ff6b3508);border-radius:10px;font-size:12px;line-height:1.5;color:var(--ink-light);border:1px solid rgba(255,107,53,.1)}.tooltip-message i{color:#ff6b35;font-size:18px;flex-shrink:0}.coins-tooltip .tooltip-message{background:linear-gradient(135deg,#b8858314,#d89d9d0d);border:1px solid rgba(184,133,131,.12)}.coins-tooltip .tooltip-message i{color:var(--primary)}.coins-display{display:flex;align-items:center;justify-content:center;padding:24px 20px;background:linear-gradient(135deg,var(--surface-light) 0%,var(--surface) 100%);border:2px solid rgba(0,0,0,.06);border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.coins-display:before{content:"";position:absolute;top:-50%;right:-30%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,215,0,.12) 0%,transparent 70%);border-radius:50%}.coin-amount{font-size:15px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.coin-value{font-size:30px;font-weight:700;color:#dcbe5d;line-height:1;letter-spacing:-1px}.coin-label{font-size:13px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.tooltip-btn{width:100%;padding:12px 18px;background:radial-gradient(circle,#dcbe5d,#cfb359 70%);border:2px solid var(--warning);border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tooltip-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--warning);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:0}.tooltip-btn:hover:before{transform:scaleX(1)}.tooltip-btn i,.tooltip-btn span{position:relative;z-index:1;transition:color .3s ease}.tooltip-btn i{color:var(--warning);font-size:16px}.tooltip-btn:hover{color:#fff;box-shadow:0 6px 16px #cec8904d;transform:translateY(-2px);border-color:var(--warning)}.tooltip-btn:hover i{color:#fff}.tooltip-btn i{color:#fff!important}.tooltip-btn:active{transform:translateY(0)}.xp-tooltip .tooltip-header i{color:#4a90e2}.xp-display{margin-bottom:16px}.xp-progress{margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.xp-bar{height:12px;background:linear-gradient(135deg,var(--surface-light),var(--surface));border-radius:999px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 2px 4px #0000000f}.xp-fill{height:100%;background:linear-gradient(90deg,#4a90e2,#5fa3f5);border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 12px #4a90e266}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-level{font-size:13px;color:#4a90e2;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px}.xp-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:14px 16px;position:relative;overflow:hidden}.xp-stats:before{content:"";position:absolute;top:-50%;right:-30%;width:80px;height:80px;background:radial-gradient(circle,rgba(74,144,226,.15) 0%,transparent 70%);border-radius:50%}.xp-current{font-weight:700;color:#4a90e2;font-size:24px;line-height:1;letter-spacing:-.5px;position:relative;z-index:1}.xp-next{font-size:12px;color:var(--ink-light);font-weight:500;line-height:1.4;position:relative;z-index:1}.xp-benefits{justify-content:center;display:flex;gap:5px;font-size:13px;color:var(--ink-light);background:linear-gradient(135deg,#f4d46914,#f4d46908);padding:8px;border-radius:10px;border:1px solid rgba(244,212,105,.12)}.xp-benefits i{margin-top:3px;font-size:12px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(244,212,105,.3))}.right-stats-section{margin-bottom:4px;position:relative;z-index:1}.right-stats-section h4{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:8px}.dark .right-stats-section h4{color:#f3f4f6}.right-stats-section h4 i{color:#b88583}.right-stats-list{display:flex;flex-direction:column;gap:10px}.right-stat-card{background:#fff;border:1px solid rgba(184,133,131,.1);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dark .right-stat-card{background:#1f293780;border-color:#3741514d}.right-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(184,133,131,.05),transparent);opacity:0;transition:opacity .3s ease}.right-stat-card:hover:before{opacity:1}.right-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b8858326}.right-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.right-stat-card.primary .right-stat-icon{background:#b8858326;color:#b88583}.right-stat-card.secondary .right-stat-icon{background:#6eb15926;color:#6eb159}.right-stat-card.quaternary .right-stat-icon{background:#4a90e226;color:#4a90e2}.right-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.right-stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.right-stat-main{display:flex;flex-direction:column}.right-stat-value{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:2px}.dark .right-stat-value{color:#f3f4f6}.right-stat-label{font-size:11px;font-weight:500;color:#6b7280}.dark .right-stat-label{color:#9ca3af}.right-stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border:1px solid;border-radius:999px;padding:3px 8px}.right-stat-trend.up{color:#1d8f5a;background:#eafaf4;border-color:#cbe9dc}.right-stat-trend.down{color:#b8544e;background:#fdeceb;border-color:#f7d2cf}.right-stat-trend i{font-size:12px}.assistant-card{background:linear-gradient(135deg,#b8858314,#d89d9d0d);border:1px solid rgba(184,133,131,.15);border-radius:12px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .assistant-card{background:linear-gradient(135deg,#b8858326,#d89d9d1a);border-color:#b8858333}.assistant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b8858326}.assistant-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.assistant-icon{width:32px;height:32px;background:linear-gradient(135deg,#b88583,#d89d9d);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #b885834d}.assistant-icon i{color:#fff;font-size:16px}.assistant-header h4{margin:0;color:#1a1a1a;font-size:13px;font-weight:600}.dark .assistant-header h4{color:#f3f4f6}.assistant-text{font-size:12px;color:#4a4a4a;margin:0 0 10px;line-height:1.5}.dark .assistant-text{color:#d1d5db}.assistant-text strong{color:#b88583;font-weight:700}.assistant-tip{display:flex;align-items:flex-start;gap:8px;padding:10px;background:#fff9;border-radius:8px;font-size:11px;color:#4a4a4a;line-height:1.4}.dark .assistant-tip{background:#1f293799;color:#d1d5db}.assistant-tip i{color:#ebcb8b;font-size:14px;flex-shrink:0;margin-top:1px}.improvement-card-compact{background:#fff;border-radius:12px;padding:14px;border:1px solid rgba(184,133,131,.1);box-shadow:0 2px 8px #b885830f;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .improvement-card-compact{background:#1f293780;border-color:#3741514d}.improvement-card-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b885831f}.improvement-header-compact{display:flex;align-items:center;gap:10px;margin-bottom:12px}.improvement-icon-compact{width:32px;height:32px;background:linear-gradient(135deg,#b88583,#d89d9d);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #b885834d}.improvement-icon-compact i{color:#fff;font-size:16px}.improvement-header-compact h4{margin:0;color:#1a1a1a;font-size:13px;font-weight:600}.dark .improvement-header-compact h4{color:#f3f4f6}.improvement-topic-compact{margin-bottom:12px}.topic-badge-compact{display:inline-flex;align-items:center;gap:6px;background:#b885831a;padding:4px 10px;border-radius:12px;margin-bottom:8px;border:1px solid rgba(184,133,131,.15)}.dark .topic-badge-compact{background:#b8858326;border-color:#b8858333}.topic-badge-compact i{color:#b88583;font-size:12px}.topic-badge-compact span{color:#4a4a4a;font-size:11px;font-weight:500}.dark .topic-badge-compact span{color:#d1d5db}.topic-description-compact strong{display:block;color:#1a1a1a;font-size:12px;font-weight:600;line-height:1.3}.dark .topic-description-compact strong{color:#f3f4f6}.improvement-btn-compact{width:100%;padding:10px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.improvement-btn-compact.primary{background:linear-gradient(135deg,#b88583,#d89d9d);color:#fff;box-shadow:0 2px 6px #b885834d}.improvement-btn-compact.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b8858366}.dashboard-card{background:#fff;border:1px solid rgba(184,133,131,.1);border-radius:12px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .dashboard-card{background:#1f293780;border-color:#3741514d}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b885831f}.dashboard-card h3{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 12px;display:flex;align-items:center;gap:8px}.dark .dashboard-card h3{color:#f3f4f6}.dashboard-card h3 i{color:#b88583}.dashboard-info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:11px}.info-label{color:#6b7280}.dark .info-label{color:#9ca3af}.info-item strong{color:#1a1a1a;font-weight:600}.dark .info-item strong{color:#f3f4f6}.chart-container{height:110px;margin-top:10px}.coordinator-card{background:#fff;border:1px solid rgba(184,133,131,.1);border-radius:12px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .coordinator-card{background:#1f293780;border-color:#3741514d}.coordinator-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b885831f}.coordinator-card h3{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 12px;display:flex;align-items:center;gap:8px}.dark .coordinator-card h3{color:#f3f4f6}.coordinator-card h3 i{color:#b88583}.coordinator-content{display:flex;flex-direction:column;gap:10px}.coordinator-stat{display:flex;align-items:baseline;gap:6px}.stat-number{font-size:20px;font-weight:700;color:#b88583}.stat-text{font-size:11px;color:#6b7280}.dark .stat-text{color:#9ca3af}.coordinator-areas{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid rgba(184,133,131,.1)}.dark .coordinator-areas{border-top-color:#3741514d}.area-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#b885830d;border-radius:6px}.dark .area-item{background:#b885831a}.area-name{font-size:11px;color:#4a4a4a;font-weight:500}.dark .area-name{color:#d1d5db}.area-percent{font-size:12px;font-weight:600;color:#b88583}.right::-webkit-scrollbar{width:6px}.right::-webkit-scrollbar-track{background:transparent}.right::-webkit-scrollbar-thumb{background:#b885834d;border-radius:3px}.dark .right::-webkit-scrollbar-thumb{background:#37415180}.right::-webkit-scrollbar-thumb:hover{background:#b8858380}.dark .right::-webkit-scrollbar-thumb:hover{background:#374151b3}