code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dr-login-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;display:flex;height:100vh;width:100vw}.dr-left-section{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:60px}.dr-left-section:before{animation:rotate 25s linear infinite;background:radial-gradient(circle at 30% 50%,#ffffff26 0,#0000 50%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.dr-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffecd2);-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:16px;text-shadow:0 4px 20px #0000001a}.dr-edition{color:#ffecd2;font-size:18px;font-weight:600;letter-spacing:3px;margin-bottom:60px;position:relative;text-shadow:0 2px 10px #0003;text-transform:uppercase}.dr-edition:after{background:linear-gradient(90deg,#ffecd2,#fcb69f);border-radius:2px;bottom:-12px;box-shadow:0 2px 8px #fcb69f66;content:"";height:4px;left:0;position:absolute;width:60px}.dr-features{display:flex;flex-direction:column;gap:24px;margin-top:40px}.dr-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffffff2;display:flex;font-size:18px;gap:16px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dr-feature:hover{background:#fff3;box-shadow:0 8px 25px #00000026;transform:translateX(15px) scale(1.02)}.dr-feature-icon{color:#ffecd2;font-size:22px;font-weight:700;min-width:24px;text-shadow:0 2px 8px #0003}.dr-right-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;display:flex;flex:1 1;justify-content:center;padding:40px}.dr-login-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px #2575fc26,0 0 100px #6a11cb1a,inset 0 1px 0 #fff9;max-width:440px;overflow:hidden;padding:48px 40px;position:relative;width:100%}.dr-login-card:before{background:linear-gradient(90deg,#6a11cb,#2575fc,#00d2ff);border-radius:24px 24px 0 0;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.dr-card-header{margin-bottom:32px;text-align:center}.dr-app-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#4a6491);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:28px;font-weight:800;letter-spacing:.5px;margin-bottom:8px}.dr-welcome-text{color:#7f8c8d;font-size:15px;font-weight:500;line-height:1.6}.dr-divider{background:linear-gradient(90deg,#0000,#6a11cb33 50%,#0000);height:2px;margin:32px 0;position:relative}.dr-divider:before{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:3px;content:"";height:6px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:40px}.dr-form-title{color:#2c3e50;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:36px;padding-bottom:12px;position:relative;text-align:center}.dr-form-title:after{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:1.5px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.dr-form{margin-bottom:36px}.dr-input-group{margin-bottom:28px}.dr-input-label{color:#6a11cb;display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding-left:4px;text-transform:uppercase}.dr-input{background:#ffffffe6;border:2px solid #6a11cb26;border-radius:12px;box-shadow:0 4px 15px #6a11cb14;color:#2c3e50;font-size:16px;font-weight:500;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dr-input::placeholder{color:#7f8c8d99;font-weight:400}.dr-input:focus{background:#fff;border-color:#6a11cb;box-shadow:0 8px 25px #6a11cb33,inset 0 0 0 2px #6a11cb1a;outline:none;transform:translateY(-2px)}.dr-input:hover:not(:focus){border-color:#6a11cb4d;box-shadow:0 6px 20px #6a11cb1f}.dr-login-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:12px;box-shadow:0 8px 30px #2575fc66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:12px;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dr-login-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.dr-login-btn:hover:not(:disabled){box-shadow:0 15px 35px #2575fc80;transform:translateY(-4px)}.dr-login-btn:hover:not(:disabled):before{left:100%}.dr-login-btn:active:not(:disabled){box-shadow:0 10px 25px #2575fc66;transform:translateY(-2px)}.dr-login-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;cursor:not-allowed;opacity:.6}.dr-links{border-top:1px solid #6a11cb1a;display:flex;justify-content:space-between;margin-top:28px;padding-top:28px}.dr-link{color:#2575fc;cursor:pointer;font-size:14px;font-weight:600;padding:4px 0;position:relative;text-decoration:none;transition:all .3s ease}.dr-link:after{background:linear-gradient(90deg,#2575fc,#00d2ff);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.dr-link:hover{color:#6a11cb;transform:translateY(-1px)}.dr-link:hover:after{width:100%}.dr-footer{border-top:1px solid #6a11cb1a;margin-top:36px;padding-top:28px;text-align:center}.dr-footer p{color:#7f8c8dcc;font-size:13px;font-weight:500;letter-spacing:.5px}.dr-success-popup{background:#0f0f1e8c;z-index:1000}.dr-success-box{align-items:center;animation:popIn .35s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 8px 32px #2575fc2e,0 2px 8px #6a11cb1a,inset 0 1px 0 #ffffffe6;display:flex;gap:16px;max-width:340px;overflow:hidden;padding:28px 36px;position:relative;width:90%}.dr-success-box:before{background:linear-gradient(90deg,#6a11cb,#2575fc,#00d2ff);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.dr-success-box .success-content{align-items:center;display:flex;gap:14px}.dr-success-box .success-check{align-items:center;background:linear-gradient(135deg,#2575fc,#00d2ff);border-radius:50%;box-shadow:0 4px 14px #2575fc66;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:900;height:38px;justify-content:center;width:38px}.dr-success-box .success-text{color:#1e293b;font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.3}@keyframes popIn{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.dr-forgot-popup{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f1e80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dr-forgot-box{animation:slideUp .35s cubic-bezier(.175,.885,.32,1.2);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#fffffff0;border:1px solid #ffffffbf;border-radius:20px;box-shadow:0 20px 60px #6a11cb29,0 8px 24px #2575fc1f,inset 0 1px 0 #fffffff2;max-width:400px;overflow:hidden;padding:28px 30px 24px;position:relative;width:90%}.dr-forgot-box:before{background:linear-gradient(90deg,#6a11cb,#2575fc,#00d2ff);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.dr-forgot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.dr-forgot-header h3{color:#1e293b;font-size:17px;font-weight:800;letter-spacing:.2px}.dr-forgot-close{align-items:center;background:#6a11cb12;border:1px solid #6a11cb26;border-radius:50%;color:#6a11cb;cursor:pointer;display:flex;font-size:17px;height:30px;justify-content:center;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1);width:30px}.dr-forgot-close:hover{background:linear-gradient(135deg,#6a11cb,#2575fc);border-color:#0000;box-shadow:0 4px 14px #2575fc4d;color:#fff;transform:rotate(90deg) scale(1.1)}.dr-step-indicator{gap:0;justify-content:center;margin:16px 0 22px;position:relative}.dr-step,.dr-step-indicator{align-items:center;display:flex}.dr-step{flex-direction:column;z-index:1}.dr-step-number{align-items:center;background:#6a11cb0f;border:1.5px solid #6a11cb2e;border-radius:50%;color:#64748bcc;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;transition:all .35s cubic-bezier(.4,0,.2,1);width:32px}.dr-step.active .dr-step-number{background:linear-gradient(135deg,#6a11cb,#2575fc);border-color:#0000;box-shadow:0 4px 16px #2575fc61;color:#fff;transform:scale(1.08)}.dr-step-label{color:#64748bbf;font-size:10px;margin-top:5px;transition:all .3s ease}.dr-step.active .dr-step-label{color:#6a11cb;font-weight:700}.dr-step-line{background:#6a11cb1a;border-radius:1px;height:2px;margin:0 10px 18px;position:relative;width:60px}.dr-step-line.active:before{animation:fillLine .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:1px;box-shadow:0 1px 6px #2575fc4d;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes fillLine{0%{width:0}to{width:100%}}.dr-step-content{margin-bottom:18px}.dr-forgot-input{background:#f8fafce6;border:1.5px solid #6a11cb24;border-radius:10px;box-shadow:0 2px 8px #6a11cb0f;color:#1e293b;font-size:14px;font-weight:500;margin-bottom:14px;padding:13px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dr-forgot-input:focus{background:#fff;border-color:#6a11cb;box-shadow:0 4px 16px #6a11cb24,inset 0 0 0 1px #6a11cb14;outline:none;transform:translateY(-1px)}.dr-forgot-input::placeholder{color:#64748b8c;font-weight:400}.dr-timer{background:#6a11cb0a;border:1px solid #6a11cb17;border-radius:8px;color:#64748b;font-size:12px;font-weight:500;margin:10px 0;padding:9px 12px;text-align:center}.dr-timer strong{color:#2575fc;font-size:14px;font-weight:700}.dr-action-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:10px;box-shadow:0 4px 18px #2575fc59;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:13px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dr-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.45s;width:100%}.dr-action-btn:hover:not(:disabled){box-shadow:0 8px 24px #2575fc73;transform:translateY(-2px)}.dr-action-btn:hover:not(:disabled):before{left:100%}.dr-action-btn:disabled{background:linear-gradient(135deg,#c8c8c8,#aaa);box-shadow:none;cursor:not-allowed;opacity:.55}.dr-forgot-footer{border-top:1px solid #6a11cb14;display:flex;justify-content:center;margin-top:18px;padding-top:18px}.dr-cancel-btn{background:#0000;border:1.5px solid #6a11cb2e;border-radius:9px;color:#64748bd9;cursor:pointer;font-size:13px;font-weight:600;min-width:110px;padding:9px 28px;transition:all .25s cubic-bezier(.4,0,.2,1)}.dr-cancel-btn:hover{background:#6a11cb0d;border-color:#6a11cb;box-shadow:0 4px 12px #6a11cb1a;color:#6a11cb;transform:translateY(-1px)}@media (max-width:1024px){.dr-login-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex-direction:column}.dr-left-section{box-shadow:0 5px 20px #6a11cb26;padding:40px 30px}.dr-right-section{background:#0000;padding:40px 30px}.dr-main-title{font-size:42px;text-align:center}.dr-edition{font-size:16px;text-align:center}.dr-edition:after{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.dr-login-card{margin:20px;padding:40px 30px}.dr-main-title{font-size:36px}.dr-feature{font-size:16px;padding:10px 14px}.dr-links{align-items:center;flex-direction:column;gap:16px}.dr-link{background:#6a11cb0d;border-radius:8px;padding:8px;text-align:center;width:100%}.dr-link:hover{background:#6a11cb1a}.dr-step-indicator{gap:4px}.dr-step-line{margin:0 8px;width:50px}}@media (max-width:480px){.dr-left-section,.dr-right-section{padding:30px 20px}.dr-login-card{margin:10px;padding:35px 25px}.dr-main-title{font-size:32px}.dr-edition{font-size:14px;letter-spacing:2px}.dr-app-name{font-size:24px}.dr-form-title{font-size:18px}.dr-action-btn,.dr-forgot-input,.dr-input,.dr-login-btn{padding:16px}.dr-step-number{font-size:14px;height:36px;width:36px}.dr-step-label{font-size:11px}.dr-step-line{margin:0 6px;width:40px}.dr-forgot-box,.dr-success-box{padding:30px 25px}.dr-success-box{flex-direction:column;font-size:20px;text-align:center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #2575fc4d}50%{box-shadow:0 0 40px #2575fc99}}.dr-action-btn.loading,.dr-login-btn.loading{color:#0000;position:relative}.dr-action-btn.loading:after,.dr-login-btn.loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#6a11cb0d;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}.dr-logo-box{align-items:center;display:flex;flex-direction:column}.dr-logo{max-width:90%;object-fit:contain;width:360px}.dr-logo-text{color:#1e40ff;font-size:20px;font-weight:700;letter-spacing:4px;margin-top:18px;text-shadow:0 2px 6px #1e40ff59,0 4px 12px #1e40ff40}.dr-logo-text:after{background:linear-gradient(90deg,#2563eb,#1e40ff);border-radius:2px;content:"";display:block;height:4px;margin-top:6px;width:60px}.dr-toast{align-items:center;animation:toastSlideDown .28s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 4px 20px #0000001f,0 1px 4px #0000000f;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;left:50%;max-width:420px;min-width:280px;padding:12px 16px;position:fixed;top:20px;transform:translateX(-50%);z-index:999999}@keyframes toastSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-16px)}}.dr-toast-hiding{animation:toastFadeOut .4s ease forwards!important}@keyframes toastAutoHide{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-16px)}}.dr-toast-autohide{animation:toastAutoHide 3s ease forwards!important;pointer-events:auto}.dr-toast-error{background:linear-gradient(135deg,#fff5f5,#fff0f0);border:1.5px solid #fc8181;color:#c53030}.dr-toast-success{background:linear-gradient(135deg,#f0fff4,#e6ffed);border:1.5px solid #68d391;color:#276749}.dr-toast-icon{flex-shrink:0;font-size:20px}.dr-toast-text{flex:1 1;font-weight:600;line-height:1.45}.dr-toast-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;opacity:.6;padding:0 4px;transition:opacity .2s}.dr-toast-close:hover{opacity:1}@media (max-width:768px){.login-layout{flex-direction:column}.login-left{display:none}.login-right{padding:24px 20px;width:100%}.login-form-card{border-radius:16px;max-width:100%;padding:28px 20px}}@media (max-width:480px){.login-right{padding:16px}.login-form-card{padding:22px 16px}.login-title{font-size:22px}.login-input{font-size:14px;padding:12px 14px}.login-btn{font-size:14px;padding:14px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.dr-register-wrapper,body{height:100vh;overflow:hidden}.dr-register-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;display:flex;width:100vw}.dr-register-left{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:60px}.dr-register-left:before{animation:rotate 25s linear infinite;background:radial-gradient(circle at 30% 50%,#ffffff26 0,#0000 50%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dr-reg-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffecd2);-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:16px;text-shadow:0 4px 20px #0000001a}.dr-reg-sub{color:#1e40ff;font-size:18px;font-weight:700;letter-spacing:3px;margin-bottom:60px;position:relative;text-shadow:0 2px 6px #1e40ff59,0 6px 14px #1e40ff40;text-transform:uppercase}.dr-reg-sub:after{background:linear-gradient(90deg,#ffecd2,#fcb69f);border-radius:2px;bottom:-12px;box-shadow:0 2px 8px #fcb69f66;content:"";height:4px;left:0;position:absolute;width:60px}.dr-reg-features{display:flex;flex-direction:column;gap:24px;margin-top:40px}.dr-reg-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffffff2;display:flex;font-size:18px;gap:16px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dr-reg-feature:hover{background:#fff3;box-shadow:0 8px 25px #00000026;transform:translateX(15px) scale(1.02)}.dr-reg-feature-icon{color:#ffecd2;font-size:22px;font-weight:700;min-width:24px;text-shadow:0 2px 8px #0003}.dr-register-right{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.dr-register-card{animation:fadeIn .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 50px #2575fc26,0 0 100px #6a11cb1a,inset 0 1px 0 #fff9;margin-bottom:40px;overflow:hidden;padding:50px 45px;position:relative;width:720px}.dr-register-card:before{background:linear-gradient(90deg,#6a11cb,#2575fc,#00d2ff);border-radius:24px 24px 0 0;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.dr-reg-form-title{color:#2c3e50;font-size:28px;font-weight:800;margin-bottom:40px;padding-bottom:16px;position:relative;text-align:center}.dr-reg-form-title:after{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.dr-reg-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.dr-full{grid-column:span 2}.dr-reg-label{color:#6a11cb;display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding-left:4px;text-transform:uppercase}.dr-reg-input,.dr-reg-select{background:#ffffffe6;border:2px solid #6a11cb26;border-radius:12px;box-shadow:0 4px 15px #6a11cb14;color:#2c3e50;font-size:15px;font-weight:500;padding:17px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dr-reg-input::placeholder,.dr-reg-select::placeholder{color:#7f8c8d99;font-weight:400}.dr-reg-input:focus,.dr-reg-select:focus{background:#fff;border-color:#6a11cb;box-shadow:0 8px 25px #6a11cb33,inset 0 0 0 2px #6a11cb1a;outline:none;transform:translateY(-2px)}.dr-reg-input:hover:not(:focus),.dr-reg-select:hover:not(:focus){border-color:#6a11cb4d;box-shadow:0 6px 20px #6a11cb1f}.dr-reg-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a11cb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;padding-right:45px}.dr-password-wrapper{position:relative}.dr-password-toggle{background:none;border:none;color:#6a11cb80;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:color .3s ease}.dr-password-toggle:hover{color:#6a11cb}.dr-reg-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;border-radius:12px;box-shadow:0 8px 30px #2575fc66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;grid-column:span 2;letter-spacing:.5px;margin-top:20px;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dr-reg-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.dr-reg-btn:hover:not(:disabled){box-shadow:0 15px 35px #2575fc80;transform:translateY(-4px)}.dr-reg-btn:hover:not(:disabled):before{left:100%}.dr-reg-btn:active:not(:disabled){box-shadow:0 10px 25px #2575fc66;transform:translateY(-2px)}.dr-reg-btn:disabled{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:none;cursor:not-allowed;opacity:.6}.dr-reg-btn.loading{color:#0000;position:relative}.dr-reg-btn.loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.dr-login-link{border-top:1px solid #6a11cb1a;color:#2575fc;cursor:pointer;font-size:14px;font-weight:600;grid-column:span 2;margin-top:32px;padding-top:28px;position:relative;text-align:center;transition:all .3s ease}.dr-login-link:after{background:linear-gradient(90deg,#2575fc,#00d2ff);border-radius:1px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.dr-login-link:hover{color:#6a11cb}.dr-login-link:hover:after{width:100px}.dr-terms{align-items:flex-start;background:#6a11cb0d;border:1px solid #6a11cb1a;border-radius:10px;display:flex;gap:12px;grid-column:span 2;margin-top:10px;padding:16px}.dr-terms-checkbox{accent-color:#6a11cb;cursor:pointer;height:18px;margin-top:4px;width:18px}.dr-terms-label{color:#7f8c8d;cursor:pointer;font-size:13px;line-height:1.5}.dr-terms-label a{color:#2575fc;font-weight:600;text-decoration:none;transition:color .3s ease}.dr-terms-label a:hover{color:#6a11cb;text-decoration:underline}.dr-success-popup{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f0f1e80;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.dr-success-inner{align-items:center;animation:zoomIn .32s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#fffffff0;border:1px solid #ffffffbf;border-radius:18px;box-shadow:0 8px 32px #2575fc29,0 2px 8px #6a11cb1a,inset 0 1px 0 #ffffffe6;display:flex;gap:14px;max-width:320px;overflow:hidden;padding:26px 34px;position:relative;width:90%}.dr-success-inner:before{background:linear-gradient(90deg,#6a11cb,#2575fc,#00d2ff);border-radius:18px 18px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes zoomIn{0%{opacity:0;transform:scale(.88) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dr-success-icon{align-items:center;background:linear-gradient(135deg,#2575fc,#00d2ff);border-radius:50%;box-shadow:0 4px 12px #2575fc61;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.dr-success-msg{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.2px;line-height:1.3}.dr-validation-error{color:#e74c3c}.dr-validation-error,.dr-validation-success{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:6px;padding-left:4px}.dr-validation-success{color:#27ae60}.dr-progress-bar{grid-column:span 2;margin-bottom:30px}.dr-progress-steps{display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.dr-progress-step{align-items:center;display:flex;flex-direction:column;z-index:1}.dr-step-circle{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #6a11cb33;border-radius:50%;color:#7f8c8dcc;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.dr-progress-step.active .dr-step-circle{background:linear-gradient(135deg,#6a11cb,#2575fc);border-color:#0000;box-shadow:0 6px 20px #2575fc4d;color:#fff;transform:scale(1.1)}.dr-step-label{color:#7f8c8dcc;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.dr-progress-step.active .dr-step-label{color:#6a11cb;font-weight:700}.dr-progress-line{background:#6a11cb1a;height:3px;left:10%;position:absolute;right:10%;top:18px;z-index:0}.dr-progress-fill{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:1.5px;height:100%;transition:width .4s ease}@media (max-width:1024px){.dr-register-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex-direction:column}.dr-register-left{border-bottom:1px solid #fff3;border-right:none;box-shadow:0 5px 20px #6a11cb26;padding:40px 30px}.dr-register-right{background:#0000;padding:40px 30px}.dr-reg-title{font-size:42px;text-align:center}.dr-reg-sub{font-size:16px;text-align:center}.dr-reg-sub:after{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.dr-register-card{margin:20px auto;padding:40px 30px;width:90%}.dr-reg-grid{gap:24px;grid-template-columns:1fr}.dr-full,.dr-login-link,.dr-reg-btn,.dr-terms{grid-column:span 1}.dr-reg-title{font-size:36px}.dr-reg-form-title{font-size:24px}.dr-reg-feature{font-size:16px;padding:10px 14px}}@media (max-width:480px){.dr-register-left,.dr-register-right{padding:30px 20px}.dr-register-card{margin:10px auto;padding:35px 25px}.dr-reg-title{font-size:32px}.dr-reg-sub{font-size:14px;letter-spacing:2px}.dr-reg-form-title{font-size:22px}.dr-reg-btn,.dr-reg-input,.dr-reg-select{padding:16px}.dr-success-inner{flex-direction:column;padding:30px 25px;text-align:center}.dr-success-icon{font-size:22px;height:45px;width:45px}.dr-success-msg{font-size:16px}}.dr-register-right::-webkit-scrollbar{width:8px}.dr-register-right::-webkit-scrollbar-track{background:#6a11cb0d;border-radius:4px}.dr-register-right::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:4px}.dr-register-right::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}@media (max-width:768px){.register-layout{flex-direction:column}.register-left{display:none}.register-right{padding:24px 20px;width:100%}.register-form-card{border-radius:16px;max-width:100%;padding:28px 20px}.register-grid{grid-template-columns:1fr}}@media (max-width:480px){.register-right{padding:16px}.register-form-card{padding:22px 16px}.register-title{font-size:22px}.register-input{font-size:14px;padding:12px 14px}.register-btn{font-size:14px;padding:14px}}:root{--bg-secondary:linear-gradient(135deg,#fff,#f8faff);--bg-sidebar:linear-gradient(195deg,#f0f5fffa,#e6eefffa);--radius-full:9999px;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.4s cubic-bezier(0.4,0,0.2,1)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f5ff,#e6eeff 50%,#dde7ff);background:var(--bg-primary);color:#1a1a2e;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;height:100%;overflow-x:hidden}body,html{position:relative}body{background:radial-gradient(circle at 10% 20%,#7b2cbf0a 0,#0000 40%),radial-gradient(circle at 90% 30%,#0066ff0a 0,#0000 40%),radial-gradient(circle at 50% 80%,#ff980005 0,#0000 60%),linear-gradient(135deg,#f0f5ff,#e6eeff 50%,#dde7ff);background:radial-gradient(circle at 10% 20%,#7b2cbf0a 0,#0000 40%),radial-gradient(circle at 90% 30%,#0066ff0a 0,#0000 40%),radial-gradient(circle at 50% 80%,#ff980005 0,#0000 60%),var(--bg-primary);min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f0f5ff99;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#06f,#7b2cbf);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7b2cbf,#d81b60)}.diamond-dashboard{grid-gap:0;display:grid;gap:0;grid-template-columns:280px 1fr;height:100vh;overflow:hidden;position:relative}.diamond-sidebar{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(195deg,#f0f5fffa,#e6eefffa);background:var(--bg-sidebar);border-right:1px solid #0066ff14;box-shadow:8px 0 24px #0066ff0a,inset 1px 0 0 #fffc;display:flex;flex-direction:column;grid-column:1;height:100vh;overflow-x:hidden;overflow-y:auto;padding:24px 16px;padding-top:3px!important;position:relative;z-index:1000}.diamond-sidebar:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);content:"";filter:blur(1px);height:100%;opacity:.2;position:absolute;right:0;top:0;width:2px}.sidebar-header-ultra{margin-top:0!important;margin:0;min-height:auto;padding:0;padding-top:0!important}.diamond-logo,.sidebar-header-ultra{align-items:center;display:flex;justify-content:center}.diamond-logo{border-radius:12px;box-shadow:0 8px 24px #0066ff26,0 0 0 2px #ffffffe6;color:#fff;font-size:20px;height:48px;overflow:hidden;position:relative;width:48px}.brand-name-ultra,.diamond-logo{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);font-weight:700}.brand-name-ultra{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;letter-spacing:-.3px}.brand-tagline-ultra{color:#06f;color:var(--primary-blue);font-size:10px;font-weight:600;letter-spacing:2px;margin-top:4px;text-transform:uppercase}.ultra-nav{display:flex;flex:1 1;flex-direction:column;gap:8px}.nav-item-ultra{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--radius);color:#4a4a6b;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:16px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.nav-item-ultra:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:4px}.nav-item-ultra:hover{background:#0066ff0a;border-color:#0066ff1a;color:#1a1a2e;color:var(--text-primary);transform:translateX(8px)}.nav-item-ultra:hover:before{transform:translateX(0)}.nav-item-ultra.active{background:linear-gradient(135deg,#0066ff0f,#7b2cbf0f);border-color:#0066ff26;box-shadow:0 4px 12px #0066ff14,inset 0 1px 0 #ffffffe6;color:#1a1a2e;color:var(--text-primary);transform:translateX(8px)}.nav-item-ultra.active:before{transform:translateX(0)}.nav-icon-ultra{align-items:center;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:24px}.nav-item-ultra:hover .nav-icon-ultra{transform:scale(1.1)}.sidebar-footer-ultra{border-top:1px solid #0066ff14;margin-top:auto;padding-top:24px}.user-profile-ultra{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0066ff1a;border-radius:12px;border-radius:var(--radius);margin-bottom:16px;padding:16px}.user-email-ultra{color:#4a4a6b;color:var(--text-tertiary);font-size:12px;font-weight:500;margin-bottom:6px;word-break:break-all}.user-team-ultra{color:#06f;color:var(--primary-blue);font-size:12px;gap:6px}.logout-btn-ultra,.user-team-ultra{align-items:center;display:flex;font-weight:600}.logout-btn-ultra{background:linear-gradient(135deg,#d81b600f,#7b2cbf0f);border:1px solid #d81b601a;border-radius:12px;border-radius:var(--radius);color:#d81b60;cursor:pointer;font-size:14px;gap:12px;justify-content:center;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.logout-btn-ultra:hover{background:linear-gradient(135deg,#d81b601a,#7b2cbf1a);transform:translateY(-2px)}.mobile-menu-toggle{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0066ff26;border-radius:12px;box-shadow:0 8px 24px #0066ff1a;color:#06f;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:44px;z-index:10001}.mobile-menu-toggle:hover{background:#fff;border-color:#06f;transform:scale(1.05)}.diamond-main{background:#0000;display:flex;flex-direction:column;grid-column:2;overflow-y:auto}.diamond-header,.diamond-main{padding:24px;position:relative}.diamond-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(145deg,#fffffffa,#f8fafffa);background:var(--bg-card);border:1px solid #0066ff14;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0066ff14,0 8px 24px #0000000d;box-shadow:var(--shadow-light);flex-shrink:0;margin-bottom:24px;overflow:hidden}.header-content-ultra{position:relative;z-index:2}.page-kicker-ultra{background:#0066ff0f;border:1px solid #0066ff26;border-radius:9999px;border-radius:var(--radius-full);color:#06f;color:var(--primary-blue);display:inline-block;font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.page-title-ultra{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}.page-subtitle-ultra{color:#2d2d4a;color:var(--text-secondary);font-size:14px;line-height:1.5;max-width:800px;opacity:.9}.ultra-content{flex:1 1;position:relative;z-index:2}.diamond-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(145deg,#fffffffa,#f8fafffa);background:var(--bg-card);border:1px solid #0066ff14;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0066ff14,0 8px 24px #0000000d;box-shadow:var(--shadow-light);margin-bottom:24px;overflow:visible;position:relative}.diamond-card:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.card-header-ultra{background:#fff9;border-bottom:1px solid #0066ff14;border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px;position:relative}.card-title-ultra{align-items:center;color:#1a1a2e;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:12px;margin-bottom:8px}.card-title-ultra:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);border-radius:4px;content:"";height:24px;width:6px}.card-subtitle-ultra{color:#2d2d4a;color:var(--text-secondary);font-size:14px;line-height:1.5;max-width:700px;opacity:.9}.card-body-ultra{padding:24px}.reflection-form-ultra{display:flex;flex-direction:column;gap:32px}.form-header-ultra{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #0066ff1a;border-radius:12px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:20px}.period-selector-ultra{align-items:flex-end;display:flex;gap:20px;width:100%}.period-group-ultra{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.period-label-ultra{font-size:12px}.period-icon{font-size:14px}.period-select-ultra{background:#ffffffe6;border:1px solid #0066ff26;border-radius:12px;border-radius:var(--radius);font-size:14px;padding:12px 16px;transition:var(--transition-normal)}.period-select-ultra:focus{box-shadow:0 0 0 2px #0066ff1a}.date-input-wrapper{position:relative;width:100%}.date-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2306f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:40px!important}.date-input::-webkit-calendar-picker-indicator{background:#0000;color:#0000;cursor:pointer;height:20px;opacity:0;position:absolute;right:12px;width:20px}.date-input::-webkit-datetime-edit{color:#1a1a2e;color:var(--text-primary);padding:2px}.date-input::-webkit-datetime-edit-fields-wrapper{padding:0}.date-input::-webkit-datetime-edit-text{color:#06f;color:var(--primary-blue);padding:0 4px}.date-input::-webkit-inner-spin-button{display:none}input[type=date]::-webkit-calendar-picker-popup{background:linear-gradient(145deg,#fffffffa,#f8fafffa);background:var(--bg-card);border:1px solid #0066ff26;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 8px #0066ff14,0 8px 24px #0000000d;box-shadow:var(--shadow-light);color:#1a1a2e;color:var(--text-primary)}.date-input::-moz-focus-inner{border:0}.date-input{color-scheme:light}.question-block-ultra{background:#fffc;border:1px solid #0066ff1a;border-radius:12px;border-radius:var(--radius);margin-bottom:24px;overflow:visible;padding:24px;position:relative}.question-block-ultra:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.question-header-ultra{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.question-number-ultra{align-items:center;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);border:1px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0066ff26,0 0 0 2px #ffffffe6;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.question-text-ultra{color:#1a1a2e;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:600;line-height:1.4;padding-top:4px}.answer-inputs-ultra{display:flex;flex-direction:column;gap:12px}.answer-row-ultra{align-items:center;display:flex;gap:12px}.answer-input-ultra{background:#fffffff2;border:1px solid #0066ff26;border-radius:12px;border-radius:var(--radius);color:#1a1a2e;color:var(--text-primary);flex:1 1;font-family:inherit;line-height:1.4;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.answer-input-ultra::placeholder{color:#6b6b8a;color:var(--text-muted);opacity:.6}.answer-input-ultra:focus,.answer-input-ultra:hover{background:#fff;border-color:#06f;border-color:var(--primary-blue)}.answer-input-ultra:focus{box-shadow:0 0 0 2px #0066ff1a}.remove-point-btn-ultra{align-items:center;background:linear-gradient(135deg,#ff4d4d,#ff1f1f);border:none;border-radius:12px;box-shadow:0 0 12px #ff00004d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;font-weight:900;height:40px;justify-content:center;transition:transform .25s ease,box-shadow .25s ease;width:40px}.remove-point-btn-ultra:hover{box-shadow:0 0 20px #ff000080;transform:scale(1.12)}.ai-btn-ultra{align-items:center;background:linear-gradient(135deg,#7b2cbf,#06f);background:linear-gradient(135deg,var(--primary-purple),var(--primary-blue));border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.ai-btn-ultra:hover{background:linear-gradient(135deg,#06f,#7b2cbf);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));box-shadow:0 4px 12px #06f3;transform:translateY(-2px)}.ai-btn-ultra:disabled{background:#6b6b8a;background:var(--text-muted);cursor:not-allowed;transform:none}.add-point-btn-ultra{align-items:center;background:linear-gradient(135deg,#0066ff0f,#7b2cbf0f);border:1px solid #0066ff26;border-radius:12px;border-radius:var(--radius);color:#06f;color:var(--primary-blue);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.add-point-btn-ultra:before{content:"+";font-size:18px;font-weight:300}.add-point-btn-ultra:hover{background:linear-gradient(135deg,#0066ff1a,#7b2cbf1a);border-color:#06f;border-color:var(--primary-blue)}.form-footer-ultra{background:#fff9;border-top:1px solid #0066ff14;padding:24px;text-align:center}.submit-btn-ultra{background:linear-gradient(135deg,#06f,#7b2cbf);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 8px 24px #0066ff26,0 0 0 2px #ffffffe6;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:16px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.submit-btn-ultra:hover{box-shadow:0 12px 32px #06f3,0 0 0 2px #fff;transform:translateY(-2px)}.submit-btn-ultra:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.diamond-footer{margin-top:auto;padding:24px 0 16px;position:relative;z-index:10}.footer-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #0066ff14;border-radius:16px;border-radius:var(--radius-lg);padding:24px}.footer-content:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.footer-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.footer-column h4{color:#06f;color:var(--primary-blue);font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.footer-column ul{list-style:none}.footer-column li{margin-bottom:8px}.footer-column a{color:#4a4a6b;color:var(--text-tertiary);font-size:13px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.footer-column a:hover{color:#06f;color:var(--primary-blue)}.footer-bottom{border-top:1px solid #0066ff14;justify-content:space-between;padding-top:16px}.footer-bottom,.footer-logo{align-items:center;display:flex}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;gap:8px;text-decoration:none}.copyright{color:#6b6b8a;color:var(--text-muted);font-size:12px}.footer-social{display:flex;gap:12px}.social-icon{align-items:center;background:#fffc;border:1px solid #0066ff1a;border-radius:8px;color:#4a4a6b;color:var(--text-tertiary);display:flex;font-size:14px;height:32px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:32px}.social-icon:hover{background:#0066ff14;color:#06f;color:var(--primary-blue);transform:translateY(-2px)}.loading-container-ultra{gap:24px;padding:64px 24px}.loader-ultra{gap:8px}.loader-dot-ultra{height:8px;width:8px}.loading-text-ultra{font-size:14px;font-weight:600;letter-spacing:1px}.empty-state-ultra{background:#fff9;border:1px dashed #0066ff26;border-radius:12px;border-radius:var(--radius);font-size:14px;padding:64px 24px}.ai-float-btn{align-items:center;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#fffffff2;border:1px solid #06f3;border-radius:50%;bottom:48px;box-shadow:0 4px 20px #0066ff26;color:#06f;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:fixed;right:48px;transition:.25s ease;width:48px;z-index:9999}.ai-float-btn:hover{background:#fff;box-shadow:0 6px 24px #0066ff40;color:#0052d4;transform:scale(1.1)}.ai-chat-container{animation:slideUp .25s ease forwards;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border:1px solid #0066ff26;border-radius:16px;bottom:80px;box-shadow:0 0 40px #0066ff1f;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:40px;width:420px;z-index:99999}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#0066ff1a,#7b2cbf1a);border-bottom:1px solid #0066ff1a;color:#06f;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:14px 20px}.ai-close-btn{background:#0000;border:none;color:#4a4a6b;cursor:pointer;font-size:22px;transition:.2s}.ai-close-btn:hover{color:#06f;transform:scale(1.2)}.ai-chat-body{background:#f8faff80;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.ai-chat-body::-webkit-scrollbar{width:6px}.ai-chat-body::-webkit-scrollbar-thumb{background:#0066ff26;border-radius:10px}.ai-chat-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 2px 8px #0000000d;font-size:14px;line-height:1.5;max-width:80%;padding:14px 18px}.user-msg{align-self:flex-end;background:linear-gradient(135deg,#06f,#4d94ff);border-radius:18px 18px 4px 18px;color:#fff}.ai-msg{align-self:flex-start;background:#fff;border:1px solid #0066ff1a;border-radius:18px 18px 18px 4px;color:#1a1a2e}.ai-chat-footer{align-items:center;background:#fff;border-top:1px solid #0066ff1a;display:flex;gap:12px;padding:16px 20px}.ai-chat-footer input{background:#f8faffcc;border:1px solid #0066ff26;border-radius:10px;color:#1a1a2e;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:.25s}.ai-chat-footer input:focus{background:#fff;border-color:#06f;box-shadow:0 0 0 2px #0066ff1a}.ai-chat-footer button{background:linear-gradient(135deg,#06f,#7b2cbf);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:.25s}.ai-chat-footer button:hover{box-shadow:0 4px 12px #06f3;transform:translateY(-2px)}.header-flex-ultra{align-items:center;display:flex;gap:24px;justify-content:space-between}.header-user-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0066ff26;border-radius:16px;box-shadow:0 4px 16px #0066ff14;display:flex;gap:12px;justify-content:center;padding:12px 24px;transition:all .25s ease}.chip-text{color:#06f;color:var(--primary-blue);font-size:16px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.header-user-chip:hover{background:#fff;border-color:#06f;border-color:var(--primary-blue);box-shadow:0 6px 20px #0066ff1f;transform:translateY(-2px)}.reminder-bell-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0066ff26;border-radius:12px;color:#06f;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .25s ease;width:44px}.reminder-bell-btn:hover{border-color:#06f;box-shadow:0 0 20px #0066ff26;transform:scale(1.1)}.reminder-bell-btn.has-reminder{animation:bellShake .4s ease-in-out 0s 3;background:#0066ff1a;border-color:#06f}@keyframes bellShake{0%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}50%{transform:rotate(12deg)}75%{transform:rotate(-8deg)}to{transform:rotate(0deg)}}.modal-overlay-ultra{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;inset:0;pointer-events:none;position:fixed;z-index:99998}.reminder-popup-ultra{animation:popupFromBell .3s ease-out;background:#fffffffa;border:1px solid #0066ff26;border-radius:18px;box-shadow:0 0 24px #0066ff1a,0 0 48px #7b2cbf14;color:#1a1a2e;padding:24px;pointer-events:auto;position:fixed;right:35px;top:90px;width:360px;z-index:99999}@keyframes popupFromBell{0%{opacity:0;transform:translate(20px,-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.reminder-popup-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.reminder-icon{color:#ff9800;font-size:32px}.reminder-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#06f,#7b2cbf);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:18px;font-weight:700}.reminder-subtitle{color:#4a4a6b;color:var(--text-tertiary);font-size:13px;opacity:.9}.reminder-body ul{list-style:none;margin:0;padding:0}.reminder-task-item{align-items:center;background:linear-gradient(90deg,#0066ff0f,#7b2cbf14);border-left:4px solid #06f;border-radius:14px;color:#1a1a2e;display:flex;font-size:14px;font-weight:500;letter-spacing:.2px;line-height:1.4;margin:12px 0;padding:14px 20px;transition:transform .25s ease,box-shadow .25s ease}.reminder-task-item:hover{background:linear-gradient(90deg,#0066ff1a,#7b2cbf1f);transform:translateX(4px)}.reminder-side-panel-ultra{animation:slidePanel .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-left:1px solid #0066ff1f;box-shadow:-4px 0 32px #0066ff1a;color:#1a1a2e;height:100vh;padding:24px;position:fixed;right:0;top:0;width:360px;z-index:50000}@keyframes slidePanel{0%{opacity:0;transform:translateX(120px)}to{opacity:1;transform:translateX(0)}}.reminder-side-header{align-items:center;border-bottom:1px solid #0066ff1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.side-title-wrap{align-items:center;display:flex;gap:14px}.side-title-wrap h3{color:#1a1a2e;font-size:20px;font-weight:700}.side-title-wrap p{color:#4a4a6b;color:var(--text-tertiary);font-size:12px}.side-close-btn{background:#0066ff14;border:1px solid #0066ff26;border-radius:10px;color:#06f;cursor:pointer;font-size:18px;height:36px;transition:all .2s ease;width:36px}.side-close-btn:hover{background:#0066ff1f;transform:scale(1.1)}.side-reminder-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}.side-reminder-options button{align-items:center;background:#ffffffe6;border:1px solid #0066ff26;border-radius:12px;color:#06f;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:14px;text-align:left;transition:all .25s ease}.side-reminder-options button:hover{background:#0066ff14;transform:translateX(4px)}.side-reminder-content{background:#f8faffcc;border:1px solid #0066ff1a;border-radius:14px;margin-top:24px;padding:20px}.side-reminder-message{color:#2d2d4a;color:var(--text-secondary);font-size:14px;font-weight:600;line-height:1.5}.side-no-reminder{color:#6b6b8a;color:var(--text-muted);font-size:14px;padding:20px;text-align:center}.date-display-wrapper{position:relative;width:100%}.date-display-text{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #06f3;border-radius:14px;box-shadow:0 4px 12px #0066ff14;color:#06f;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 20px 16px 50px;position:relative;text-align:center;transition:all .3s ease}.date-display-text:hover{border-color:#06f;box-shadow:0 0 24px #0066ff26;transform:translateY(-1px)}.date-input-hidden{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.calendar-icon-inside{color:#06f;font-size:20px;left:18px;opacity:.8;position:absolute}@media (max-width:1200px){.diamond-dashboard{grid-template-columns:260px 1fr}.diamond-sidebar{padding:20px 12px}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.diamond-dashboard{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.diamond-sidebar{height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:10000}.sidebar-open-ultra{left:0}.diamond-main{grid-column:1;padding:20px 16px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}@media (max-width:768px){.diamond-main{padding:16px 12px}.diamond-header{padding:20px 16px}.page-title-ultra{font-size:20px}.header-flex-ultra{align-items:flex-start;flex-direction:column;gap:16px}.header-user-chip{align-self:flex-start}.card-body-ultra,.card-header-ultra{padding:20px 16px}.form-header-ultra{padding:16px}.form-header-ultra,.period-selector-ultra{flex-direction:column;gap:16px}.period-group-ultra{width:100%}.question-block-ultra{padding:20px 16px}.question-header-ultra{flex-direction:column;gap:12px}.answer-row-ultra{flex-wrap:wrap}.ai-btn-ultra,.remove-point-btn-ultra{justify-content:center;width:100%}.form-footer-ultra{padding:20px 16px}.submit-btn-ultra{padding:14px 32px;width:100%}.footer-content{padding:20px 16px}.footer-grid{gap:24px;grid-template-columns:1fr}.ai-chat-container{bottom:70px;height:450px;right:16px;width:calc(100vw - 32px)}.ai-float-btn{bottom:24px;height:44px;right:24px;width:44px}.reminder-popup-ultra{right:16px;top:70px;width:calc(100vw - 32px)}.reminder-side-panel-ultra{width:100vw}}@media (max-width:480px){.diamond-main{padding:12px 8px}.diamond-header{padding:16px 12px}.page-title-ultra{font-size:18px}.card-body-ultra,.card-header-ultra,.question-block-ultra{padding:16px 12px}.question-number-ultra{font-size:14px;height:32px;width:32px}.question-text-ultra{font-size:14px}.answer-input-ultra{font-size:13px;padding:12px 14px}.footer-content{padding:16px 12px}.ai-chat-container{bottom:60px;height:400px}.ai-float-btn{bottom:20px;height:40px;right:20px;width:40px}}.answer-input-ultra{background:#fff!important;border:1.5px solid #06f!important;color:#1a1a2e!important;font-size:14px;font-weight:500}.answer-input-ultra::placeholder{color:#6b6b8a!important;font-size:13px;font-weight:400;opacity:1!important}.answer-input-ultra:focus{border-color:#06f!important;box-shadow:0 0 0 2px #06f3;outline:none}.logo-only-center{align-items:center;display:flex;justify-content:center;padding:6px 0}.sidebar-main-logo{display:block;height:auto;margin-top:0;padding-top:0;width:60px}.sidebar-main-logo:hover{transform:scale(1.05)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.logout-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.logout-confirm-box{animation:logoutPopIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;padding:32px 36px;text-align:center;width:340px}@keyframes logoutPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.logout-confirm-title{color:#2d3748;font-size:20px;font-weight:700;margin-bottom:10px}.logout-confirm-msg{color:#718096;font-size:15px;margin-bottom:28px}.logout-confirm-actions{display:flex;gap:12px;justify-content:center}.logout-confirm-yes{background:#c53030;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:background .2s ease}.logout-confirm-yes:hover{background:#9b2c2c}.logout-confirm-no{background:#edf2f7;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:10px 28px;transition:background .2s ease}.logout-confirm-no:hover{background:#e2e8f0}.hamburger-btn{align-items:center;background:#ffffffe6;border:1.5px solid #0066ff26;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;transition:all .2s ease;width:40px;z-index:10001}.hamburger-btn:hover{background:#fff;border-color:#0066ff4d;box-shadow:0 4px 12px #0066ff1f}.ham-line{background:#1a1a2e;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .25s ease;width:20px}.ham-line.open:first-child{transform:translateY(7px) rotate(45deg)}.ham-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.ham-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-sidebar-overlay{animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;inset:0;position:fixed;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.hamburger-btn{display:flex}.diamond-dashboard{grid-template-columns:1fr}.diamond-sidebar{box-shadow:8px 0 32px #00000026;height:100vh;left:-300px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10000}.diamond-sidebar.sidebar-open-ultra{left:0}.diamond-main{grid-column:1;padding:16px}.diamond-header{padding:16px}.diamond-header,.header-flex-ultra{align-items:center;flex-direction:row;gap:12px}.header-flex-ultra{flex-wrap:nowrap}.header-content-ultra{flex:1 1;min-width:0}.page-title-ultra{font-size:18px}.page-kicker-ultra{font-size:10px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@media (max-width:768px){.diamond-main{padding:12px 10px}.diamond-header{padding:12px 14px}.page-title-ultra{font-size:16px}.header-user-chip{gap:8px}.chip-text{font-size:12px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ultra-content{padding:0}.diamond-card{border-radius:12px}.card-body-ultra,.card-header-ultra{padding:16px 14px}.form-header-ultra{flex-direction:column;gap:12px;padding:14px}.period-selector-ultra{flex-direction:column;gap:10px}.period-group-ultra{width:100%}.question-block-ultra{padding:16px 14px}.question-header-ultra{flex-direction:column;gap:10px}.answer-row-ultra{flex-wrap:wrap;gap:8px}.ai-btn-ultra,.remove-point-btn-ultra{justify-content:center;width:100%}.form-footer-ultra{padding:16px 14px}.submit-btn-ultra{width:100%}.footer-grid{gap:20px;grid-template-columns:1fr}.ai-chat-container{bottom:64px;height:420px;right:12px;width:calc(100vw - 24px)}.ai-float-btn{bottom:20px;height:44px;right:20px;width:44px}.reminder-popup-ultra{right:12px;width:calc(100vw - 24px)}.reminder-side-panel-ultra{width:100vw}.logout-confirm-box{padding:24px 20px;width:calc(100vw - 40px)}}@media (max-width:480px){.diamond-main{padding:10px 8px}.diamond-header{padding:10px 12px}.page-title-ultra{font-size:15px}.card-body-ultra,.card-header-ultra,.question-block-ultra{padding:14px 12px}.question-number-ultra{font-size:13px;height:30px;width:30px}.question-text-ultra{font-size:13px}.answer-input-ultra{font-size:13px;padding:10px 12px}.ai-chat-container{bottom:56px;height:380px}.ai-float-btn{bottom:16px;height:40px;right:16px;width:40px}.chip-text{display:none}}:root{--bg-primary:linear-gradient(135deg,#f0f5ff,#e6eeff 50%,#dde7ff);--bg-card:linear-gradient(145deg,#fffffffa,#f8fafffa);--primary-blue:#06f;--primary-blue-light:#4d94ff;--primary-purple:#7b2cbf;--primary-pink:#d81b60;--accent-gold:#ff9800;--accent-emerald:#00a85a;--text-primary:#1a1a2e;--text-secondary:#2d2d4a;--text-tertiary:#4a4a6b;--text-muted:#6b6b8a;--primary-gradient:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);--blue-gradient:linear-gradient(135deg,#06f,#4d94ff);--shadow-light:0 2px 8px #0066ff14,0 8px 24px #0000000d;--shadow-medium:0 4px 16px #0066ff1f,0 12px 32px #00000014}*{margin:0;padding:0}body.modal-open{overflow:hidden}.mr-wrapper{animation:fadeIn .5s ease;display:flex;justify-content:center;width:100%}.mr-container{margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.mr-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0066ff26;border-radius:16px;box-shadow:0 2px 8px #0066ff14,0 8px 24px #0000000d;box-shadow:var(--shadow-light);margin-bottom:32px;padding:24px}.mr-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.mr-header p{color:#4a4a6b;color:var(--text-tertiary);font-size:16px;line-height:1.5;margin:0;opacity:.9}.mr-top-filter{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0066ff1a;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:40px;padding:24px;position:relative}.mr-top-filter:after{background:linear-gradient(90deg,#0000,#0066ff4d,#0000);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.filter-left{align-items:center;display:flex;gap:16px}.filter-select-wrapper{min-width:240px;position:relative}.period-label-ultra{align-items:center;color:#06f;color:var(--primary-blue);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:1px;text-transform:uppercase}.period-icon{font-size:18px;opacity:.8}.period-select-ultra{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2306f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;border:1px solid #06f3;border-radius:16px;border-radius:var(--radius-lg);color:#1a1a2e;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:14px 50px 14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra);width:100%}.period-select-ultra:hover{box-shadow:0 0 30px #0066ff26}.period-select-ultra:focus,.period-select-ultra:hover{background:#fff;border-color:#06f;border-color:var(--primary-blue)}.period-select-ultra:focus{box-shadow:0 0 0 3px #0066ff1a,0 12px 32px #0066ff26;outline:none}.filter-stats{background:#0066ff0f;border:1px solid #0066ff1a;border-radius:12px;border-radius:var(--radius);color:#4a4a6b;color:var(--text-tertiary);font-size:14px;font-weight:500;padding:10px 16px}.mr-cards-grid-coin{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin-top:20px}@media (max-width:1100px){.mr-cards-grid-coin{grid-template-columns:1fr;margin:20px auto;max-width:450px}}@media (max-width:768px){.mr-cards-grid-coin{gap:24px;grid-template-columns:1fr;max-width:100%}}.coin-card{animation:coinSlideIn .5s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffffa,#f8fafffa);border:1px solid #0066ff26;border-radius:24px;box-shadow:0 12px 40px #0066ff1a,0 0 40px #0066ff14;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:space-between;opacity:0;overflow:hidden;padding:28px;position:relative;text-align:center;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.coin-card:first-child{animation-delay:.1s}.coin-card:nth-child(2){animation-delay:.2s}.coin-card:nth-child(3){animation-delay:.3s}.coin-card:nth-child(4){animation-delay:.4s}.coin-card:nth-child(5){animation-delay:.5s}.coin-card:hover{border-color:#0066ff4d;box-shadow:0 24px 60px #06f3,0 0 60px #0066ff1f,inset 0 0 40px #fff6;transform:translateY(-8px) scale(1.02)}.coin-card:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--card-gradient,var(--primary-gradient));border-radius:24px 24px 0 0;filter:blur(2px);height:4px;opacity:.8}.coin-card:after,.coin-card:before{content:"";left:0;position:absolute;right:0;top:0}.coin-card:after{background:radial-gradient(circle at 50% 0,#0066ff0d,#0000 70%);bottom:0;pointer-events:none}.coin-card-header{position:relative;z-index:2}.coin-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--card-gradient,var(--primary-gradient));-webkit-background-clip:text;background-clip:text;color:#1a1a2e;color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:2px;margin-bottom:6px;text-shadow:0 2px 20px #0066ff26;text-transform:uppercase}.coin-card-subtitle{color:#06f;color:var(--primary-blue);font-size:13px;font-weight:600;letter-spacing:1.5px;margin-bottom:20px;opacity:.9;text-transform:uppercase}.coin-card-divider{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--card-gradient,var(--primary-gradient));border-radius:2px;filter:blur(.5px);height:3px;margin:0 auto 20px;opacity:.8;width:50px}.coin-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative;z-index:2}.coin-card-user{color:#1a1a2e;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.coin-card-meta{flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:16px}.coin-card-meta,.meta-item{align-items:center;display:flex}.meta-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0066ff14;border:1px solid #0066ff26;border-radius:16px;color:#06f;color:var(--primary-blue);font-size:13px;font-weight:700;gap:8px;letter-spacing:.8px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.meta-item:hover{background:#0066ff1f;box-shadow:0 8px 20px #0066ff1a;transform:translateY(-2px)}.meta-icon{font-size:12px;opacity:.9}.meta-separator{color:#0066ff4d;font-size:14px;font-weight:300}.coin-card-id{color:#6b6b8a;color:var(--text-muted);font-family:Courier New,monospace;font-size:12px;font-weight:500;letter-spacing:.8px;margin-top:12px;opacity:.9}.coin-card-details{align-items:center;animation:fadeInPopup .3s ease-out;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffffa!important;bottom:0;display:flex!important;justify-content:center;left:0;opacity:1!important;overflow:hidden;padding:20px;position:fixed;right:0;top:0;visibility:visible!important;z-index:9999!important}.details-content{animation:popupZoom .4s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;background:linear-gradient(145deg,#fffffffa,#f8fafffa)!important;border:1px solid #0066ff26;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 40px 100px #0066ff26,0 0 100px #0066ff1a;max-height:85vh;max-width:850px;overflow-y:auto;position:relative;transform-origin:center center;width:100%;z-index:10000}.details-close-btn{align-items:center;background:#e53935;border:none;border-radius:50%;box-shadow:0 6px 16px #e5393566;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .25s ease;width:36px;z-index:50}.details-close-btn:hover{background:#c62828;box-shadow:0 10px 30px #e5393580;transform:scale(1.1)}.modal-action-buttons{border-top:1px solid #0066ff1a;display:flex;gap:12px;margin-top:24px;padding-top:16px}.modal-edit-btn{align-items:center;background:linear-gradient(135deg,#06f,#4d94ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.modal-edit-btn:hover{background:linear-gradient(135deg,#0052d4,#06f);box-shadow:0 4px 20px #06f3;transform:translateY(-2px)}.modal-delete-btn{align-items:center;background:linear-gradient(135deg,#d81b60,#ff4d8d);background:linear-gradient(135deg,var(--primary-pink),#ff4d8d);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.modal-delete-btn:hover{background:linear-gradient(135deg,#c2185b,#d81b60);box-shadow:0 4px 20px #d81b6033;transform:translateY(-2px)}body.modal-open{position:fixed!important;width:100%!important}@media (max-width:768px){.coin-card-details{padding:16px}.details-close-btn{font-size:24px;height:48px;right:20px;top:20px;width:48px}.details-content{max-height:90vh;max-width:95%}.modal-action-buttons{flex-direction:column}.modal-delete-btn,.modal-edit-btn{justify-content:center;width:100%}}.mr-card{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:linear-gradient(145deg,#fffffffa,#f8fafffa);border:1px solid #0066ff26;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0066ff14,0 8px 24px #0000000d;box-shadow:var(--shadow-light);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.mr-card.expanded{box-shadow:0 40px 100px #0066ff26,0 0 100px #0066ff1a}.card-status-bar{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--status-color,var(--primary-gradient));filter:blur(1.5px);height:5px;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:1}.mr-card-header{background:#fff9;border-radius:20px 20px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:32px 40px;position:relative;z-index:2}.card-header-content{align-items:center;display:flex;gap:28px}.mr-avatar-wrapper{height:72px;position:relative;width:72px}.mr-avatar{align-items:center;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60)!important;background:var(--status-color,var(--primary-gradient))!important;border-radius:50%;box-shadow:0 16px 40px #06f3,0 0 0 4px #ffffffe6,inset 0 6px 20px #ffffff4d;color:#fff;display:flex;font-size:26px;font-weight:800;height:64px;justify-content:center;position:relative;width:64px;z-index:2}.avatar-ring{animation:pulseRing 2s ease-in-out infinite;border:3px solid linear-gradient(135deg,#06f,#7b2cbf,#d81b60);border-color:var(--status-color,var(--primary-gradient));border-radius:50%;height:72px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:72px}.user-info{flex:1 1}.mr-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--status-color,var(--primary-gradient));-webkit-background-clip:text;background-clip:text;color:#1a1a2e;color:var(--text-primary);font-size:22px;font-weight:800;margin:0 0 12px}.period-tag{align-items:center;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--status-color,var(--primary-gradient));border-radius:24px;box-shadow:0 8px 24px #0066ff26;color:#fff;display:inline-flex;font-weight:700;gap:10px;letter-spacing:1px;padding:10px 20px;text-transform:uppercase}.period-icon-small,.period-tag{font-size:14px}.date-info{text-align:right}.date-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0066ff14;border:1px solid #0066ff26;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;gap:10px;margin-bottom:12px;padding:12px 20px}.date-icon{font-size:16px}.date-icon,.date-text{color:#06f;color:var(--primary-blue)}.date-text{font-size:15px;font-weight:700}.reflection-id{color:#6b6b8a;color:var(--text-muted);font-family:Courier New,monospace;font-size:13px;font-weight:500;letter-spacing:1px}.mr-card-body{animation:expandContent .4s cubic-bezier(.4,0,.2,1);padding:0 40px 40px;position:relative}.reflection-content{border-top:1px solid #0066ff1a;padding-top:32px}.question-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #0066ff1a;border-radius:16px;border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden;padding:28px;position:relative}.question-block:before{background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--status-color,var(--primary-gradient));content:"";filter:blur(1.5px);height:100%;left:0;opacity:.8;position:absolute;top:0;width:5px}.question-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.question-number{align-items:center;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--status-color,var(--primary-gradient));border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 20px #0066ff26,0 0 0 3px #ffffffe6;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:40px;justify-content:center;width:40px}.question-text{color:#1a1a2e;color:var(--text-primary);flex:1 1;font-size:17px;font-weight:700;line-height:1.5;padding-top:6px}.answer-content{padding-left:16px}.answer-list{list-style:none;margin:0;padding:0}.answer-item{align-items:flex-start;background:#0066ff0d;border:1px solid #0066ff14;border-radius:12px;border-radius:var(--radius);display:flex;gap:16px;margin-bottom:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.answer-item:hover{background:#0066ff14;border-color:#0066ff26;transform:translateX(8px)}.answer-bullet{color:#06f;color:var(--primary-blue);flex-shrink:0;font-size:22px;font-weight:900;margin-top:1px}.answer-text{color:#2d2d4a;color:var(--text-secondary);flex:1 1;font-size:15px;font-weight:500;line-height:1.6}.no-answer{background:#0066ff0a;border:1px dashed #0066ff26;border-radius:12px;border-radius:var(--radius);color:#6b6b8a;color:var(--text-muted);font-size:15px;font-style:italic;padding:20px;text-align:center}.card-footer{border-top:1px solid #0066ff1a;margin-top:40px;padding-top:32px}.submission-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0066ff0f;border:1px solid #0066ff26;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;padding:16px 24px}.info-icon{color:#06f;color:var(--primary-blue);font-size:18px;opacity:.9}.info-text{color:#4a4a6b;color:var(--text-tertiary);font-size:14px;font-weight:600;letter-spacing:.5px}.mr-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d81b601a,#7b2cbf1a);border:1px solid #d81b6033;border-radius:16px;border-radius:var(--radius-lg);color:#d81b60;font-weight:700;margin:32px 0;padding:28px;text-align:center}.empty-state-ultra{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffc;border:2px dashed #0066ff40;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0066ff14,0 8px 24px #0000000d;box-shadow:var(--shadow-light);color:#6b6b8a;color:var(--text-muted);font-size:16px;margin:60px 0;padding:80px 60px;text-align:center}.empty-icon{animation:pulseIcon 3s ease-in-out infinite;font-size:72px;margin-bottom:28px;opacity:.7}.empty-icon,.empty-text{color:#06f;color:var(--primary-blue)}.empty-text{font-size:24px;font-weight:800;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.empty-subtext{color:#4a4a6b;color:var(--text-tertiary);font-size:16px;line-height:1.6;margin:0 auto;max-width:400px;opacity:.8}.loading-container-ultra{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;padding:120px 60px}.loader-ultra{display:flex;gap:12px}.loader-dot-ultra{animation:pulseUltra 1.5s ease-in-out infinite;background:linear-gradient(135deg,#06f,#7b2cbf,#d81b60);background:var(--primary-gradient);border-radius:50%;box-shadow:0 0 30px #0066ff4d;height:12px;width:12px}.loader-dot-ultra:first-child{animation-delay:-.3s}.loader-dot-ultra:nth-child(2){animation-delay:-.15s}.loading-text-ultra{animation:textGlow 2s ease-in-out infinite;color:#06f;color:var(--primary-blue);font-size:16px;font-weight:800;letter-spacing:2px;text-shadow:0 0 30px #0066ff4d;text-transform:uppercase}.elegant-edit-area{display:flex;flex-direction:column;gap:35px;margin-top:25px;padding-bottom:40px}.edit-block{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #06f3;border-radius:14px;box-shadow:0 2px 8px #0066ff14,0 8px 24px #0000000d;box-shadow:var(--shadow-light);padding:20px;transition:.3s}.edit-block:hover{box-shadow:0 6px 20px #0066ff26;transform:translateY(-2px)}.edit-block-header{align-items:center;display:flex;gap:12px;margin-bottom:15px}.edit-q-number{background:linear-gradient(135deg,#06f,#4d94ff);border-radius:12px;box-shadow:0 4px 12px #06f3;color:#fff;font-size:18px;font-weight:800;padding:10px 16px}.edit-q-title{font-size:18px;font-weight:700;letter-spacing:.5px}.edit-q-title,.edit-textarea-glass{color:#1a1a2e;color:var(--text-primary)}.edit-textarea-glass{background:#fffffff2;border:1px solid #06f3;border-radius:12px;font-size:15px;min-height:90px;outline:none;padding:12px 15px;resize:vertical;transition:.2s;width:100%}.edit-textarea-glass:focus{background:#fff;border-color:#06f;box-shadow:0 0 12px #06f3}.answer-line{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px}.delete-answer-btn{background:linear-gradient(135deg,#ff4d8d,#ff1f6f);border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:700;height:40px;margin-top:8px;padding:10px 14px;transition:.2s}.delete-answer-btn:hover{background:linear-gradient(135deg,#ff1f6f,#e91e63);box-shadow:0 4px 12px #ff4d8d4d;transform:scale(1.08)}.add-answer-btn{background:linear-gradient(135deg,#06f,#4d94ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;padding:10px 18px;transition:.2s}.add-answer-btn:hover{box-shadow:0 4px 18px #0066ff4d;transform:scale(1.05)}.save-btn-final{align-items:center;background:linear-gradient(135deg,#06f,#7b2cbf);border:none;border-radius:14px;box-shadow:0 4px 20px #0066ff40;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:800;gap:10px;justify-content:center;margin-top:20px;padding:14px 32px;transition:.25s;width:100%}.save-btn-final:hover{box-shadow:0 6px 26px #0066ff59;transform:scale(1.06)}@keyframes coinSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes expandContent{0%{max-height:0;opacity:0;transform:translateY(-20px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}@keyframes fadeInPopup{0%{opacity:0}to{opacity:1}}@keyframes popupZoom{0%{filter:blur(4px);opacity:0;transform:scale(.85) translateY(30px)}70%{opacity:1;transform:scale(1.02)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes pulseRing{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.15)}}@keyframes pulseUltra{0%,80%,to{box-shadow:0 0 20px #06f3;opacity:.5;transform:scale(.8)}40%{box-shadow:0 0 40px #0066ff80;opacity:1;transform:scale(1.3)}}@keyframes textGlow{0%,to{text-shadow:0 0 30px #06f3}50%{text-shadow:0 0 50px #06f6}}@keyframes pulseIcon{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.action-buttons{display:flex;gap:10px;margin-top:15px}.edit-btn{background:linear-gradient(135deg,#06f,#4d94ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.edit-btn:hover{background:linear-gradient(135deg,#0052d4,#06f);box-shadow:0 4px 15px #06f3;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#d81b60,#ff4d8d);background:linear-gradient(135deg,var(--primary-pink),#ff4d8d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.delete-btn:hover{background:linear-gradient(135deg,#c2185b,#d81b60);box-shadow:0 4px 15px #d81b6033;transform:translateY(-2px)}@media (max-width:1100px){.mr-cards-grid-coin{max-width:500px}}@media (max-width:768px){.mr-container{padding:24px 16px}.mr-header{padding:20px}.mr-header h1{font-size:24px}.mr-top-filter{align-items:stretch;flex-direction:column;gap:20px;padding:20px}.filter-left{width:100%}.filter-select-wrapper{min-width:100%}.card-header-content{align-items:flex-start;flex-direction:column;gap:20px}.date-info{text-align:left;width:100%}.mr-card-header{padding:24px 28px}.mr-card-body{padding:0 28px 28px}.question-block{padding:24px 20px}.coin-card-details{padding:16px}.details-close-btn{font-size:24px;height:48px;right:20px;top:20px;width:48px}.details-content{max-height:92vh;width:calc(100% - 32px)}.answer-line{flex-direction:column}.delete-answer-btn{margin-top:0;width:100%}}@media (max-width:480px){.mr-header h1{font-size:22px}.mr-header p{font-size:14px}.mr-avatar-wrapper{height:56px;width:56px}.mr-avatar{font-size:22px;height:50px;width:50px}.avatar-ring{height:56px;width:56px}.mr-name{font-size:18px}.question-block{padding:20px 16px}.question-number{font-size:14px;height:36px;width:36px}.question-text{font-size:15px}.answer-text{font-size:14px}.coin-card{height:180px;padding:24px}.coin-card-title{font-size:16px}.coin-card-subtitle{font-size:12px}.coin-card-user{font-size:16px}.meta-item{font-size:12px;padding:7px 14px}.details-content{max-height:94vh;width:calc(100% - 20px)}.mr-card-header{padding:20px 16px}.mr-card-body{padding:0 16px 20px}.elegant-edit-area{gap:20px;padding-bottom:20px}}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-start{align-items:center;display:flex;justify-content:flex-start}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:#1a1a2e;color:var(--text-primary)}.text-secondary{color:#2d2d4a;color:var(--text-secondary)}.text-tertiary{color:#4a4a6b;color:var(--text-tertiary)}.text-muted{color:#6b6b8a;color:var(--text-muted)}.text-blue{color:#06f;color:var(--primary-blue)}.text-purple{color:#7b2cbf;color:var(--primary-purple)}.text-pink{color:#d81b60;color:var(--primary-pink)}.mr-container>div:last-child>button,.mr-container>div:last-child>span{opacity:1!important;visibility:visible!important}.mr-container>div:last-child>span{background:#0066ff26;border-radius:8px;color:#1a1a2e!important;font-weight:800!important;padding:6px 14px}.mr-container>div:last-child>button{background:linear-gradient(135deg,#06f,#7b2cbf);border-radius:10px;color:#fff;font-weight:700;padding:10px 18px}.mr-container>div:last-child>button:disabled{background:#999;cursor:not-allowed}@media (max-width:1024px){.mr-container{padding:20px 16px}.mr-cards-grid-coin{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mr-container{padding:14px 12px}.mr-cards-grid-coin{grid-template-columns:1fr;max-width:100%}.coin-card{height:auto;min-height:160px;padding:20px}.coin-card:hover{transform:none}.mr-header{padding:16px 14px}.mr-header h1{font-size:22px}.mr-top-filter{align-items:stretch;flex-direction:column;gap:14px;padding:16px 14px}.filter-left,.filter-select-wrapper{min-width:100%;width:100%}.card-header-content{align-items:flex-start;flex-direction:column;gap:14px}.date-info{text-align:left;width:100%}.mr-card-header{padding:20px 16px}.mr-card-body{padding:0 16px 20px}.question-block{padding:18px 14px}.modal-action-buttons{flex-direction:column;gap:10px}.modal-delete-btn,.modal-edit-btn{justify-content:center;width:100%}.details-content{max-height:92vh;width:calc(100% - 24px)}.details-close-btn{height:42px;right:16px;top:16px;width:42px}.answer-line{flex-direction:column;gap:8px}.delete-answer-btn{margin-top:0;width:100%}.mr-pagination{flex-wrap:wrap;gap:6px;justify-content:center}}@media (max-width:480px){.mr-header h1{font-size:19px}.mr-header p{font-size:13px}.avatar-ring,.mr-avatar-wrapper{height:50px;width:50px}.mr-avatar{font-size:20px;height:44px;width:44px}.mr-name{font-size:16px}.question-block{padding:16px 12px}.question-number{font-size:13px;height:32px;width:32px}.coin-card{padding:16px}}:root{--text-muted:#4a5568;--text-light:#718096;--shadow-light:0 6px 20px #00000014;--shadow-medium:0 10px 30px #0000001f;--shadow-hover:0 15px 40px #00000026}.teamview-page{animation:fadeIn .4s ease;background:linear-gradient(135deg,#f0f2f5,#e1e5eb 50%,#d1d6de);background:var(--bg-primary);color:#2d3748;color:var(--diamond-text);min-height:100vh;width:100%}.teamview-page h2{align-items:center;background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);background-clip:text;-webkit-background-clip:text;color:#0000;display:flex;font-size:24px;font-weight:800;gap:12px;letter-spacing:1px;margin:35px 0 20px;text-shadow:0 1px 2px #0000001a;text-transform:uppercase}.tv-filter-card{background:#fffffff2;border:1px solid #2c52824d;border-radius:18px;box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow-light);margin-bottom:28px;padding:25px}.tv-filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.tv-field-sm{display:flex;flex-direction:column;gap:10px}.tv-field-sm label{align-items:center;color:#2c5282;color:var(--diamond-blue);display:flex;font-size:13px;font-weight:700;gap:6px;text-shadow:0 1px 1px #0000000d}.tv-field-sm input,.tv-field-sm select{background:#fffffff2;border:1px solid #2c528266;border-radius:12px;box-shadow:0 2px 5px #0000000d;color:#1a1a2e;color:var(--diamond-dark);font-size:15px;font-weight:500;padding:12px 16px;transition:.2s ease}.tv-field-sm input:hover,.tv-field-sm select:hover{background:#fff;border-color:#2c5282;border-color:var(--diamond-blue)}.tv-employee-select{border-color:#6b46c166!important}.tv-employee-select:hover{border-color:#6b46c1!important;border-color:var(--diamond-purple)!important}.tv-top-filter{background:#fffffff2;border:1px solid #2c52824d;border-radius:16px;box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow-light);display:flex;gap:14px;justify-content:flex-end;padding:16px 20px}.tv-cards{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.tv-cards{grid-template-columns:1fr}}.tv-card{background:linear-gradient(160deg,#fffffffa,#fafcfffa);border:1px solid #2c52824d;border-radius:26px;box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow-light);color:#2d3748;color:var(--diamond-text);overflow:hidden;padding:32px;position:relative;transition:.3s ease}.tv-card:hover{border-color:#2c528299;box-shadow:0 15px 40px #00000026,0 0 40px #6b46c126;box-shadow:var(--shadow-hover),0 0 40px #6b46c126;transform:translateY(-6px) scale(1.02)}.tv-card:before{background:radial-gradient(circle,#2c528214,#0000 75%);content:"";height:160%;left:-40%;opacity:0;pointer-events:none;position:absolute;top:-40%;transition:.4s ease;width:160%}.tv-card:hover:before{opacity:1;transform:scale(1.1)}.tv-card-header{gap:16px}.tv-avatar,.tv-card-header{align-items:center;display:flex}.tv-avatar{background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);border-radius:50%;color:#fff;height:48px;justify-content:center;text-shadow:0 1px 2px #0003;width:48px}.tv-avatar,.tv-name{font-size:18px;font-weight:800}.tv-name{color:#1a1a2e;color:var(--diamond-dark);text-shadow:0 1px 1px #0000000d}.tv-meta{display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:10px;text-transform:uppercase}.tv-arrow,.tv-meta{color:#2c5282;color:var(--diamond-blue)}.tv-arrow{font-size:20px;margin-left:auto}.tv-card-body{border-top:1px solid #2c3e5026;margin-top:15px;padding-top:15px}.tv-q-block{background:#2c528212;border:1px solid #2c528233;border-radius:14px;margin-bottom:18px;padding:16px}.tv-q{color:#1a1a2e;color:var(--diamond-dark);font-size:15px;font-weight:700;margin-bottom:12px}.tv-answer{color:#2d3748;color:var(--diamond-text);font-size:14px;line-height:1.6}.tv-empty{color:#4a5568;color:var(--text-muted);font-size:16px;font-weight:500;padding:40px;text-align:center}.team-insights-header{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:18px;border-top:3px solid #2c5282;box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow-light);color:#2d3748;color:var(--diamond-text);display:flex;justify-content:space-between;margin-bottom:20px;padding:25px 30px}.team-insights-header h3{color:#1a1a2e;color:var(--diamond-dark);font-weight:800;margin:0}.missing-btn-header{background:linear-gradient(135deg,#2c5282,#6b46c1);border:none;border-radius:10px;box-shadow:0 0 12px #6b46c14d;color:#fff;cursor:pointer;font-weight:600;padding:10px 22px;transition:.3s ease}.missing-btn-header:hover{box-shadow:0 8px 20px #6b46c166;transform:translateY(-3px)}.missing-modal-overlay{animation:fadeInOverlay .3s ease-out;background:#00000080}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.missing-modal{animation:modalPop .35s ease-out;border-radius:26px;box-shadow:0 30px 80px #00000026,0 0 40px #2c528226;color:#2d3748;color:var(--diamond-text);max-width:94%;width:540px}.modal-header{border-bottom:1px solid #2c528233;padding:28px 36px 20px}.modal-close,.modal-header h3{font-size:28px}.modal-close{align-items:center;background:#2c52821a;border-radius:50%;display:flex;height:46px;justify-content:center;transition:all .25s ease;width:46px}.modal-close:hover{background:#2c528233;transform:scale(1.12)}.modal-body{color:#2d3748;color:var(--diamond-text);max-height:68vh;overflow-y:auto;padding:32px 36px}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:5px}.modal-body::-webkit-scrollbar-thumb{background:#2c528280;border-radius:5px}.modal-body::-webkit-scrollbar-thumb:hover{background:#2c5282;background:var(--diamond-blue)}.modal-field{margin-bottom:22px}.modal-field label{display:block;font-size:15px;margin-bottom:10px}.modal-field input,.modal-field select{border:1px solid #2c528266;border-radius:16px;font-size:16px;padding:15px 18px;transition:all .25s ease;width:100%}.modal-field input::placeholder{color:#718096;color:var(--text-light)}.modal-field input:focus,.modal-field select:focus{background:#fff;box-shadow:0 0 20px #2c528233}.modal-fetch-btn{border-radius:18px;font-size:17px;margin:15px 0 25px;padding:18px;transition:all .3s ease}.modal-fetch-btn:hover{box-shadow:0 15px 40px #6b46c14d;transform:translateY(-4px)}.modal-results{margin-top:10px}.modal-empty,.modal-loading{font-size:17px;padding:30px 0}.modal-summary{border:1px solid #2c52824d;border-radius:16px;font-size:15px;line-height:1.8;margin-bottom:20px;padding:18px}.modal-summary p{margin:8px 0}.modal-summary p,.modal-user-card{color:#2d3748;color:var(--diamond-text)}.modal-user-card{border:1px solid #2c528240;border-radius:18px;gap:18px;margin-bottom:14px;padding:18px;transition:all .25s ease}.modal-user-card:hover{transform:translateX(8px)}.modal-avatar{flex-shrink:0;font-size:20px;height:52px;width:52px}.modal-user-name{color:#1a1a2e;color:var(--diamond-dark);font-size:17px;font-weight:700}.modal-user-mail{color:#4a5568;color:var(--text-muted);font-size:14px}.tv-top-filter select{-webkit-appearance:none;appearance:none;background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%231a1a2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #2c528266;border-radius:14px;color:#1a1a2e;color:var(--diamond-dark);font-size:15px;font-weight:600;height:48px;min-width:180px;padding:0 45px 0 16px!important;transition:.2s ease-in-out}.tv-top-filter select:hover{box-shadow:0 0 18px #2c528226}.tv-top-filter select:focus,.tv-top-filter select:hover{background:#fff;border-color:#2c5282;border-color:var(--diamond-blue)}.tv-top-filter select:focus{box-shadow:0 0 0 2px #2c528226,0 12px 28px #2c528226;outline:none}.missing-modal-overlay{animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;z-index:9999}.missing-modal{animation:modalZoom .25s ease-out;background:linear-gradient(160deg,#fff,#fafbfd);border:1px solid #2c528266;border-radius:22px;box-shadow:0 20px 60px #0000001a,0 0 30px #2c528226;max-width:90%;padding:32px;width:480px}@keyframes modalZoom{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.modal-header h3{background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:24px;font-weight:800;margin:0}.modal-close{color:#1a1a2e;color:var(--diamond-dark);cursor:pointer;font-size:22px;transition:.2s}.modal-close:hover{color:#2c5282;color:var(--diamond-blue);transform:scale(1.15)}.modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.modal-field label{color:#2c5282;color:var(--diamond-blue);font-size:14px;font-weight:700}.modal-field input,.modal-field select{background:#fffffff2;border:1px solid #2c52824d;border-radius:12px;color:#1a1a2e;color:var(--diamond-dark);font-size:15px;font-weight:500;padding:12px;transition:.2s ease}.modal-field input:focus,.modal-field input:hover,.modal-field select:focus,.modal-field select:hover{border-color:#2c5282;border-color:var(--diamond-blue)}.modal-field input:focus,.modal-field select:focus{box-shadow:0 0 12px #2c528233;outline:none}.modal-fetch-btn{background:linear-gradient(135deg,#2c5282,#6b46c1);border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;transition:.25s;width:100%}.modal-fetch-btn:hover{box-shadow:0 10px 30px #6b46c140;transform:translateY(-3px)}.modal-results{margin-top:20px;max-height:380px;overflow-y:auto;padding-right:10px}.modal-empty,.modal-loading{color:#4a5568;color:var(--text-muted);font-weight:500;padding:12px 0;text-align:center}.modal-summary{background:#2c528214;border:1px solid #2c528240;border-radius:14px;color:#1a1a2e;color:var(--diamond-dark);font-size:14px;margin-bottom:12px;padding:14px}.modal-user-card{align-items:center;background:#2c52820d;border:1px solid #2c528233;border-radius:14px;display:flex;gap:12px;margin-bottom:12px;padding:12px;transition:.2s ease}.modal-user-card:hover{background:#2c52821a;border-color:#2c5282;border-color:var(--diamond-blue);transform:translateY(-3px)}.modal-avatar{align-items:center;background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);border-radius:50%;color:#fff;display:flex;font-weight:800;height:42px;justify-content:center;text-shadow:0 1px 2px #0003;width:42px}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:invert(.3);opacity:1}.modal-field select,.tv-top-filter select{background-color:#fffffff2!important;border:1px solid #2c528266!important;color:#1a1a2e!important;color:var(--diamond-dark)!important}.modal-field select option,.tv-top-filter select option{background-color:#fff!important;color:#1a1a2e!important;color:var(--diamond-dark)!important;font-weight:600}.modal-field select option:hover,.tv-top-filter select option:hover{background-color:#f7fafc!important;color:#2c5282!important;color:var(--diamond-blue)!important}.modal-field select option:checked,.tv-top-filter select option:checked{background-color:#edf2f7!important;color:#2c5282!important;color:var(--diamond-blue)!important}.modal-field select:focus,.tv-top-filter select:focus{border-color:#2c5282!important;border-color:var(--diamond-blue)!important;box-shadow:0 0 0 2px #2c528233,0 0 18px #2c528226;outline:none}.modal-field select,.tv-top-filter select{appearance:none;-webkit-appearance:none;-moz-appearance:none}.tv-card-table{border-collapse:collapse;color:#2d3748;color:var(--diamond-text);margin-top:15px;width:100%}.tv-card-table th{background:#2c52821a;border-bottom:2px solid #2c528233;color:#1a1a2e;color:var(--diamond-dark);font-weight:700;padding:10px;text-align:left}.tv-card-table td{border-bottom:1px solid #2c52821a;color:#2d3748;color:var(--diamond-text);padding:10px}.tv-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.tv-status-complete{background:#48bb7826;color:#276749}.tv-status-pending{background:#ed893626;color:#c05621}.tv-status-missing{background:#f5656526;color:#9b2c2c}.tv-action-btn{background:#fff;border:1px solid #2c52824d;border-radius:10px;color:#2c5282;color:var(--diamond-blue);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.tv-action-btn:hover{background:#2c5282;background:var(--diamond-blue);box-shadow:0 5px 15px #2c528233;color:#fff;transform:translateY(-2px)}.tv-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;margin-bottom:8px;margin-right:8px;padding:4px 10px}.tv-badge-blue{background:#2c528226;color:#2c5282}.tv-badge-purple{background:#6b46c126;color:#6b46c1}.tv-badge-pink{background:#c5303026;color:#c53030}@media (max-width:768px){.tv-filter-row{grid-template-columns:1fr}.tv-top-filter{align-items:flex-start;flex-direction:column}.tv-top-filter select{margin-bottom:10px;width:100%}.missing-modal{padding:20px}.modal-header{padding:20px 20px 15px}.modal-body{padding:20px}}.tv-spinner{animation:spin 1s linear infinite;border:3px solid #2c528233;border-radius:50%;border-top-color:#2c5282;border-top:3px solid var(--diamond-blue);height:40px;margin:20px auto;width:40px}.tv-tooltip{display:inline-block;position:relative}.tv-tooltip .tv-tooltiptext{background-color:#1a1a2e;background-color:var(--diamond-dark);border-radius:8px;bottom:125%;box-shadow:0 4px 20px #00000026;color:#fff;font-size:14px;left:50%;opacity:0;padding:10px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tv-tooltip .tv-tooltiptext:after{border:5px solid #0000;border-top-color:#1a1a2e;border-color:var(--diamond-dark) #0000 #0000 #0000;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tv-tooltip:hover .tv-tooltiptext{opacity:1;visibility:visible}.tv-text-dark{color:#1a1a2e!important;color:var(--diamond-dark)!important}.tv-text-normal{color:#2d3748!important;color:var(--diamond-text)!important}.tv-text-muted{color:#4a5568!important;color:var(--text-muted)!important}.tv-text-light{color:#718096!important;color:var(--text-light)!important}.modal-body div,.modal-body p,.tv-card-body div,.tv-card-body p{font-weight:500;line-height:1.6}.tv-card-content{color:#2d3748;color:var(--diamond-text);font-size:14.5px;line-height:1.7}.tv-strong{color:#1a1a2e;color:var(--diamond-dark);font-weight:700}.tv-date{color:#2c5282;color:var(--diamond-blue);font-size:13px;font-weight:600}.tv-section-title{border-bottom:1px solid #2c52821a;color:#1a1a2e;color:var(--diamond-dark);font-size:15px;font-weight:700;margin:15px 0 8px;padding-bottom:5px}.tv-pagination{flex-wrap:wrap;gap:8px;margin:24px 0 12px}.tv-page-btn,.tv-pagination{align-items:center;display:flex;justify-content:center}.tv-page-btn{background:#ffffffe6;border:1.5px solid #2c528240;border-radius:10px;color:#2d3748;color:var(--diamond-text,#1a202c);cursor:pointer;font-size:13px;font-weight:600;height:36px;min-width:36px;padding:0 10px;transition:all .2s}.tv-page-btn:hover:not(:disabled){background:linear-gradient(135deg,#00d4ff22,#9d4edd22);border-color:#2c528280}.tv-page-btn.active{background:linear-gradient(135deg,#00d4ff,#9d4edd);border-color:#0000;box-shadow:0 4px 12px #9d4edd59;color:#fff}.tv-page-btn:disabled{cursor:not-allowed;opacity:.35}.tv-count{color:#888;font-size:13px;font-weight:500;margin:4px 0 12px 4px}.missing-modal-overlay{align-items:center;animation:mm-fade-in .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#080c1a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}@keyframes mm-fade-in{0%{opacity:0}to{opacity:1}}.missing-modal{animation:mm-pop .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 32px 80px #0000002e,0 0 0 1px #2c52821f;display:flex;flex-direction:column;max-height:90vh;max-width:94vw;overflow:hidden;width:520px}@keyframes mm-pop{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-header{background:linear-gradient(135deg,#f7f9ff,#fff);border-bottom:1px solid #edf2f7;flex-shrink:0;justify-content:space-between;padding:22px 28px 18px}.mm-header,.mm-header-left{align-items:center;display:flex}.mm-header-left{gap:14px}.mm-header-icon{align-items:center;border-radius:14px;box-shadow:0 6px 16px #6b46c14d;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.mm-header-icon,.mm-title{background:linear-gradient(135deg,#2c5282,#6b46c1)}.mm-title{-webkit-background-clip:text;background-clip:text;color:#0000;font-size:20px;font-weight:800;line-height:1.2;margin:0 0 2px}.mm-subtitle{color:#718096;font-size:12.5px;font-weight:500;margin:0}.mm-close-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;color:#718096;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .18s;width:38px}.mm-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444;transform:rotate(90deg)}.mm-body{flex:1 1;overflow-y:auto;padding:24px 28px 20px}.mm-body::-webkit-scrollbar{width:5px}.mm-body::-webkit-scrollbar-track{background:#0000}.mm-body::-webkit-scrollbar-thumb{background:#2c528240;border-radius:4px}.mm-form-grid{grid-gap:16px 18px;display:grid;gap:16px 18px;grid-template-columns:1fr 1fr;margin-bottom:18px}.mm-field{display:flex;flex-direction:column;gap:7px}.mm-label{color:#4a5568;font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.mm-select-wrap{position:relative}.mm-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#2d3748;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:11px 40px 11px 14px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.mm-select:hover{background:#fff;border-color:#a0aec0}.mm-select:focus{background:#fff;border-color:#6b46c1;box-shadow:0 0 0 3px #6b46c11f}.mm-select-arrow{align-items:center;color:#718096;display:flex;pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-50%)}.mm-select:focus+.mm-select-arrow{color:#6b46c1}.mm-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:14px;font-weight:500;outline:none;padding:11px 14px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.mm-input:hover{background:#fff;border-color:#a0aec0}.mm-input:focus{background:#fff;border-color:#6b46c1;box-shadow:0 0 0 3px #6b46c11f}.mm-input::placeholder{color:#a0aec0}.mm-search-wrap{position:relative}.mm-search-icon{color:#a0aec0;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mm-input-search{padding-left:38px!important}.mm-fetch-btn{align-items:center;background:linear-gradient(135deg,#2c5282,#6b46c1);border:none;border-radius:14px;box-shadow:0 6px 18px #6b46c14d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:9px;justify-content:center;margin-bottom:20px;padding:13px;transition:transform .18s,box-shadow .18s;width:100%}.mm-fetch-btn:hover{box-shadow:0 10px 28px #6b46c161;transform:translateY(-2px)}.mm-fetch-btn:active{transform:translateY(0)}.mm-loading{align-items:center;color:#718096;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:24px 0}.mm-spinner{animation:mm-spin .75s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#6b46c1;flex-shrink:0;height:22px;width:22px}@keyframes mm-spin{to{transform:rotate(1turn)}}.mm-stats-row{display:flex;gap:12px;margin-bottom:18px}.mm-stat{align-items:center;border:1.5px solid #0000;border-radius:14px;display:flex;flex:1 1;flex-direction:column;padding:12px 8px}.mm-stat-total{background:#f0f4ff;border-color:#c3d0f5}.mm-stat-ok{background:#f0fdf4;border-color:#bbf7d0}.mm-stat-miss{background:#fff7ed;border-color:#fed7aa}.mm-stat-num{font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.mm-stat-total .mm-stat-num{color:#3b5fd9}.mm-stat-ok .mm-stat-num{color:#16a34a}.mm-stat-miss .mm-stat-num{color:#ea580c}.mm-stat-lbl{color:#718096;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mm-all-ok{color:#16a34a;padding:28px 0 16px;text-align:center}.mm-all-ok-emoji{display:block;font-size:36px;margin-bottom:10px}.mm-all-ok p{font-size:16px;font-weight:700;margin:0}.mm-user-list{display:flex;flex-direction:column;gap:10px}.mm-user-card{align-items:center;background:#fff;border:1.5px solid #fee2e2;border-radius:14px;display:flex;gap:14px;padding:13px 16px;transition:box-shadow .18s,transform .18s}.mm-user-card:hover{box-shadow:0 4px 16px #ef44441f;transform:translateX(3px)}.mm-user-avatar{align-items:center;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:17px;font-weight:800;height:42px;justify-content:center;width:42px}.mm-user-info{flex:1 1;min-width:0}.mm-user-name{color:#2d3748;font-size:14px;font-weight:700}.mm-user-mail,.mm-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-user-mail{color:#718096;font-size:12px}.mm-badge-miss{background:#fee2e2;border-radius:20px;color:#ef4444;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px}@media (max-width:540px){.mm-form-grid{grid-template-columns:1fr}.mm-header{padding:18px 20px 14px}.mm-body{padding:18px 20px 16px}}@media (max-width:1024px){.teamview-page{padding:16px}.team-insights-header{align-items:flex-start;flex-direction:column;gap:12px}.missing-btn-header{text-align:center;width:100%}.tv-filter-card{padding:16px}.tv-filter-row{gap:12px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.teamview-page{padding:12px 10px}.tv-filter-row{gap:10px;grid-template-columns:1fr}.tv-field-sm label{font-size:11px}.tv-top-filter{align-items:stretch;flex-direction:column;gap:10px;padding:14px}.tv-top-filter label{font-size:11px}.tv-top-filter input,.tv-top-filter select{width:100%}.tv-card{border-radius:16px;padding:20px 16px}.tv-card:hover{transform:none}.tv-name{font-size:15px}.tv-meta{font-size:12px;gap:6px}.tv-card-body{padding:12px 0 0}.tv-q{font-size:13px}.tv-pagination{flex-wrap:wrap;gap:6px;justify-content:center}.tv-page-btn{font-size:13px;height:34px;width:34px}.mm-form-grid{grid-template-columns:1fr!important}.mm-header{padding:16px 18px 12px!important}.mm-body{padding:16px 18px 14px!important}.mm-title{font-size:17px!important}.mm-stats-row{gap:8px}.mm-stat{padding:10px 6px}.mm-stat-num{font-size:20px}.tv-filter-card .tv-filter-row button{justify-content:center;margin-top:0;width:100%}}@media (max-width:480px){.tv-avatar{height:38px;width:38px}.tv-avatar,.tv-name{font-size:14px}.tv-card{padding:16px 12px}.missing-btn-header{font-size:13px;padding:12px 16px}}:root{--accent1:#2c5282;--accent2:#6b46c1;--gold:#d69e2e;--silver:#a0aec0;--bronze:#b7791f;--bg:#f8fafc;--card-bg:#fffffff2;--glass:#ffffff26;--muted:#718096;--text-dark:#2d3748;--text-light:#4a5568;--border-light:#2c528226;--shadow-light:0 8px 32px #00000014;--shadow-hover:0 16px 48px #0000001f}*{box-sizing:border-box}body{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);color:#2d3748;color:var(--text-dark);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.ms-wrapper{background:#f8fafc;background:var(--bg);border-radius:14px;margin:18px auto;max-width:1200px;padding:26px}.ms-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.ms-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c5282,#6b46c1);background:linear-gradient(135deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;margin:0}.ms-subtitle{color:#718096;color:var(--muted);font-size:13px;font-weight:500;margin:4px 0 0}.ms-controls{align-items:center;display:flex;gap:12px;margin-bottom:20px}.ms-period-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffffe6;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%232c5282%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;color:#2d3748;color:var(--text-dark);cursor:pointer;font-weight:600;min-width:130px;outline:none;padding:10px 40px 10px 14px;transition:.25s ease}.ms-period-select:hover{background:#fff;border-color:#2c5282;border-color:var(--accent1);box-shadow:0 4px 12px #2c52821a}.ms-period-select option{background:#fff;border:none;padding:14px}.ms-date-input,.ms-period-select option{color:#2d3748;color:var(--text-dark);font-weight:600}.ms-date-input{background:#ffffffe6;border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;cursor:pointer;outline:none;padding:10px 12px;transition:.25s ease}.ms-date-input:hover{background:#fff;border-color:#2c5282;border-color:var(--accent1)}.ms-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.3)}.ms-refresh{background:linear-gradient(90deg,#6b46c1,#2c5282);background:linear-gradient(90deg,var(--accent2),var(--accent1));border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:9px 18px;transition:.25s ease}.ms-refresh:hover{box-shadow:0 8px 20px #2c528240;transform:translateY(-3px)}.ms-refresh.ms-light{background:#2c52821a;border:1px solid #2c528233;color:#2c5282;color:var(--accent1)}.ms-refresh.ms-light:hover{background:#2c528226}.ms-trophies-row{align-items:stretch;display:flex;gap:14px;margin-top:18px}.trophy{background:linear-gradient(180deg,#ffffffe6,#ffffffb3);border:1px solid #2c528226;border-radius:14px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-light);color:#2d3748;color:var(--text-dark);flex:1 1;padding:18px;position:relative;transition:.35s cubic-bezier(.2,.9,.2,1)}.trophy:hover{box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.trophy.gold{background:linear-gradient(180deg,#d69e2e0d,#ffffffb3);border:1px solid #d69e2e;border:1px solid var(--gold)}.trophy.silver{background:linear-gradient(180deg,#a0aec00d,#ffffffb3);border:1px solid #a0aec0;border:1px solid var(--silver)}.trophy.bronze{background:linear-gradient(180deg,#b7791f0d,#ffffffb3);border:1px solid #b7791f;border:1px solid var(--bronze)}.trophy:before{border-radius:50%;content:"";filter:blur(22px);height:70px;opacity:.5;position:absolute;right:-30px;top:-30px;width:70px}.trophy.gold:before{background:#d69e2e4d}.trophy.silver:before{background:#a0aec04d}.trophy.bronze:before{background:#b7791f4d}.trophy-rank{color:#718096;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.trophy-skill{color:#2d3748;color:var(--text-dark);font-size:22px;font-weight:900;line-height:1.2;margin-top:6px}.trophy-meta{align-items:center;display:flex;gap:10px;margin-top:8px}.trophy-count{font-size:15px;font-weight:700}.trophy-badge,.trophy-count{color:#2c5282;color:var(--accent1)}.trophy-badge{background:#2c52821a;border-radius:8px;font-size:12px;font-weight:600;padding:6px 10px}.ms-insights-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.ms-insight{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:10px;flex:1 1;min-width:150px;padding:12px}.ms-insight-title{color:#718096;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.insight-value{color:#2c5282;color:var(--accent1);font-size:16px;font-weight:800;margin-top:6px}.ms-today-box{background:#fff;border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-light);margin:24px 0;padding:18px}.ms-today-title{align-items:center;color:#2d3748;color:var(--text-dark);display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.ms-today-skill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.ms-today-skill-item{background:#2c52821a;border:1px solid #2c528233;border-radius:10px;color:#2c5282;color:var(--accent1);font-size:14px;font-weight:600;padding:6px 12px;transition:all .2s ease}.ms-today-skill-item:hover{background:#2c528226;transform:translateY(-2px)}.ms-main-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:360px 1fr;margin-top:22px}@media (max-width:980px){.ms-main-grid{grid-template-columns:1fr}}.ms-left-col{background:linear-gradient(180deg,#ffffffe6,#ffffffb3);border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-light);padding:14px}.section-title{border-bottom:2px solid #2c528233;color:#2c5282;color:var(--accent1);font-size:16px;font-weight:900;margin-bottom:10px;padding-bottom:8px}.cat-block{border-bottom:1px dashed #2c52821a;margin-bottom:12px;padding-bottom:10px}.cat-header{align-items:center;display:flex;justify-content:space-between}.cat-name{color:#2d3748;color:var(--text-dark);font-size:15px;font-weight:800}.cat-count{color:#2c5282;color:var(--accent1);font-size:14px;font-weight:700}.cat-items{display:flex;flex-direction:column;gap:8px;margin-top:6px}.cat-item{background:#2c52820d;border-radius:10px;display:flex;justify-content:space-between;padding:8px;transition:all .2s ease}.cat-item:hover{background:#2c52821a;transform:translateX(4px)}.cat-item-skill{color:#2d3748;color:var(--text-dark);font-size:14px;font-weight:700}.cat-item-count{color:#718096;color:var(--muted);font-size:13px;font-weight:600}.cat-item-level{background:#2c52821a;border-radius:6px;color:#2c5282;color:var(--accent1);font-size:12px;font-weight:600;padding:2px 8px}.cat-item-trend.rising{color:#0d9488}.cat-item-trend.falling{color:#c53030}.cat-item-trend.stable{color:#718096;color:var(--muted)}.ms-right-col{background:linear-gradient(180deg,#ffffffe6,#ffffffb3);border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-light);padding:14px}.ms-grid-advanced{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ms-card-adv{background:linear-gradient(180deg,#fffffff2,#ffffffd9);border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 32px #00000014;box-shadow:var(--shadow-light);color:#2d3748;color:var(--text-dark);padding:14px;transition:.28s ease}.ms-card-adv:hover{box-shadow:0 16px 48px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-7px)}.ms-card-adv-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.ms-skill-adv{color:#2d3748;color:var(--text-dark);font-size:17px;font-weight:900;line-height:1.3}.ms-count-adv{font-size:14px;font-weight:800;margin-right:10px}.ms-count-adv,.ms-level-adv{color:#2c5282;color:var(--accent1)}.ms-level-adv{background:#2c52821a;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.ms-progress-adv{align-items:center;display:flex;gap:12px;margin-top:8px}.ms-progress-bar-adv{background:#2c52821a;border-radius:10px;flex:1 1;height:12px;overflow:hidden}.ms-progress-fill-adv{background:linear-gradient(90deg,#2c5282,#6b46c1);background:linear-gradient(90deg,var(--accent1),var(--accent2));border-radius:inherit;height:100%;transition:width .6s cubic-bezier(.2,.9,.2,1)}.ms-progress-percent{color:#2c5282;color:var(--accent1);font-size:12px;font-weight:700;min-width:36px;text-align:right}.ms-trend-badge{background:#2c52820d;border-radius:10px;color:#2d3748;color:var(--text-dark);display:inline-block;font-size:12px;font-weight:800;letter-spacing:.5px;margin-top:8px;padding:6px 10px;text-transform:uppercase}.ms-trend-badge.rising{background:linear-gradient(90deg,#0d948826,#0d948840);color:#0d9488}.ms-trend-badge.falling{background:linear-gradient(90deg,#c5303026,#c5303040);color:#c53030}.ms-trend-badge.stable{background:#a0aec01a;color:#718096;color:var(--muted)}.ms-skill-details{border-top:1px solid #2c52821a;color:#4a5568;color:var(--text-light);font-size:13px;margin-top:10px;padding-top:10px}.ms-skill-details-row{display:flex;justify-content:space-between;margin-bottom:4px}.ms-skill-details-label{color:#718096;color:var(--muted);font-weight:600}.ms-skill-details-value{color:#2d3748;color:var(--text-dark);font-weight:700}.ms-footer-note{background:#fffc;border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;color:#718096;color:var(--muted);font-size:14px;margin-top:20px;padding:16px}.ms-footer-note h4{color:#2d3748;color:var(--text-dark);font-weight:700;margin-bottom:8px}.ms-footer-note ul{color:#4a5568;color:var(--text-light);margin-top:6px;padding-left:20px}.ms-footer-note li{margin-bottom:4px}.ms-error,.ms-loading{background:#ffffffe6;border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;color:#2d3748;color:var(--text-dark);font-size:15px;padding:20px;text-align:center}.ms-loading{align-items:center;display:flex;flex-direction:column;gap:12px}.ms-loading-spinner{animation:ms-spin 1s linear infinite;border:3px solid #2c52821a;border-radius:50%;border-top-color:#2c5282;border-top:3px solid var(--accent1);height:40px;width:40px}@keyframes ms-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ms-error{background:#c530301a;border-color:#c5303033;color:#c53030}.ms-refresh-fixed{background:linear-gradient(90deg,#6b46c1,#2c5282);background:linear-gradient(90deg,var(--accent2),var(--accent1));border:none;border-radius:12px;bottom:18px;box-shadow:0 10px 25px #2c52824d;color:#fff;cursor:pointer;font-weight:900;padding:12px 16px;position:fixed;right:18px;transition:all .3s ease;z-index:100}.ms-refresh-fixed:hover{box-shadow:0 15px 30px #2c528266;transform:translateY(-5px)}.ms-achievements{background:linear-gradient(180deg,#ffffffe6,#ffffffb3);border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;margin-top:24px;padding:16px}.ms-achievements-title{align-items:center;color:#2d3748;color:var(--text-dark);display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.ms-achievement-list{display:flex;flex-wrap:wrap;gap:10px}.ms-achievement-badge{align-items:center;background:#ffffffe6;border:1px solid #d69e2e4d;border-radius:10px;color:#2d3748;color:var(--text-dark);display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px}.ms-achievement-badge.gold{background:linear-gradient(135deg,#d69e2e1a,#ffffffe6);border-color:#d69e2e4d}.ms-achievement-badge.silver{background:linear-gradient(135deg,#a0aec01a,#ffffffe6);border-color:#a0aec04d}.ms-achievement-badge.bronze{background:linear-gradient(135deg,#b7791f1a,#ffffffe6);border-color:#b7791f4d}.ms-comparison{background:linear-gradient(180deg,#ffffffe6,#ffffffb3);border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:12px;margin-top:24px;padding:16px}.ms-comparison-title{color:#2d3748;color:var(--text-dark);font-size:16px;font-weight:700;margin-bottom:12px}.ms-comparison-chart{align-items:flex-end;background:#ffffffe6;border:1px solid #2c528226;border:1px solid var(--border-light);border-radius:8px;display:flex;gap:10px;height:200px;padding:10px}.ms-chart-bar{background:linear-gradient(0deg,#2c5282,#6b46c1);background:linear-gradient(to top,var(--accent1),var(--accent2));border-radius:4px 4px 0 0;flex:1 1;min-height:20px;position:relative}.ms-chart-label{bottom:-25px;color:#4a5568;color:var(--text-light);font-weight:600}.ms-chart-label,.ms-chart-value{font-size:12px;left:0;position:absolute;right:0;text-align:center}.ms-chart-value{color:#2c5282;color:var(--accent1);font-weight:700;top:-25px}@media (max-width:768px){.ms-wrapper{padding:16px}.ms-header-row{align-items:flex-start;gap:12px}.ms-header-row,.ms-insights-row,.ms-trophies-row{flex-direction:column}.ms-controls{flex-wrap:wrap}.ms-refresh-fixed{bottom:12px;font-size:14px;padding:10px 14px;right:12px}.ms-grid-advanced{grid-template-columns:1fr}.ms-achievement-list{justify-content:center}}@media (max-width:480px){.ms-title{font-size:22px}.ms-subtitle{font-size:12px}.trophy-skill{font-size:18px}.ms-skill-adv{font-size:15px}.ms-refresh-fixed{bottom:8px;font-size:13px;padding:8px 12px;right:8px}}@keyframes pulse{0%{box-shadow:0 0 0 0 #2c528266}70%{box-shadow:0 0 0 10px #2c528200}to{box-shadow:0 0 0 0 #2c528200}}.ms-pulse{animation:pulse 2s infinite}.ms-left-col::-webkit-scrollbar,.ms-right-col::-webkit-scrollbar{width:6px}.ms-left-col::-webkit-scrollbar-track,.ms-right-col::-webkit-scrollbar-track{background:#2c52820d;border-radius:10px}.ms-left-col::-webkit-scrollbar-thumb,.ms-right-col::-webkit-scrollbar-thumb{background:#2c528233;border-radius:10px}.ms-left-col::-webkit-scrollbar-thumb:hover,.ms-right-col::-webkit-scrollbar-thumb:hover{background:#2c52824d}@media print{.ms-wrapper{background:#fff;box-shadow:none;color:#000}.ms-refresh,.ms-refresh-fixed{display:none}.ms-card-adv:hover,.trophy:hover{transform:none}}@media (max-width:1024px){.ms-main-grid{grid-template-columns:1fr}.ms-container{padding:16px}}@media (max-width:768px){.ms-container{padding:12px 10px}.ms-header{padding:16px 14px}.ms-header h1{font-size:22px}.ms-filter-bar{align-items:stretch;flex-direction:column;gap:10px;padding:14px}.ms-date-input,.ms-period-select{width:100%}.ms-refresh{justify-content:center;width:100%}.ms-stats-row{gap:10px;grid-template-columns:repeat(2,1fr)}.ms-stat-card{padding:14px 12px}.ms-skill-list{gap:10px}.ms-skill-card{padding:14px 12px}.ms-chart-area,.ms-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.ms-table{display:block}.ms-table td,.ms-table th{font-size:13px;min-width:100px;padding:10px 8px}}@media (max-width:480px){.ms-stats-row{grid-template-columns:1fr}.ms-header h1{font-size:18px}.ms-stat-card{padding:12px 10px}}:root{--bg-primary:linear-gradient(135deg,#f0f2f5,#e1e5eb 50%,#d1d6de);--bg-card:linear-gradient(145deg,#fffffffa,#f5f7fafa);--diamond-dark:#1a1a2e;--diamond-text:#2d3748;--diamond-blue:#2c5282;--diamond-purple:#6b46c1;--diamond-pink:#c53030;--diamond-gold:#d69e2e;--diamond-emerald:#0d9488;--text-platinum:#4a5568;--text-silver:#718096;--text-muted:#a0aec0;--diamond-gradient:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);--shadow-diamond:0 0 20px #2c52821a,0 16px 32px #00000014;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--transition-ultra:all 0.3s cubic-bezier(0.4,0,0.2,1)}.ts-diamond-container{animation:fadeIn .5s ease;background:linear-gradient(135deg,#f0f2f5,#e1e5eb 50%,#d1d6de);background:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.ts-add-main-btn{align-items:center;background:linear-gradient(135deg,#2c5282,#6b46c1);background:linear-gradient(135deg,var(--diamond-blue),var(--diamond-purple));border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 24px #2c528240;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;margin-bottom:24px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-add-main-btn:before{background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);content:"";filter:blur(1.5px);height:4px;left:0;position:absolute;top:0;width:100%}.ts-add-main-btn:hover{box-shadow:0 12px 32px #2c528259;transform:translateY(-2px)}.ts-add-main-btn:active{box-shadow:0 4px 16px #2c528233;transform:translateY(0)}.ts-diamond-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffffffa,#f5f7fafa);background:var(--bg-card);border:1px solid #2c528226;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 0 20px #2c52821a,0 16px 32px #00000014;box-shadow:var(--shadow-diamond);color:#2d3748;color:var(--diamond-text);margin-bottom:24px;overflow:hidden;position:relative}.ts-diamond-card:before{background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);content:"";filter:blur(1.5px);height:4px;left:0;position:absolute;top:0;width:100%}.filter-card:before{background:linear-gradient(135deg,#6b46c1,#c53030);background:linear-gradient(135deg,var(--diamond-purple),var(--diamond-pink))}.ts-card-header{align-items:center;background:#ffffff80;border-bottom:1px solid #2c52821a;display:flex;justify-content:space-between;padding:24px}.ts-card-header h3{align-items:center;color:#1a1a2e;color:var(--diamond-dark);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.ts-history-stats{background:#2c52821a;border:1px solid #2c528233;border-radius:8px;border-radius:var(--radius-sm);color:#2c5282;color:var(--diamond-blue);font-size:13px;font-weight:600;padding:6px 12px}.ts-form-body{color:#2d3748;color:var(--diamond-text);padding:24px}.ts-form-row{margin-bottom:20px}.ts-form-label{align-items:center;color:#2c5282;color:var(--diamond-blue);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.ts-date-input{background:#ffffffe6;border:1px solid #2c52824d;border-radius:12px;border-radius:var(--radius);color:#1a1a2e;color:var(--diamond-dark);font-size:14px;font-weight:500;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra);width:100%}.ts-date-input:hover{box-shadow:0 0 20px #2c52821a}.ts-date-input:focus,.ts-date-input:hover{background:#fff;border-color:#2c5282;border-color:var(--diamond-blue)}.ts-date-input:focus{box-shadow:0 0 0 3px #2c52821a;outline:none}.ts-section-title{align-items:center;color:#1a1a2e;color:var(--diamond-dark);display:flex;font-size:16px;font-weight:700;gap:10px;margin:24px 0 16px;padding-left:12px;position:relative}.ts-section-title:before{background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);border-radius:2px;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.ts-section-icon{font-size:18px}.ts-task-row{grid-gap:12px;align-items:center;background:#ffffffb3;border:1px solid #2c52821a;border-radius:8px;border-radius:var(--radius-sm);display:grid;gap:12px;grid-template-columns:1fr 1fr 2fr 100px auto;margin-bottom:12px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-task-row:hover{background:#ffffffe6;border:1px solid #2c528233;box-shadow:0 2px 8px #2c52821a}@media (max-width:768px){.ts-task-row{gap:8px;grid-template-columns:1fr;padding:12px}}.ts-task-input{background:#fff;border:1px solid #2c528233;border-radius:8px;border-radius:var(--radius-sm);color:#1a1a2e;color:var(--diamond-dark);font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-task-input::placeholder{color:#a0aec0;color:var(--text-muted)}.ts-task-input:hover{background:#fff;border-color:#2c52824d;box-shadow:0 2px 6px #2c52821a}.ts-task-input:focus{background:#fff;border-color:#2c5282;border-color:var(--diamond-blue);box-shadow:0 0 0 2px #2c52821a;outline:none}.ts-task-input.hours{text-align:center}.ts-task-remove{align-items:center;background:#c530301a;border:1px solid #c530304d;border-radius:8px;border-radius:var(--radius-sm);color:#c53030;color:var(--diamond-pink);cursor:pointer;display:flex;font-size:12px;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra);width:40px}.ts-task-remove:hover{background:#c5303033;box-shadow:0 0 15px #c5303033;transform:scale(1.1)}.ts-add-task-btn{align-items:center;background:#2c52821a;border:1px solid #2c528233;border-radius:12px;border-radius:var(--radius);color:#2c5282;color:var(--diamond-blue);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:16px 0;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra);width:100%}.ts-add-task-btn:hover{background:#2c528226;border-color:#2c5282;border-color:var(--diamond-blue);box-shadow:0 0 20px #2c52821a}.ts-total-hours{align-items:center;background:#2c52821a;border:1px solid #2c528233;border-radius:12px;border-radius:var(--radius);color:#1a1a2e;color:var(--diamond-dark);display:flex;font-weight:600;justify-content:space-between;margin:20px 0;padding:16px}.ts-hours-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c5282,#0d9488);background:linear-gradient(135deg,var(--diamond-blue),var(--diamond-emerald));-webkit-background-clip:text;background-clip:text;color:#2c5282;color:var(--diamond-blue);font-size:24px}.ts-form-actions{display:flex;gap:16px;margin-top:24px}.ts-submit-btn{background:linear-gradient(135deg,#2c5282,#6b46c1);background:linear-gradient(135deg,var(--diamond-blue),var(--diamond-purple));border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 24px #2c528240;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:700;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.ts-submit-btn:hover{box-shadow:0 12px 32px #2c528259;transform:translateY(-2px)}.ts-submit-btn:hover:before{left:100%}.ts-cancel-btn{background:#2c52821a;border:1px solid #2c528233;border-radius:12px;border-radius:var(--radius);color:#718096;color:var(--text-silver);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-cancel-btn:hover{background:#2c528226;border-color:#2c52824d;color:#2d3748;color:var(--diamond-text)}.ts-close-btn{align-items:center;background:#c530301a;border:1px solid #c5303033;border-radius:50%;color:#c53030;color:var(--diamond-pink);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra);width:36px}.ts-close-btn:hover{background:#c5303033;transform:rotate(90deg)}.ts-filter-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px}@media (max-width:768px){.ts-filter-grid{grid-template-columns:1fr}}.ts-filter-group{display:flex;flex-direction:column;gap:8px}.ts-filter-label{align-items:center;color:#2c5282;color:var(--diamond-blue);display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.8px;text-transform:uppercase}.ts-filter-input,.ts-filter-select{background:#ffffffe6;border:1px solid #6b46c14d;border-radius:12px;border-radius:var(--radius);color:#1a1a2e;color:var(--diamond-dark);font-size:14px;font-weight:500;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232c5282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.ts-filter-input:hover,.ts-filter-select:hover{background:#fff;border-color:#6b46c1;border-color:var(--diamond-purple);box-shadow:0 0 20px #6b46c11a}.ts-filter-input:focus,.ts-filter-select:focus{background:#fff;border-color:#6b46c1;border-color:var(--diamond-purple);box-shadow:0 0 0 3px #6b46c11a;outline:none}.ts-filter-actions{align-items:flex-end;display:flex;gap:12px}.ts-filter-apply{background:linear-gradient(135deg,#6b46c1,#2c5282);background:linear-gradient(135deg,var(--diamond-purple),var(--diamond-blue));border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 24px #6b46c140;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-filter-apply:hover{box-shadow:0 12px 32px #6b46c159;transform:translateY(-2px)}.ts-filter-reset{align-items:center;background:#2c52821a;border:1px solid #2c528233;border-radius:12px;border-radius:var(--radius);color:#718096;color:var(--text-silver);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-filter-reset:hover{background:#2c528226;border-color:#2c52824d;color:#2d3748;color:var(--diamond-text)}.ts-history-table-container{padding:0 24px 24px}.ts-empty-state{background:#ffffffb3;border:1px solid #2c52821a;border-radius:12px;border-radius:var(--radius);color:#a0aec0;color:var(--text-muted);margin:0;padding:60px 24px;text-align:center}.ts-empty-icon{color:#718096;color:var(--text-silver);font-size:48px;margin-bottom:16px;opacity:.5}.ts-empty-state h4{color:#1a1a2e;color:var(--diamond-dark);font-size:16px;font-weight:700;margin-bottom:8px}.ts-empty-state p{color:#4a5568;color:var(--text-platinum);font-size:14px}.ts-history-table{background:#fff;border:1px solid #2c52821a;border-collapse:initial;border-radius:12px;border-radius:var(--radius);border-spacing:0;box-shadow:0 4px 12px #0000000d;overflow:hidden;width:100%}.ts-history-table thead{background:#2c52821a}.ts-history-table th{border-bottom:1px solid #2c528233;color:#2c5282;color:var(--diamond-blue);font-size:12px;font-weight:600;letter-spacing:.8px;padding:16px;text-align:left;text-transform:uppercase}.ts-history-row{border-bottom:1px solid #2c52820d;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-history-row:hover{background:#2c52820d}.ts-history-table td{color:#4a5568;color:var(--text-platinum);font-size:14px;font-weight:500;padding:16px}.ts-date-cell{align-items:center;color:#1a1a2e;color:var(--diamond-dark);display:flex;font-weight:600;gap:8px}.ts-date-cell svg{color:#2c5282;color:var(--diamond-blue);font-size:12px}.ts-project-cell{color:#2d3748;color:var(--diamond-text);font-weight:600}.ts-project-badge{background:#2c52821a;border:1px solid #2c528233;border-radius:8px;border-radius:var(--radius-sm);color:#2c5282;color:var(--diamond-blue);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-project-badge:hover{background:#2c528233;transform:translateY(-1px)}.ts-task-cell{word-wrap:break-word;color:#2d3748;color:var(--diamond-text);max-width:300px}.ts-hours-cell{font-weight:700}.ts-hours-badge{background:linear-gradient(135deg,#0d94881a,#2c52821a);border:1px solid #0d948833;border-radius:12px;border-radius:var(--radius);color:#0d9488;color:var(--diamond-emerald);display:inline-block;font-size:13px;font-weight:700;padding:6px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-hours-badge:hover{box-shadow:0 0 15px #0d948833;transform:scale(1.05)}.ts-pagination{align-items:center;background:#ffffffb3;border-bottom-left-radius:16px;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:16px;border-bottom-right-radius:var(--radius-lg);border-top:1px solid #2c52821a;display:flex;gap:16px;justify-content:space-between;padding:24px}.ts-pagination-btn{align-items:center;background:#2c52821a;border:1px solid #2c528233;border-radius:12px;border-radius:var(--radius);color:#718096;color:var(--text-silver);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra)}.ts-pagination-btn:hover:not(:disabled){background:#2c528226;border-color:#2c52824d;color:#2d3748;color:var(--diamond-text);transform:translateY(-1px)}.ts-pagination-btn:disabled{color:#a0aec0;color:var(--text-muted);cursor:not-allowed;opacity:.3}.ts-page-numbers{align-items:center;display:flex;gap:6px}.ts-page-btn{background:#0000;border:1px solid #2c528233;border-radius:8px;border-radius:var(--radius-sm);color:#718096;color:var(--text-silver);cursor:pointer;font-size:13px;font-weight:600;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-ultra);width:36px}.ts-page-btn:hover{background:#2c52821a;border-color:#2c52824d;color:#2c5282;color:var(--diamond-blue)}.ts-page-btn.active{background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);border-color:#0000;box-shadow:0 4px 12px #2c528233;color:#fff;transform:scale(1.1)}@media (max-width:768px){.ts-diamond-container{padding:12px}.ts-add-main-btn{justify-content:center;margin-bottom:20px;width:100%}.ts-card-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.ts-history-stats{align-self:flex-start}.ts-form-body{padding:20px}.ts-filter-actions,.ts-form-actions{flex-direction:column}.ts-filter-actions{width:100%}.ts-filter-apply,.ts-filter-reset{justify-content:center;width:100%}.ts-history-table{border-radius:8px;border-radius:var(--radius-sm);display:block;overflow-x:auto}.ts-history-table td,.ts-history-table th{min-width:120px}.ts-pagination{flex-direction:column;gap:12px;padding:20px}.ts-page-numbers{order:1}.ts-pagination-btn.prev{justify-content:center;order:2;width:100%}.ts-pagination-btn.next{justify-content:center;order:3;width:100%}}@media (max-width:480px){.ts-add-main-btn{font-size:13px;padding:12px 20px}.ts-card-header h3{font-size:16px}.ts-filter-label,.ts-form-label{font-size:11px}.ts-date-input,.ts-filter-input,.ts-filter-select,.ts-task-input{font-size:13px;padding:10px 12px}.ts-history-table td,.ts-history-table th{font-size:13px;padding:12px 8px}.ts-hours-value{font-size:20px}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff1a 25%,#2c52821a 50%,#ffffff1a 75%);background-size:200% 100%}.ts-date-input::-webkit-calendar-picker-indicator,.ts-filter-input[type=date]::-webkit-calendar-picker-indicator,.ts-filter-input[type=month]::-webkit-calendar-picker-indicator,.ts-filter-input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.3)}.ts-date-input::-webkit-calendar-picker-indicator,.ts-filter-input::-webkit-calendar-picker-indicator{height:22px;width:22px}.ts-assign-btn,.ts-mytasks-btn{align-items:center;background:linear-gradient(135deg,#6b46c1,#d53f8c);border:none;border-radius:14px;box-shadow:0 4px 20px #6b46c14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;height:48px;justify-content:center;padding:14px 26px;transition:.25s ease-in-out}.ts-assign-btn:hover,.ts-mytasks-btn:hover{box-shadow:0 6px 26px #6b46c173;transform:translateY(-3px)}.ts-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ts-modal{animation:modalPop .25s ease-out;background:linear-gradient(145deg,#fffffffa,#fafcfffa);border:1px solid #2c528226;border-radius:18px;box-shadow:0 25px 80px #00000026;color:#2d3748;color:var(--diamond-text);max-height:85vh;max-width:720px;overflow-y:auto;padding:24px;width:95%}.ts-modal-header{align-items:center;border-bottom:1px solid #2c52821a;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.ts-modal-header h3{background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background:var(--diamond-gradient);background-clip:text;-webkit-background-clip:text;color:#1a1a2e;color:var(--diamond-dark);color:#0000;font-size:22px;font-weight:700;margin:0}.ts-modal-close{align-items:center;background:#2c52821a;border:1px solid #2c528233;border-radius:50%;color:#1a1a2e;color:var(--diamond-dark);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:.2s;width:40px}.ts-modal-close:hover{background:#2c528233;color:#2c5282;color:var(--diamond-blue);transform:scale(1.1)}.ts-modal-body label{color:#2c5282;color:var(--diamond-blue);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.ts-modal-body input,.ts-modal-body select,.ts-modal-body textarea{background:#ffffffe6;border:1px solid #2c528233;border-radius:12px;color:#1a1a2e!important;color:var(--diamond-dark)!important;font-size:15px;font-weight:500;margin-bottom:14px;outline:none;padding:12px;transition:.2s;width:100%}.ts-modal-body textarea{height:90px;resize:none}.ts-modal-body input:focus,.ts-modal-body select:focus,.ts-modal-body textarea:focus{background:#fff;border-color:#6b46c1;border-color:var(--diamond-purple);box-shadow:0 0 10px #6b46c133}.ts-modal-body select option{background:#fff!important;font-size:14px;font-weight:500;padding:12px}.ts-modal-body select,.ts-modal-body select option{color:#1a1a2e!important;color:var(--diamond-dark)!important}.ts-modal-body select{background:#ffffffe6!important}.ts-modal-submit-btn{background:linear-gradient(135deg,#2c5282,#6b46c1);border:none;border-radius:14px;box-shadow:0 4px 20px #2c52824d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 26px;transition:.25s ease-in-out;width:100%}.ts-modal-submit-btn:hover{box-shadow:0 6px 20px #2c528266;transform:translateY(-3px)}.ts-modal table{border:1px solid #2c52821a;border-collapse:collapse;border-radius:12px;margin-top:10px;overflow:hidden;width:100%}.ts-modal table th{background:#2c52821a;border-bottom:1px solid #2c528233;color:#2c5282;color:var(--diamond-blue);font-size:14px;font-weight:600;padding:12px;text-align:left}.ts-modal table td{background:#ffffffe6;border-bottom:1px solid #2c52821a;color:#2d3748;color:var(--diamond-text);font-size:14px;font-weight:500;padding:12px}.ts-modal table tr:hover td{background:#2c52820d}.ts-complete-btn{background:linear-gradient(135deg,#2c5282,#3182ce);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:.2s}.ts-complete-btn:hover{background:linear-gradient(135deg,#2b6cb0,#2c5282);box-shadow:0 4px 12px #2c52824d;transform:translateY(-2px)}body.modal-open{overflow:hidden!important}.ts-attachment-input{color:#1a1a2e;color:var(--diamond-dark);font-weight:500;margin-top:10px}.ts-attachment-list{color:#718096;color:var(--text-silver);font-size:13px;margin-top:8px}.ts-edit-btn{align-items:center;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;border-radius:8px;box-shadow:0 2px 8px #3182ce40;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);width:34px}.ts-edit-btn:hover{background:linear-gradient(135deg,#3182ce,#63b3ed);box-shadow:0 6px 18px #2c528266;transform:translateY(-2px) scale(1.08)}.ts-delete-btn{align-items:center;background:linear-gradient(135deg,#c53030,#e53e3e);border:none;border-radius:8px;box-shadow:0 2px 8px #e53e3e40;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);width:34px}.ts-delete-btn:hover{background:linear-gradient(135deg,#e53e3e,#fc8181);box-shadow:0 6px 18px #c5303066;transform:translateY(-2px) scale(1.08)}.ts-attach-btn{background:#0000;border:none;color:#2c5282;color:var(--diamond-blue);cursor:pointer;font-size:18px}.ts-attach-btn:hover{color:#6b46c1;color:var(--diamond-purple);transform:scale(1.1)}.ts-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.ts-status-pending{background:#d69e2e26;border:1px solid #d69e2e4d;color:#b7791f}.ts-status-approved{background:#0d948826;border:1px solid #0d94884d;color:#0d9488}.ts-status-rejected{background:#c5303026;border:1px solid #c530304d;color:#c53030}.ts-time-display{background:#2c52820d;border:1px solid #2c52821a;border-radius:4px;color:#1a1a2e;color:var(--diamond-dark);font-family:Courier New,monospace;font-weight:700;padding:2px 8px}.ts-category-tag{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;margin-right:6px;padding:3px 10px;text-transform:uppercase}.ts-category-development{background:#2c52821a;border:1px solid #2c528233;color:#2c5282;color:var(--diamond-blue)}.ts-category-design{background:#6b46c11a;border:1px solid #6b46c133;color:#6b46c1;color:var(--diamond-purple)}.ts-category-meeting{background:#d69e2e1a;border:1px solid #d69e2e33;color:#d69e2e;color:var(--diamond-gold)}.ts-category-support{background:#0d94881a;border:1px solid #0d948833;color:#0d9488;color:var(--diamond-emerald)}.ts-loading-indicator{align-items:center;color:#718096;color:var(--text-silver);display:flex;justify-content:center;padding:20px}.ts-loading-spinner{animation:ts-spin 1s linear infinite;border:3px solid #2c52821a;border-radius:50%;border-top-color:#2c5282;border-top:3px solid var(--diamond-blue);height:40px;margin-right:12px;width:40px}@keyframes ts-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-help-text{color:#718096;color:var(--text-silver);font-size:12px;font-style:italic;margin-top:4px}.ts-tooltip{display:inline-block;position:relative}.ts-tooltip .ts-tooltip-text{background-color:#1a1a2e;background-color:var(--diamond-dark);border-radius:8px;bottom:125%;box-shadow:0 4px 20px #00000026;color:#fff;font-size:13px;left:50%;opacity:0;padding:10px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:1000}.ts-tooltip .ts-tooltip-text:after{border:5px solid #0000;border-top-color:#1a1a2e;border-color:var(--diamond-dark) #0000 #0000 #0000;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.ts-tooltip:hover .ts-tooltip-text{opacity:1;visibility:visible}.ts-message{align-items:center;border-radius:12px;border-radius:var(--radius);display:flex;font-weight:600;gap:10px;margin-bottom:16px;padding:12px 16px}.ts-message-success{background:#0d94881a;border:1px solid #0d948833;color:#0d9488}.ts-message-error{background:#c530301a;border:1px solid #c5303033;color:#c53030}.ts-message-warning{background:#d69e2e1a;border:1px solid #d69e2e33;color:#d69e2e}.ts-message-info{background:#2c52821a;border:1px solid #2c528233;color:#2c5282;color:var(--diamond-blue)}.ts-summary-card{background:linear-gradient(135deg,#ffffffe6,#fafcffe6);border:1px solid #2c52821a;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000000d;margin-bottom:20px;padding:20px}.ts-summary-card h4{align-items:center;color:#1a1a2e;color:var(--diamond-dark);display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px}.ts-summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ts-stat-item{background:#ffffffb3;border:1px solid #2c52821a;border-radius:12px;border-radius:var(--radius);padding:12px;text-align:center}.ts-stat-value{color:#2c5282;color:var(--diamond-blue);font-size:24px;font-weight:700;margin-bottom:4px}.ts-stat-label{color:#718096;color:var(--text-silver);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1024px){.ts-diamond-container{padding:16px}.ts-form-container{max-width:100%}}@media (max-width:768px){.ts-diamond-container{padding:12px 10px}.ts-header-row{align-items:flex-start;flex-direction:column;gap:10px}.ts-add-main-btn{justify-content:center;width:100%}.ts-card-header{align-items:flex-start;flex-direction:column;gap:10px;padding:16px}.ts-task-row{gap:8px;grid-template-columns:1fr;padding:12px}.ts-form-body{padding:16px}.ts-form-actions{flex-direction:column}.ts-cancel-btn,.ts-submit-btn{width:100%}.ts-total-hours{flex-direction:column;gap:6px;text-align:center}.ts-history-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.ts-history-table td,.ts-history-table th{font-size:13px;min-width:100px;padding:10px 8px}.ts-filter-grid{grid-template-columns:1fr}.ts-filter-actions{flex-direction:column;width:100%}.ts-filter-apply,.ts-filter-reset{justify-content:center;width:100%}.ts-pagination{flex-direction:column;gap:10px;padding:16px}.ts-pagination-btn.next,.ts-pagination-btn.prev{justify-content:center;width:100%}.ts-page-numbers{flex-wrap:wrap;justify-content:center;order:1}}@media (max-width:480px){.ts-diamond-container{padding:10px 8px}.ts-filter-label,.ts-form-label{font-size:11px}.ts-date-input,.ts-filter-input,.ts-filter-select,.ts-task-input{font-size:13px;padding:10px 12px}.ts-card-header h3{font-size:15px}.ts-hours-value{font-size:18px}.ts-add-main-btn{font-size:13px;padding:12px 16px}}.report-wrapper{animation:fadeIn .4s ease-in-out;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#2d3748;min-height:100vh;padding:28px;width:100%}.report-header{background:#ffffffe6;border:1px solid #2c528240;border-radius:18px;box-shadow:0 8px 32px #00000014;margin-bottom:30px;padding:26px}.report-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c5282,#6b46c1,#c53030);background-clip:text;-webkit-background-clip:text;color:#0000;font-size:28px;font-weight:800;margin:0}.report-page-subtitle{color:#718096;font-size:15px;font-weight:500;margin-top:10px}.report-filter-box{align-items:flex-end;background:#ffffffe6;border:1px solid #2c528233;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:25px;padding:20px}.report-filter-group{display:flex;flex:1 1;flex-direction:column;min-width:160px}.checkbox-group{flex:0 0 auto;justify-content:center;min-width:0;min-width:auto;padding-bottom:4px}.report-filter-label{color:#2c5282;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.report-filter-select{background:#fffffff2;border:1px solid #2c52824d;border-radius:10px;color:#2d3748;cursor:pointer;font-size:15px;font-weight:500;padding:10px 12px;transition:all .2s ease}.report-filter-select:hover{background:#fff;border-color:#2c5282;box-shadow:0 0 0 2px #2c52821a}.report-filter-select:focus{border-color:#2c5282;box-shadow:0 0 0 3px #2c528226;outline:none}.report-box{background:#ffffffe6;border:1px solid #2c528233;border-radius:18px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;padding:28px}.report-section-title{align-items:center;color:#2c5282;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:20px}.report-placeholder{color:#718096;padding:60px 20px;text-align:center}.report-placeholder .emoji{display:block;font-size:58px;margin-bottom:20px;opacity:.6}.report-placeholder-text{color:#4a5568;font-size:16px;font-weight:500;margin-top:10px}.report-btn-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.generate-btn{background:linear-gradient(135deg,#2c5282,#6b46c1);border:none;border-radius:10px;box-shadow:0 4px 12px #2c528240;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.generate-btn-primary{background:linear-gradient(135deg,#6b46c1,#2c5282);white-space:nowrap}.generate-btn-secondary{background:linear-gradient(135deg,#2c5282,#2b6cb0);white-space:nowrap}.report-filter-group-btns{flex:0 0 auto;min-width:0;min-width:auto}.generate-btn:hover{box-shadow:0 6px 20px #2c528259;transform:translateY(-2px)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-filter-select[type=month]::-webkit-calendar-picker-indicator,.report-filter-select[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.3)}.doc-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.doc-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90%;max-width:1000px;overflow:hidden;position:relative;width:90%}.doc-close{align-items:center;background:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:36px;z-index:10}.doc-close:hover{background:#c53030;transform:scale(1.1)}.doc-download{align-items:center;background:#2c5282;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;position:absolute;right:60px;top:15px;transition:all .2s ease;z-index:10}.doc-download:hover{background:#2a4365;transform:translateY(-2px)}.doc-paper-wrapper{background:#f7fafc;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px}.doc-paper{align-items:center;display:flex;flex-direction:column}.doc-page{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;color:#000;font-family:Calibri,Arial,sans-serif;font-size:16px;line-height:1.6;margin:0 auto 25px;min-height:1123px;padding:40px 50px;width:794px}.doc-page h1{border-bottom:2px solid #2c5282;color:#2d3748;font-size:24px;font-weight:700;margin:0 0 20px;padding-bottom:10px;text-align:center}.doc-page h2{color:#4a5568;font-size:18px;font-weight:600;margin:20px 0 10px}.doc-page p{color:#4a5568;font-size:16px;line-height:1.6;margin:0 0 12px;text-align:left}.report-table{border:1px solid #e2e8f0;border-collapse:collapse;font-size:16px;margin-bottom:25px;margin-top:20px;width:100%}.report-table td,.report-table th{border:1px solid #e2e8f0;padding:12px 15px;text-align:left;vertical-align:top}.report-table th{background:#edf2f7;color:#2d3748;font-weight:600;text-align:left}.report-table td:first-child{background:#f7fafc;color:#2d3748;font-weight:400;width:25%}.report-table td.doc-label{background:#f7fafc;color:#2d3748;font-weight:700}.report-table tr:hover td{background:#ebf8ff}.report-table tr{page-break-inside:avoid}.doc-page table,.doc-page td,.doc-page tr{break-inside:avoid;page-break-inside:avoid}.report-chart-container{background:#fff;border:1px solid #2c528226;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:25px 0;padding:20px}.chart-title{align-items:center;color:#2c5282;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:15px}.report-summary{background:linear-gradient(135deg,#ebf8ff,#e6fffa);border:1px solid #38b2ac4d;border-radius:12px;margin:20px 0;padding:20px}.summary-title{color:#2c5282;font-size:18px;font-weight:700;margin-bottom:15px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.summary-label{color:#718096;font-size:14px;font-weight:600;margin-bottom:5px}.summary-value{color:#2c5282;font-size:24px;font-weight:700}@media print{@page{size:A4;margin:12mm}body{margin:0;padding:0}body *{visibility:hidden}.doc-page,.doc-page *{visibility:visible}.doc-page{background:#fff;border:none;box-shadow:none;box-sizing:border-box;margin:0 auto;max-width:100%!important;min-height:auto;padding:15mm;page-break-after:always;position:relative;width:100%!important}.doc-close,.doc-download,.doc-share,.doc-viewer-header{display:none!important}.report-table th{background:#f5f5f5!important}.report-table td:first-child,.report-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table td:first-child{background:#fafafa!important}}.doc-share{align-items:center;background:#6b46c1;border:none;border-radius:6px;box-shadow:0 4px 12px #6b46c140;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;position:absolute;right:200px;top:15px;transition:all .2s ease;z-index:10}.doc-share:hover{background:#5a3aa8;box-shadow:0 6px 16px #6b46c159;transform:translateY(-2px)}.doc-share:disabled{background:#b794f4;box-shadow:none;cursor:not-allowed;transform:none}.share-popup{animation:popupFade .2s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:20px;position:absolute;right:15px;top:50px;width:350px;z-index:10000}.share-popup h4{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 15px}.share-box{display:flex;gap:8px;margin-bottom:15px}.share-box input{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;flex:1 1;font-size:14px;outline:none;padding:10px 12px}.share-box input:focus{border-color:#2c5282;box-shadow:0 0 0 2px #2c52821a}.share-box button{align-items:center;background:#2c5282;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.share-box button:hover{background:#2a4365}.share-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.share-option-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px;transition:all .2s ease}.share-option-btn:hover{background:#edf2f7;transform:translateY(-2px)}.share-close-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.share-close-btn:hover{background:#e2e8f0}@keyframes popupFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-loading{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2c52821a;border-radius:50%;border-top-color:#2c5282;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.report-empty-state{color:#a0aec0;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-title{color:#718096;font-size:20px;font-weight:600;margin-bottom:10px}.empty-description{color:#a0aec0;font-size:16px;margin:0 auto;max-width:500px}@media (max-width:768px){.report-wrapper{padding:16px}.report-header{padding:20px}.report-page-title{font-size:24px}.report-filter-box{flex-direction:column;gap:15px}.report-filter-group{min-width:100%}.report-box{padding:20px}.doc-container{height:95%;width:95%}.doc-page{padding:20px;width:100%}.report-table td,.report-table th{font-size:14px;padding:8px 10px}.doc-share{right:100px}.doc-download,.doc-share{font-size:13px;padding:6px 12px}.doc-download{right:45px}.share-popup{right:10px;width:280px}}@media (max-width:480px){.report-page-title{font-size:20px}.report-section-title{font-size:18px}.generate-btn{width:100%}.doc-download,.doc-share{margin-top:10px;position:static;width:calc(50% - 5px)}.doc-container{border-radius:0;height:100%;width:100%}}.doc-paper-wrapper::-webkit-scrollbar,.report-wrapper::-webkit-scrollbar{width:8px}.doc-paper-wrapper::-webkit-scrollbar-track,.report-wrapper::-webkit-scrollbar-track{background:#2c52820d;border-radius:4px}.doc-paper-wrapper::-webkit-scrollbar-thumb,.report-wrapper::-webkit-scrollbar-thumb{background:#2c528233;border-radius:4px}.doc-paper-wrapper::-webkit-scrollbar-thumb:hover,.report-wrapper::-webkit-scrollbar-thumb:hover{background:#2c52824d}.rfc-btn{gap:6px;padding:0 22px}.rfc-btn:disabled{box-shadow:none!important;transform:none!important}.rfc-btn-generate{background:linear-gradient(135deg,#6b46c1,#2c5282);box-shadow:0 4px 12px #6b46c14d;color:#fff}.rfc-btn-fetch{background:linear-gradient(135deg,#2c5282,#2b6cb0);box-shadow:0 4px 12px #2c528240;color:#fff}.rfc-btn-fetch:hover:not(:disabled){box-shadow:0 6px 20px #2c528259;transform:translateY(-2px)}@media (max-width:640px){.rfc-row{align-items:stretch;flex-direction:column}.rfc-field{max-width:100%}.rfc-btn-group{flex-direction:column;margin-left:0}.rfc-btn{justify-content:center;width:100%}}.rfc-card{background:#ffffffe6;border:1px solid #2c528233;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:25px;padding:20px 24px}.rfc-row{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.rfc-field{display:flex;flex:1 1 160px;flex-direction:column;max-width:240px;min-width:140px}.rfc-label{color:#2c5282;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.rfc-input{background:#fff;border:1px solid #2c52824d;border-radius:10px;box-sizing:border-box;color:#2d3748;cursor:pointer;font-size:15px;font-weight:500;height:44px;padding:10px 12px;transition:all .2s ease}.rfc-input:hover{border-color:#2c5282;box-shadow:0 0 0 2px #2c52821a}.rfc-input:focus{border-color:#2c5282;box-shadow:0 0 0 3px #2c528226;outline:none}.rfc-input[type=date]::-webkit-calendar-picker-indicator,.rfc-input[type=month]::-webkit-calendar-picker-indicator,.rfc-input[type=week]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.3)}.rfc-btn-group{align-items:flex-end;display:flex;flex-direction:row;flex-shrink:0;gap:10px;margin-left:auto}.rfc-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;height:44px;padding:0 26px;transition:all .25s ease;white-space:nowrap}.rfc-btn:disabled{cursor:not-allowed;opacity:.5}.rfc-btn-generate{background:linear-gradient(135deg,#2c5282,#6b46c1);box-shadow:0 4px 12px #2c52824d}.rfc-btn-generate:hover:not(:disabled){box-shadow:0 6px 20px #6b46c166;transform:translateY(-2px)}.rfc-spinner{animation:rfc-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes rfc-spin{to{transform:rotate(1turn)}}.rfc-checkbox-row{border-top:1px solid #2c52821a;margin-top:14px;padding-top:14px}.rfc-checkbox-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.rfc-checkbox-label input[type=checkbox]{accent-color:#6b46c1;cursor:pointer;height:16px;width:16px}.report-success{background:linear-gradient(135deg,#e6fffa,#ebf8ff);border:1px solid #38b2ac66;border-radius:12px;color:#2c7a7b}.report-error,.report-success{font-size:15px;font-weight:600;margin-bottom:20px;padding:14px 20px}.report-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;color:#c53030}.report-partial-note{color:#4a5568;font-size:13px;font-weight:400}.report-hint{color:#a0aec0;font-size:14px;margin-top:6px}.report-partial-badge{background:#fefcbf;border:1px solid #f6e05e;border-radius:20px;color:#744210;font-size:12px;font-weight:600;margin-left:12px;padding:3px 10px;vertical-align:middle}.rpt-card{animation:fadeIn .35s ease;background:#fff;border:1px solid #2c528226;border-radius:16px;box-shadow:0 4px 20px #2c528214;padding:28px 30px}.rpt-period{align-items:center;border-bottom:1px solid #2c52821f;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:16px}.rpt-period-icon{font-size:22px}.rpt-period-label{color:#2c5282;flex:1 1;font-size:17px;font-weight:700;min-width:200px}.rpt-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:capitalize}.rpt-badge-weekly{background:#ebf8ff;border:1px solid #bee3f8;color:#2b6cb0}.rpt-badge-monthly{background:#faf5ff;border:1px solid #d6bcfa;color:#6b46c1}.rpt-badge-custom{background:#f0fff4;border:1px solid #9ae6b4;color:#276749}.rpt-badge-daily{background:#fffaf0;border:1px solid #fbd38d;color:#c05621}.rpt-summary{color:#2d3748;font-size:16px;line-height:1.85;margin-bottom:20px;white-space:pre-wrap}.rpt-meta{border-top:1px solid #2c528214;color:#a0aec0;flex-wrap:wrap;gap:16px;padding-top:14px}.rpt-doc-btn,.rpt-meta{align-items:center;display:flex;font-size:13px}.rpt-doc-btn{background:linear-gradient(135deg,#2c5282,#6b46c1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;gap:6px;margin-left:auto;padding:7px 16px;transition:all .2s ease;white-space:nowrap}.rpt-doc-btn:hover{box-shadow:0 4px 12px #2c52824d;transform:translateY(-1px)}@media (max-width:640px){.rfc-row{align-items:stretch;flex-direction:column}.rfc-field{max-width:100%}.rfc-btn-group{margin-left:0}.rfc-btn{justify-content:center;width:100%}.rpt-card{padding:18px}.rpt-doc-btn{justify-content:center;margin-left:0;width:100%}}@media (max-width:1024px){.report-wrapper{padding:16px}.rfc-grid{gap:12px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.report-wrapper{padding:12px 10px}.report-header{padding:16px 14px}.report-page-title{font-size:20px}.report-filter-box{flex-direction:column;gap:12px}.report-filter-group{min-width:100%}.rfc-grid{gap:10px;grid-template-columns:1fr}.report-box{padding:16px 14px}.report-table{-webkit-overflow-scrolling:touch;border-radius:8px;display:block;overflow-x:auto}.report-table td,.report-table th{font-size:13px;min-width:90px;padding:8px 10px}.doc-container{height:94%;width:96%}.doc-page{padding:16px;width:100%}.doc-share{right:90px}.doc-download,.doc-share{font-size:12px;padding:6px 10px}.doc-download{right:40px}.generate-btn{width:100%}}@media (max-width:480px){.report-page-title{font-size:17px}.report-section-title{font-size:16px}.doc-download,.doc-share{justify-content:center;margin-top:8px;position:static;width:calc(50% - 4px)}.doc-container{border-radius:0;height:100%;width:100%}}.chat-popup{background:#fff;border:2px solid #2c5282;border-radius:20px;box-shadow:0 0 40px #2c528233;color:#2d3748;height:80vh;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:82%;z-index:99999}.chat-left,.chat-popup{display:flex;overflow:hidden}.chat-left{background:linear-gradient(160deg,#f8fafc,#f1f5f9);border-right:1px solid #2c528233;flex-direction:column;padding:14px;width:28%}.chat-left h3{color:#2d3748;font-size:18px;font-weight:700;margin-bottom:8px}.chat-search{display:flex;gap:8px;margin-bottom:10px}.chat-search input{background:#fff;border:1px solid #2c52824d;border-radius:8px;color:#2d3748;flex:1 1;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease}.chat-search input::placeholder{color:#a0aec0}.chat-search input:focus{border-color:#2c5282;box-shadow:0 0 0 2px #2c52821a;outline:none}.chat-search button{background:#2c5282;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;transition:all .2s ease}.chat-search button:hover{background:#2a4365;transform:translateY(-1px)}.chat-list{flex:1 1;min-height:0;overflow-y:auto;padding-right:5px}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:#2c52820d;border-radius:10px}.chat-list::-webkit-scrollbar-thumb{background:#2c52824d;border-radius:10px}.chat-list::-webkit-scrollbar-thumb:hover{background:#2c528280}.chat-item{align-items:center;background:#fff;border:1px solid #2c52821a;border-radius:8px;box-shadow:0 2px 4px #00000008;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.chat-item:hover{background:#f7fafc;border-color:#2c52824d;box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.chat-item.active{background:#2c52821a;border-color:#2c5282}.chat-item-info{flex:1 1}.chat-item-name{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:4px}.chat-item-lastmsg{color:#718096;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-time{color:#a0aec0;font-size:11px;margin-top:2px}.unread-badge{background:#e53e3e;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.online-indicator{background:#38a169}.offline-indicator,.online-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.offline-indicator{background:#a0aec0}.chat-right{background:linear-gradient(160deg,#fff,#fafbfd);display:flex;flex:1 1;flex-direction:column;padding:14px}.chat-right-header{align-items:center;border-bottom:1px solid #2c52821a;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.chat-right h2{color:#2d3748;font-size:22px;font-weight:700;margin:0}.chat-info{align-items:center;display:flex;gap:10px}.chat-contact-name{color:#2d3748;font-size:18px;font-weight:700}.chat-contact-status{color:#718096;font-size:13px;gap:5px}.chat-contact-status,.typing{align-items:center;display:flex}.typing{color:#0d9488;font-size:14px;font-style:italic;gap:8px;margin-top:5px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typing 1.4s infinite;background:#0d9488;border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-box{background:#ffffffe6;border:1px solid #2c528233;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:12px;margin-top:10px;overflow-y:auto;padding:14px}.chat-box::-webkit-scrollbar{width:7px}.chat-box::-webkit-scrollbar-track{background:#2c52820d;border-radius:10px}.chat-box::-webkit-scrollbar-thumb{background:#2c52824d;border-radius:10px}.chat-box::-webkit-scrollbar-thumb:hover{background:#2c528280}.date-separator{margin:10px 0;position:relative;text-align:center}.date-separator span{background:#2c52821a;border-radius:12px;color:#718096;font-size:12px;font-weight:600;padding:4px 12px}.msg{border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#2d3748;margin-bottom:10px;max-width:70%;padding:12px 14px;position:relative;width:-webkit-fit-content;width:fit-content}.msg.you{background:#2c52821a;border:1px solid #2c528233;border-bottom-right-radius:4px;margin-left:auto;text-align:right}.msg.them{background:#fff;border:1px solid #2c52821a;border-bottom-left-radius:4px;margin-left:0;text-align:left}.msg-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.msg-sender{color:#2c5282;font-size:14px;font-weight:700}.msg-time{color:#a0aec0;font-size:11px;margin-left:10px}.msg-content{word-wrap:break-word;color:#4a5568;font-size:14px;line-height:1.5}.msg-status{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.msg-status .read{color:#38a169;font-size:12px}.msg-status .sent{color:#a0aec0;font-size:12px}.msg-attachment{align-items:center;background:#ffffffe6;border:1px solid #2c52821a;border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:8px}.attachment-icon{color:#2c5282;font-size:18px}.attachment-info{flex:1 1}.attachment-name{color:#2d3748;font-size:13px;font-weight:600}.attachment-size{color:#718096;font-size:11px}.attachment-download{background:#2c5282;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.chat-box>div:not(.msg):not(.date-separator){background:#0000!important;border:none!important;box-shadow:none!important;height:auto!important;margin:0!important;padding:0!important;width:100%!important}.chat-end-ref{height:0;width:0}.chat-input{align-items:flex-end;display:flex;gap:10px;margin-top:10px}.chat-input input{background:#fff;border:1px solid #2c52824d;border-radius:12px;color:#2d3748;flex:1 1;font-size:14px;font-weight:500;min-height:46px;padding:12px 14px;resize:none;transition:all .2s ease}.chat-input input:focus{border-color:#2c5282;box-shadow:0 0 0 2px #2c52821a;outline:none}.chat-input button{align-items:center;background:#2c5282;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:46px;padding:12px 20px;transition:all .2s ease}.chat-input button:hover{background:#2a4365;box-shadow:0 4px 12px #2c528233;transform:translateY(-2px)}.attach-btn{background:#2c52821a!important;color:#2c5282!important;padding:12px!important}.attach-btn:hover{background:#2c528233!important}.emoji-btn{background:#0d94881a!important;color:#0d9488!important;padding:12px!important}.emoji-btn:hover{background:#0d948833!important}.refresh-btn{align-items:center;background:#2c52821a;border:1px solid #2c528233;border-radius:8px;color:#2c5282;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.refresh-btn:hover{background:#2c528233;transform:translateY(-2px)}.chat-header-actions{flex-shrink:0;gap:8px;margin-left:auto}.chat-header-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:#2c52821a;border:none;border-radius:50%;box-shadow:0 2px 6px #0000000d;color:#2c5282;cursor:pointer;font-size:18px;font-weight:900;height:40px;justify-content:center;outline:none;transition:all .2s ease;width:40px}.icon-btn:hover{background:#2c528233;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.icon-btn.danger{background:#c530301a;box-shadow:0 2px 6px #c530301a;color:#c53030}.icon-btn.danger:hover{background:#c5303033}.suggestion-box{background:#fff;border:1px solid #2c52824d;border-radius:8px;box-shadow:0 10px 30px #0000001a;margin-top:5px;max-height:250px;overflow-y:auto;position:absolute;width:90%;z-index:99999}.suggestion-item{border-bottom:1px solid #2c52821a;color:#2d3748;cursor:pointer;font-size:14px;padding:12px;transition:all .2s ease}.suggestion-item:hover{background:#2c52820d}.emoji-picker{background:#fff;border:1px solid #2c528233;border-radius:12px;bottom:70px;box-shadow:0 10px 40px #0000001a;padding:15px;position:absolute;right:10px;width:300px;z-index:1000}.emoji-category{margin-bottom:10px}.emoji-category-title{color:#718096;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.emoji-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(8,1fr)}.emoji-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.emoji-item:hover{background:#2c52821a;transform:scale(1.2)}.chat-loading{align-items:center;color:#718096;display:flex;flex-direction:column;height:100%;justify-content:center}.chat-loading-spinner{animation:chat-spin 1s linear infinite;border:3px solid #2c52821a;border-radius:50%;border-top-color:#2c5282;height:40px;margin-bottom:15px;width:40px}@keyframes chat-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-empty-state{align-items:center;color:#a0aec0;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.chat-empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.chat-empty-title{color:#718096;font-size:18px;font-weight:600;margin-bottom:8px}.chat-empty-description{font-size:14px;margin:0 auto;max-width:300px}@media (max-height:720px){.chat-popup{height:90vh}}@media (max-width:1024px){.chat-popup{width:90%}.chat-left{width:35%}}@media (max-width:768px){.chat-popup{flex-direction:column;height:85vh;width:95%}.chat-left{border-bottom:1px solid #2c528233;border-right:none;height:40%;width:100%}.chat-list{height:calc(100% - 60px)}.chat-right{height:60%}.chat-top-actions{position:fixed;right:20px;top:20px;z-index:100000}}@media (max-width:480px){.chat-popup{border:none;border-radius:0;height:100vh;width:100%}.chat-left h3{font-size:16px}.chat-right h2{font-size:18px}.msg{max-width:85%}.chat-top-actions{right:10px;top:10px}.icon-btn{font-size:16px;height:36px;width:36px}}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg{animation:messageAppear .3s ease-out}.chat-notification{animation:slideIn .3s ease-out;border-radius:10px;box-shadow:0 10px 30px #0000001a;right:20px;z-index:100000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-title{font-weight:600}.notification-close{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.chat-item.has-unread{background:#ebf4ff;border-color:#2c528259}.chat-item.has-unread span:first-child{color:#2c5282;font-weight:700}.chat-notification{align-items:center;animation:toastSlideIn .3s ease-out;background:#fff;border:1px solid #2c528233;border-radius:12px;box-shadow:0 8px 30px #0000001f;display:flex;gap:12px;max-width:300px;padding:12px 16px;position:fixed;right:24px;top:20px;z-index:999999}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.notification-content{flex:1 1}.notification-title{color:#2d3748;font-size:14px;font-weight:700;margin-bottom:2px}.notification-message{color:#718096;font-size:13px}.notification-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:16px;line-height:1;padding:0}.mychat-floating-wrapper{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;font-size:22px;height:44px;justify-content:center;position:relative;transition:background .2s;-webkit-user-select:none;user-select:none;width:44px}.mychat-floating-wrapper:hover{background:#2c52821a}.floating-unread-badge{animation:badge-pop .2s ease;background:#e53e3e;border-radius:9px;box-shadow:0 0 0 2px #fff;color:#fff;font-size:10px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:-4px;text-align:center;top:-4px;white-space:nowrap;z-index:10}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.chat-delete-btn{background:none;border:none;border-radius:5px;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;margin-left:6px;opacity:0;padding:3px 6px;transition:opacity .2s ease,background .2s ease}.chat-item:hover .chat-delete-btn{opacity:1}.chat-delete-btn:hover{background:#c530301f}.group-create-btn{align-items:center;background:linear-gradient(135deg,#2c5282,#2a4365);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-bottom:8px;padding:8px 12px;transition:all .2s ease;width:100%}.group-create-btn:hover{background:linear-gradient(135deg,#2a4365,#1a365d);box-shadow:0 4px 12px #2c528240;transform:translateY(-1px)}.group-badge{font-size:14px;margin-right:5px}.group-info-btn{background:#2c52821a;border:1px solid #2c528233;border-radius:8px;color:#2c5282;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.group-info-btn:hover{background:#2c528233}.group-info-panel{background:#f8fafc;border:1px solid #2c528226;border-radius:12px;flex-shrink:0;margin-bottom:8px;max-height:240px;overflow-y:auto;padding:12px 14px}.group-info-header{align-items:center;border-bottom:1px solid #2c52821a;display:flex;gap:10px;margin-bottom:10px;padding-bottom:8px}.group-info-avatar{font-size:24px}.group-info-header strong{color:#2d3748;flex:1 1;font-size:15px}.group-member-count{background:#2c528214;border-radius:10px;color:#718096;font-size:11px;padding:2px 8px}.group-info-members{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.group-member-row{align-items:center;background:#fff;border:1px solid #2c528214;border-radius:6px;color:#2d3748;display:flex;font-size:13px;justify-content:space-between;padding:5px 8px}.admin-tag{background:#2c52821f;border-radius:6px;color:#2c5282;font-size:10px;font-weight:700;margin-left:6px;padding:1px 6px}.remove-member-btn{background:none;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;font-size:12px;opacity:.5;padding:2px 5px;transition:all .2s}.remove-member-btn:hover{background:#e53e3e1a;opacity:1}.group-add-member{display:flex;gap:6px;margin-bottom:8px}.group-add-member input{background:#fff;border:1px solid #2c528240;border-radius:7px;color:#2d3748;flex:1 1;font-size:13px;padding:7px 10px}.group-add-member input:focus{border-color:#2c5282;outline:none}.group-add-member button{background:#2c5282;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px}.group-add-member button:hover{background:#2a4365}.group-info-actions{display:flex;gap:8px}.leave-group-btn{background:#ed89361a;border:1px solid #ed89364d;border-radius:7px;color:#c05621;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:7px}.leave-group-btn:hover{background:#ed893633}.delete-group-btn{background:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:7px;color:#c53030;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:7px}.delete-group-btn:hover{background:#e53e3e33}.msg-sender-name{color:#2c5282;display:block;font-size:11px;font-weight:700;margin-bottom:3px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.group-modal{animation:modalPop .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;gap:14px;max-height:90vh;max-width:95vw;overflow-y:auto;padding:24px;width:420px}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.group-modal-header{align-items:center;display:flex;justify-content:space-between}.group-modal-header h3{color:#2d3748;font-size:18px;margin:0}.modal-close-btn{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.modal-close-btn:hover{color:#e53e3e}.avatar-picker{display:flex;flex-wrap:wrap;gap:8px}.avatar-option{align-items:center;background:#2c52820d;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:20px;height:38px;justify-content:center;transition:all .15s;width:38px}.avatar-option:hover{background:#2c52821a}.avatar-option.selected{background:#2c52821f;border-color:#2c5282}.group-member-search,.group-name-input{background:#fff;border:1px solid #2c528240;border-radius:9px;box-sizing:border-box;color:#2d3748;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.group-member-search:focus,.group-name-input:focus{border-color:#2c5282;box-shadow:0 0 0 2px #2c52821a;outline:none}.group-members-chips{display:flex;flex-wrap:wrap;gap:6px}.member-chip{align-items:center;background:#2c52821a;border:1px solid #2c528233;border-radius:20px;color:#2c5282;display:flex;font-size:13px;font-weight:600;gap:6px;padding:5px 10px}.member-chip button{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:12px;line-height:1;opacity:.7;padding:0}.member-chip button:hover{opacity:1}.group-modal-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.member-count-label{color:#718096;font-size:12px}.create-group-btn{background:linear-gradient(135deg,#2c5282,#2a4365);border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 22px;transition:all .2s}.create-group-btn:hover:not(:disabled){box-shadow:0 4px 14px #2c52824d;transform:translateY(-1px)}.create-group-btn:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.61a32189.css.map*/