body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.floating-back-btn{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0)!important;border:2px solid #4a90a426!important;border-radius:50%!important;box-shadow:0 12px 35px #0000002e,0 8px 18px #00000024,0 4px 8px #0000001a,inset 0 -3px 6px #00000014!important;color:#4a90a4!important;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;left:80px!important;margin:0!important;overflow:hidden;padding:0!important;position:fixed!important;right:auto!important;top:180px!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:1050}.login-page-wrapper .floating-back-btn,.register-page-wrapper .floating-back-btn{top:50px!important}.floating-back-btn:before{background:#4a90a426;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.floating-back-btn:hover:before{height:100%;width:100%}.floating-back-btn:hover{border-color:#4a90a4!important;box-shadow:0 20px 50px #00000040,0 12px 25px #0003,0 6px 12px #00000026,inset 0 -4px 8px #0000001a!important;transform:translateX(-6px) translateY(-4px) scale(1.08)}.floating-back-btn:active{box-shadow:0 6px 18px #00000026,0 3px 9px #0000001f,inset 0 3px 8px #00000026!important;transform:translateX(-2px) translateY(-1px) scale(1.02)}@media (max-width:768px){.floating-back-btn{font-size:18px;height:44px;left:16px;top:75px;width:44px}}@media (max-width:480px){.floating-back-btn{font-size:16px;height:40px;left:12px;top:70px;width:40px}}:root{--primary-color:#5b7fff;--primary-light:#7b9fff;--primary-dark:#3a5bcc;--secondary-color:#8b5fff;--secondary-light:#a78bff;--secondary-dark:#6b3fdf;--green-primary:#5b7fff;--green-light:#7b9fff;--green-dark:#3a5bcc;--green-extra-light:#a78bff;--green-extra-dark:#3a5bcc;--bg-main:#f8fafc;--bg-light:#f4f6f9;--bg-card:#fafbfc;--text-medium:#34495e;--border-light:#d5dce2;--border-medium:#b8c4cf;--success:#27ae60;--error:#e74c3c;--warning:#f39c12;--info:#3498db;--neo-shadow-raised:4px 4px 10px #5b7fff26,-1px -1px 2px #ffffff14;--neo-shadow-raised-hover:6px 6px 14px #5b7fff40,-1px -1px 2px #ffffff1a;--neo-shadow-pressed:inset 3px 3px 8px #5b7fff4d,inset -1px -1px 2px #ffffff0d;--neo-shadow-button:3px 3px 8px #5b7fff4d,-1px -1px 2px #ffffff1a;--neo-shadow-button-hover:5px 5px 12px #5b7fff66,-1px -1px 2px #ffffff26;--btn-primary:#4a90a4;--btn-primary-dark:#3a7385;--btn-primary-shadow:#4a90a44d;--btn-success:#10b981;--btn-success-dark:#059669;--btn-success-shadow:#10b9814d;--btn-warning:#f59e0b;--btn-warning-dark:#d97706;--btn-warning-shadow:#f59e0b4d;--btn-danger:#ef4444;--btn-danger-dark:#dc2626;--btn-danger-shadow:#ef44444d;--btn-secondary:#64748b;--btn-secondary-dark:#475569;--btn-secondary-shadow:#64748b4d}#root,body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg-main);color:#2c3e50;color:var(--text-dark);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}main{flex:1 0 auto;padding-bottom:20px;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--text-dark);font-weight:700;letter-spacing:-.5px}nav{animation:slideDown .6s ease-out;background:linear-gradient(135deg,#5b7fff,#8b5fff);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 3px 12px #5b7fff59,0 2px 6px #8b5fff40,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000014;flex-wrap:wrap;gap:12px;justify-content:center;overflow:visible;padding:1.2em 1em 1.2em 200px;position:relative;z-index:1100}.nav-logo-container,nav{align-items:center;display:flex}.nav-logo-container{cursor:pointer;height:100%;left:0;padding:0 20px;perspective:1000px;position:absolute;top:0;transform-style:preserve-3d;z-index:1101}.nav-logo,.nav-logo-container{transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-logo{animation:logoFloat 4s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4)) drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(255,255,255,.15)) brightness(1.08) contrast(1.05);height:80%;mix-blend-mode:screen;object-fit:contain;opacity:.98;transform:translateZ(20px);width:auto}.nav-logo-container:hover .nav-logo{filter:drop-shadow(0 16px 32px rgba(0,0,0,.5)) drop-shadow(0 8px 16px rgba(0,0,0,.4)) drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(255,255,255,.25)) brightness(1.15) contrast(1.1);opacity:1;transform:translateZ(35px) scale(1.06)}.nav-logo-container:active .nav-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)) drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(255,255,255,.1)) brightness(1.05);transform:translateZ(10px) scale(1.02);transition:all .1s ease}@keyframes logoFloat{0%,to{transform:translateZ(20px) translateY(0)}50%{transform:translateZ(20px) translateY(-4px)}}.nav-logo-container:after{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .5s cubic-bezier(.4,0,.2,1);width:100%;z-index:-1}.nav-logo-container:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1.5)}nav a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;border-top:1px solid #ffffff26;box-shadow:2px 2px 6px #0003,-1px -1px 2px #ffffff1a;color:#fff;display:flex;font-size:1em;font-weight:600;gap:8px;letter-spacing:.3px;margin:0 .6em;overflow:visible;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}nav a:hover{background:#ffffff26;border-top-color:#ffffff2e;box-shadow:2px 2px 6px #0003,-1px -1px 2px #ffffff1f;transform:translateY(-1px)}nav a.active{background:#0003;border-bottom:2px solid #fff3;border-top:1px solid #0003;box-shadow:inset 2px 2px 6px #0000004d,inset -1px -1px 2px #ffffff0d,0 1px 3px #0000001a;transform:translateY(0)}nav a.active:hover{box-shadow:inset 3px 3px 8px #00000059,inset -1px -1px 2px #ffffff0d}.nav-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.3em;height:20px;justify-content:center;width:20px}.nav-profile-pic{border:none!important;border:2px solid #fffc;border-radius:50%;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #fff3;flex-shrink:0;height:34px;object-fit:cover;transition:all .3s ease;width:34px}nav a:hover .nav-profile-pic{border-color:#fff;box-shadow:0 6px 16px #0006;transform:scale(1.1)}.nav-profile-container{align-items:center;display:flex;height:22px;justify-content:center;margin-right:6px;width:22px}.dashboard-link{position:relative}.dashboard-status-badge{align-items:center;animation:float 3s ease-in-out infinite;background:#0000;border:none;border-radius:50%;box-shadow:0 2px 6px #5b7fff66,inset 0 1px 1px #0000000d;display:flex;font-size:1.8em;height:28px;justify-content:center;position:relative;right:-15px;top:-15px;transition:all .3s ease;width:0;z-index:10}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.dashboard-link:hover .dashboard-status-badge{box-shadow:0 3px 8px #5b7fff80;transform:scale(1.08) rotate(5deg)}.global-unread-badge{align-items:center;background:linear-gradient(145deg,#dc3545,#c82333);border:1px solid #00000026;border-radius:10px;box-shadow:0 5px 15px #dc354580,0 3px 8px #00000040,inset 0 2px 0 #fff6,inset 0 -2px 0 #0003;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;letter-spacing:-.2px;line-height:20px;min-width:20px;padding:0 6px;pointer-events:none;position:absolute;right:-10px;text-align:center;top:-6px;transform:translateY(-2px);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10}nav a:hover .global-unread-badge{box-shadow:0 8px 20px #dc354599,0 4px 12px #0000004d,inset 0 2px 0 #ffffff80,inset 0 -3px 0 #00000040;transform:translateY(-4px) scale(1.08)}nav a:active .global-unread-badge{box-shadow:0 2px 6px #dc354566,0 1px 3px #0003,inset 0 2px 5px #0000004d,inset 0 1px 0 #00000026;transform:translateY(0) scale(.98)}nav a.active .global-unread-badge{background:linear-gradient(145deg,#e63946,#dc3545);box-shadow:0 6px 18px #e63946b3,0 3px 10px #0000004d,inset 0 2px 0 #ffffff73,inset 0 -2px 0 #0003}.messages-link,nav a[href*="/messages"]{padding-bottom:10px!important;padding-top:14px!important}.notification-bell-container{overflow:visible;z-index:10000}button:not(.MuiButtonBase-root):not(.MuiTab-root):not(.MuiIconButton-root):not(.toast-close):not(.close-button):not(.floating-btn):not(.description-cta-button):not(.final-cta-button):not(.remove-subject-btn):not(.notification-close-button):not(.notification-delete-btn):not(.remove-subject-inline):hover:not(:disabled){box-shadow:0 6px 16px #4a90a44d,inset 0 1px 0 #fff3;box-shadow:0 6px 16px var(--btn-primary-shadow),inset 0 1px 0 #fff3;filter:brightness(1.05)}button:not(.MuiButtonBase-root):not(.MuiTab-root):not(.MuiIconButton-root):not(.toast-close):not(.close-button):not(.floating-btn):not(.description-cta-button):not(.final-cta-button):not(.remove-subject-btn):not(.notification-close-button):not(.notification-delete-btn):not(.remove-subject-inline):active:not(:disabled){box-shadow:0 2px 6px #4a90a44d,inset 0 2px 4px #0000001a;box-shadow:0 2px 6px var(--btn-primary-shadow),inset 0 2px 4px #0000001a}.btn-primary,.primary-button,label.button{background:linear-gradient(135deg,#4a90a4,#3a7385)!important;background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-primary-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #4a90a44d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-primary-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;cursor:pointer;font-size:15px;font-weight:600!important;margin:12px 8px;padding:14px 24px;transition:box-shadow .2s ease,filter .2s ease}.btn-primary:hover:not(:disabled),.primary-button:hover:not(:disabled),label.button:hover{box-shadow:0 6px 16px #4a90a44d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-primary-shadow),inset 0 1px 0 #fff3!important;filter:brightness(1.05)}.btn-primary:active:not(:disabled),.primary-button:active:not(:disabled){box-shadow:0 2px 6px #4a90a44d,inset 0 2px 4px #0000001a!important;box-shadow:0 2px 6px var(--btn-primary-shadow),inset 0 2px 4px #0000001a!important}.btn-primary:disabled,.primary-button:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.7}.btn-secondary,.secondary-button{background:linear-gradient(135deg,#64748b,#475569)!important;background:linear-gradient(135deg,var(--btn-secondary) 0,var(--btn-secondary-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #64748b4d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-secondary-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;cursor:pointer;font-size:15px;font-weight:600!important;margin:12px 8px;padding:14px 24px;transition:box-shadow .2s ease,filter .2s ease}.btn-secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled){box-shadow:0 6px 16px #64748b4d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-secondary-shadow),inset 0 1px 0 #fff3!important;filter:brightness(1.05)}.btn-secondary:active:not(:disabled),.secondary-button:active:not(:disabled){box-shadow:0 2px 6px #64748b4d,inset 0 2px 4px #0000001a!important;box-shadow:0 2px 6px var(--btn-secondary-shadow),inset 0 2px 4px #0000001a!important}.btn-confirm,.btn-pay,.btn-success{background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--btn-success) 0,var(--btn-success-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #10b9814d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-success-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;cursor:pointer;font-size:15px;font-weight:600!important;margin:12px 8px;padding:14px 24px;transition:box-shadow .2s ease,filter .2s ease}.btn-confirm:hover:not(:disabled),.btn-pay:hover:not(:disabled),.btn-success:hover:not(:disabled){box-shadow:0 6px 16px #10b9814d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-success-shadow),inset 0 1px 0 #fff3!important;filter:brightness(1.05)}.btn-confirm:active:not(:disabled),.btn-pay:active:not(:disabled),.btn-success:active:not(:disabled){box-shadow:0 2px 6px #10b9814d,inset 0 2px 4px #0000001a!important;box-shadow:0 2px 6px var(--btn-success-shadow),inset 0 2px 4px #0000001a!important}.btn-cancel,.btn-danger,.logout-button{background:linear-gradient(135deg,#ef4444,#dc2626)!important;background:linear-gradient(135deg,var(--btn-danger) 0,var(--btn-danger-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-danger-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;cursor:pointer;font-size:15px;font-weight:600!important;margin:12px 8px;padding:14px 24px;transition:box-shadow .2s ease,filter .2s ease}.btn-cancel:hover:not(:disabled),.btn-danger:hover:not(:disabled),.logout-button:hover:not(:disabled){box-shadow:0 6px 16px #ef44444d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-danger-shadow),inset 0 1px 0 #fff3!important;filter:brightness(1.05)}.btn-cancel:active:not(:disabled),.btn-danger:active:not(:disabled),.logout-button:active:not(:disabled){box-shadow:0 2px 6px #ef44444d,inset 0 2px 4px #0000001a!important;box-shadow:0 2px 6px var(--btn-danger-shadow),inset 0 2px 4px #0000001a!important}.btn-dispute,.btn-urgent,.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;background:linear-gradient(135deg,var(--btn-warning) 0,var(--btn-warning-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #f59e0b4d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-warning-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;cursor:pointer;font-size:15px;font-weight:600!important;margin:12px 8px;padding:14px 24px;transition:box-shadow .2s ease,filter .2s ease}.btn-dispute:hover:not(:disabled),.btn-urgent:hover:not(:disabled),.btn-warning:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b4d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-warning-shadow),inset 0 1px 0 #fff3!important;filter:brightness(1.05)}.btn-dispute:active:not(:disabled),.btn-urgent:active:not(:disabled),.btn-warning:active:not(:disabled){box-shadow:0 2px 6px #f59e0b4d,inset 0 2px 4px #0000001a!important;box-shadow:0 2px 6px var(--btn-warning-shadow),inset 0 2px 4px #0000001a!important}.btn-ghost,.btn-outline{background:#0000!important;border:2px solid #4a90a4!important;border:2px solid var(--btn-primary)!important;border-radius:8px!important;box-shadow:none!important;color:#4a90a4!important;color:var(--btn-primary)!important;cursor:pointer;font-size:15px;font-weight:600!important;padding:12px 22px;transition:all .2s ease}.btn-ghost:hover:not(:disabled),.btn-outline:hover:not(:disabled){background:linear-gradient(135deg,#4a90a4,#3a7385)!important;background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-primary-dark) 100%)!important;box-shadow:0 4px 12px #4a90a44d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-primary-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important}.btn-ghost:active:not(:disabled),.btn-outline:active:not(:disabled){box-shadow:0 2px 6px #4a90a44d,inset 0 2px 4px #0000001a!important;box-shadow:0 2px 6px var(--btn-primary-shadow),inset 0 2px 4px #0000001a!important}.login-form button[type=submit],.register-form button[type=submit],form button[type=submit]{background:linear-gradient(135deg,#4a90a4,#3a7385)!important;background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-primary-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #4a90a44d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-primary-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;font-size:16px;font-weight:600!important;padding:16px 24px;transition:box-shadow .2s ease,filter .2s ease;width:100%}.login-form button[type=submit]:hover:not(:disabled),.register-form button[type=submit]:hover:not(:disabled),form button[type=submit]:hover:not(:disabled){box-shadow:0 6px 16px #4a90a44d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-primary-shadow),inset 0 1px 0 #fff3!important;filter:brightness(1.05)}.btn-large{font-size:16px!important;padding:18px 32px!important}.btn-small{font-size:13px!important}.btn-small,.btn-text{padding:10px 16px!important}.btn-text{background:#0000!important;border:none!important;box-shadow:none!important;color:#4a90a4!important;color:var(--btn-primary)!important;font-weight:600!important}.btn-text:hover{background:#4a90a41a!important;box-shadow:none!important;filter:none!important}.notification-action-btn{background:linear-gradient(135deg,#4a90a4,#3a7385)!important;background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-primary-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 3px 8px #4a90a44d,inset 0 1px 0 #ffffff26!important;box-shadow:0 3px 8px var(--btn-primary-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;font-size:14px;font-weight:600!important;margin-top:10px;padding:10px 16px;transition:box-shadow .2s ease,filter .2s ease}.notification-action-btn:hover:not(:disabled){box-shadow:0 4px 12px #4a90a44d,inset 0 1px 0 #fff3!important;box-shadow:0 4px 12px var(--btn-primary-shadow),inset 0 1px 0 #fff3!important;filter:brightness(1.05)}.modal-actions .btn-primary,.modal-actions button.btn-primary{min-width:120px}a.btn,a.btn-primary,a.button-link{align-items:center;background:linear-gradient(135deg,#4a90a4,#3a7385)!important;background:linear-gradient(135deg,var(--btn-primary) 0,var(--btn-primary-dark) 100%)!important;border-radius:8px!important;box-shadow:0 4px 12px #4a90a44d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-primary-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;display:inline-flex;font-size:15px;font-weight:600!important;gap:8px;justify-content:center;padding:14px 24px;text-decoration:none;transition:box-shadow .2s ease,filter .2s ease}a.btn-primary:hover,a.btn:hover,a.button-link:hover{box-shadow:0 6px 16px #4a90a44d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-primary-shadow),inset 0 1px 0 #fff3!important;color:#fff!important;filter:brightness(1.05);text-decoration:none}.upgrade-cta{align-items:center;background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--btn-success) 0,var(--btn-success-dark) 100%)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #10b9814d,inset 0 1px 0 #ffffff26!important;box-shadow:0 4px 12px var(--btn-success-shadow),inset 0 1px 0 #ffffff26!important;color:#fff!important;display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:box-shadow .2s ease,filter .2s ease}.upgrade-cta:hover{box-shadow:0 6px 16px #10b9814d,inset 0 1px 0 #fff3!important;box-shadow:0 6px 16px var(--btn-success-shadow),inset 0 1px 0 #fff3!important;color:#fff!important;filter:brightness(1.05)}.form-input,.input-field,input,select,textarea{background:#f4f6f9;background:var(--bg-light);border:none;border-radius:12px;box-shadow:inset 2px 2px 6px #a3b1c64d,inset -1px -1px 2px #ffffff1f;color:#2c3e50;color:var(--text-dark);font-family:inherit;font-size:1em;margin:12px 0;padding:16px 24px;transition:all .3s ease;width:100%}.form-input:focus,.input-field:focus,input:focus,select:focus,textarea:focus{background:#fff;box-shadow:inset 3px 3px 8px #a3b1c666,inset -1px -1px 2px #fff3,0 0 0 3px #5b7fff26;outline:none;transform:translateY(-1px)}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){background:#fff;box-shadow:inset 2px 2px 6px #a3b1c640,inset -1px -1px 2px #ffffff26}.custom-select,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='%235B7FFF' stroke-width='3' 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:20px;cursor:pointer;padding-right:45px}textarea,textarea.input-field{font-family:inherit;line-height:1.6;min-height:120px;resize:vertical}.input-field[readonly],input[readonly]{background:#d5dce2;box-shadow:inset 2px 2px 6px #a3b1c64d,inset -1px -1px 2px #ffffff1a;color:#7f8c8d;color:var(--text-light);cursor:not-allowed}table{background:#fff;border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:4px 4px 10px #5b7fff26,-1px -1px 2px #ffffff14;box-shadow:var(--neo-shadow-raised);margin:25px auto;max-width:95%;overflow:hidden;width:auto}th{background:linear-gradient(135deg,#5b7fff,#8b5fff);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:inset 0 1px 0 #ffffff4d,0 2px 8px #5b7fff4d;color:#fff;font-size:1.05em;font-size:.9em;font-weight:700;letter-spacing:.5px;padding:18px 15px;text-align:left;text-transform:uppercase}th:first-child{border-top-left-radius:16px}th:last-child{border-top-right-radius:16px}td{background-color:#fff;border-bottom:1px solid #d5dce2;border-bottom:1px solid var(--border-light);color:#34495e;color:var(--text-medium);padding:16px 12px;text-align:center;transition:all .3s ease}tr:hover td{background:#f4f6f9;background:var(--bg-light);box-shadow:inset 0 2px 6px #a3b1c626}tr:nth-child(odd) td{background:#f8fafb}tr:nth-child(2n) td{background:#fff}td:first-child{background:#f0f4ff;box-shadow:inset -2px 0 4px #0000000d;color:#2c3e50;color:var(--text-dark);font-weight:600;padding-left:20px;text-align:left}tr:last-child td:first-child{border-bottom-left-radius:16px}tr:last-child td:last-child{border-bottom-right-radius:16px}input[type=checkbox]{accent-color:#5b7fff;accent-color:var(--primary-color);cursor:pointer;height:22px;margin:0;transform:scale(1.2);width:22px}.card,.lesson-card,.plan-card,.profile-card{background:#fff;background:var(--bg-white);border-radius:20px;box-shadow:4px 4px 10px #5b7fff26,-1px -1px 2px #ffffff14;box-shadow:var(--neo-shadow-raised);margin:20px auto;max-width:900px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover,.plan-card:hover,.profile-card:hover{box-shadow:6px 6px 14px #5b7fff40,-1px -1px 2px #ffffff1a;box-shadow:var(--neo-shadow-raised-hover);transform:translateY(-8px)}.alert,.message,.notification{align-items:center;border-radius:14px;box-shadow:5px 5px 14px #0003,-1px -1px 2px #ffffff1f;display:flex;font-size:1.05em;font-weight:600;gap:12px;justify-content:center;margin:20px auto;max-width:600px;padding:18px 24px;transition:all .3s ease}.message:hover,.notification:hover{box-shadow:7px 7px 16px #00000040,-1px -1px 2px #ffffff26;transform:translateY(-1px)}.message.success,.success{background:#27ae60;background:var(--success);border-top:1px solid #ffffff1f;box-shadow:5px 5px 12px #27ae6066,-1px -1px 2px #ffffff26;color:#fff}.error,.message.error{background:#e74c3c;background:var(--error);border-top:1px solid #ffffff1f;box-shadow:5px 5px 12px #e74c3c66,-1px -1px 2px #ffffff26;color:#fff}.message.warning,.warning{background:#f39c12;background:var(--warning);border-top:1px solid #ffffff1f;box-shadow:5px 5px 12px #f39c1266,-1px -1px 2px #ffffff26;color:#fff}.info,.message.info{background:#3498db;background:var(--info);border-top:1px solid #ffffff1f;box-shadow:5px 5px 12px #3498db66,-1px -1px 2px #ffffff26;color:#fff}.app-footer{background:#f4f6f9;background:var(--bg-light);border-top:none;box-shadow:0 -4px 12px #a3b1c633,inset 0 1px 0 #ffffff4d;gap:12px;padding:20px}.footer-links{flex-wrap:wrap;gap:25px}.footer-links a{background:#fff;background:var(--bg-white);border-radius:10px;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease}.footer-links a,.footer-links a:hover{box-shadow:2px 2px 6px #a3b1c64d,-1px -1px 2px #ffffff1f;color:var(--primary-color)}.footer-links a:hover{filter:brightness(.95);transform:translateY(-1px)}.copyright{color:#7f8c8d;color:var(--text-light);font-size:13px;opacity:.8}@media (max-width:768px){nav{gap:8px;padding:1em .5em 1em 170px}.nav-logo-container{padding:0 12px}.nav-logo{height:50%}nav a{font-size:.9em;margin:0 .3em;padding:10px 16px}.logout-button,button{font-size:.95em;padding:12px 20px}.card,.profile-card{margin:15px;padding:20px}.footer-links{align-items:center;flex-direction:column;gap:12px}table{font-size:.9em}td,th{padding:12px 8px}.global-unread-badge{border-radius:9px;box-shadow:0 4px 12px #dc354573,0 2px 6px #0003,inset 0 1.5px 0 #ffffff59,inset 0 -1.5px 0 #0000002e;font-size:10px;height:18px;line-height:18px;min-width:18px;padding:0 5px;right:-8px;top:-5px;transform:translateY(-1.5px)}nav a:hover .global-unread-badge{transform:translateY(-3px) scale(1.06)}}@media (max-width:480px){nav{padding-left:130px}.nav-logo-container{padding:0 10px}.nav-logo{height:40%}nav a{font-size:.85em;gap:6px;padding:8px 12px}.nav-icon{font-size:1.1em}button{font-size:.9em;padding:10px 16px}input,select,textarea{font-size:.95em;padding:12px}.global-unread-badge{border-radius:8px;box-shadow:0 3px 10px #dc354566,0 2px 5px #0000002e,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #00000026;font-size:9px;height:16px;line-height:16px;min-width:16px;padding:0 4px;right:-6px;top:-4px;transform:translateY(-1px)}nav a:hover .global-unread-badge{transform:translateY(-2px) scale(1.05)}}.card,.plan-card,.profile-card{animation:scaleIn .5s ease-out}.message,.notification{animation:slideDown .4s ease-out}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.p-1{padding:10px}.p-2{padding:20px}.p-3{padding:30px}.MuiTab-root:hover{background-color:#0000000a!important}.MuiTab-root.Mui-selected:hover,.MuiTab-root:hover{transform:none!important}.MuiTabs-root .MuiTab-root:hover{transform:translate(0) scale(1)!important}nav:before{content:"";height:100%;left:0;opacity:.25;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.nav-stars1{animation:nav-stars-left-to-right 80s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#7b9fffe6,#0000),radial-gradient(1px 1px at 50% 50%,#fffc,#0000);background-size:200px 200px,300px 300px,150px 150px;opacity:.9}.nav-stars1,.nav-stars2{background-repeat:repeat;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.nav-stars2{animation:nav-stars-right-to-left 110s linear infinite;background-image:radial-gradient(1px 1px at 80% 10%,#a78bffcc,#0000),radial-gradient(1px 1px at 20% 80%,#fff,#0000);background-size:250px 250px;opacity:1}.nav-stars3{animation:nav-stars-left-to-right 140s linear infinite;background-image:radial-gradient(1px 1px at 40% 60%,#ffffffe6,#0000),radial-gradient(2px 2px at 70% 20%,#8b5fffb3,#0000);background-repeat:repeat;background-size:180px 180px;height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes nav-stars-left-to-right{0%{background-position:0 0}to{background-position:1000px 0}}@keyframes nav-stars-right-to-left{0%{background-position:0 0}to{background-position:-1000px 0}}@media (prefers-reduced-motion:reduce){.nav-stars1,.nav-stars2,.nav-stars3,nav:hover:after{animation:none!important}nav:hover:after{opacity:.4;transition:opacity .3s ease}}:root{--shadow-medium:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;--shadow-hover:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014}.availability-calendar{animation:fadeInUp .6s ease-out;background:linear-gradient(145deg,#fff,#fafafa);border-collapse:initial;border-radius:16px;border-radius:var(--radius-lg);border-spacing:0;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--shadow-medium);margin:8px auto;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.availability-calendar:before{background:linear-gradient(90deg,#4caf50,#2563eb,#f59e0b);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:10}.availability-calendar:hover{box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.availability-calendar thead{background:linear-gradient(145deg,#f8f9fa,#e9ecef);box-shadow:0 4px 12px #00000014,inset 0 -1px 0 #ffffff80;position:-webkit-sticky;position:sticky;top:0;z-index:5}.availability-calendar th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#2c3e50;color:var(--text-dark);font-size:.85rem;font-weight:600;letter-spacing:.02em;line-height:1.4;padding:12px 8px;position:relative;text-align:center;text-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.availability-calendar th:first-child{background:linear-gradient(145deg,#e3f2fd,#bbdefb);color:#2563eb;color:var(--secondary-color);left:0;min-width:90px;width:90px}.availability-calendar th:first-child,.availability-calendar th:nth-child(2){border-right:2px solid #cbd5e1;border-right:2px solid var(--border-hover);box-shadow:2px 0 8px #00000014;font-weight:700;position:-webkit-sticky;position:sticky;z-index:6}.availability-calendar th:nth-child(2){background:linear-gradient(145deg,#fff3e0,#ffe0b2);left:90px;min-width:110px;width:110px}.availability-calendar th:nth-child(n+3){background:linear-gradient(145deg,#fff,#f8f9fa);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);font-size:.95rem;font-weight:600;max-width:130px;min-width:100px;padding:12px 6px}.availability-calendar th:last-child{border-right:none}.availability-calendar th:hover{background:linear-gradient(145deg,#e3f2fd,#bbdefb);box-shadow:0 6px 16px #2563eb26,inset 0 -2px 4px #2563eb14;transform:translateY(-2px)}.availability-calendar tbody tr{background:linear-gradient(145deg,#fff,#fefefe);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.availability-calendar tbody tr:nth-child(2n){background:linear-gradient(145deg,#fafafa,#f8f9fa)}.availability-calendar tbody tr:hover{background:linear-gradient(145deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 12px #2563eb1a,inset 0 1px 0 #ffffff80;transform:scale(1.005)}.availability-calendar td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);line-height:1.1;padding:5px 6px;position:relative;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);vertical-align:middle}.availability-calendar td:last-child{border-right:none}.availability-calendar td:first-child{background:linear-gradient(145deg,#e3f2fd,#bbdefb);color:#2c3e50;color:var(--text-dark);font-size:.9rem;font-weight:600;left:0;letter-spacing:.02em}.availability-calendar td:first-child,.availability-calendar td:nth-child(2){border-right:2px solid #cbd5e1;border-right:2px solid var(--border-hover);box-shadow:2px 0 8px #0000000f;position:-webkit-sticky;position:sticky;z-index:4}.availability-calendar td:nth-child(2){background:linear-gradient(145deg,#fff8e1,#ffecb3);left:90px}.availability-calendar td:nth-child(n+3){background:linear-gradient(145deg,#fff,#fafafa)}.availability-calendar td:hover{background:linear-gradient(145deg,#f0f9ff,#dbeafe);box-shadow:0 4px 12px #2563eb26,inset 0 -2px 4px #2563eb14;transform:scale(1.05);z-index:3}.checkbox-container{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;padding:2px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.checkbox-container:hover{transform:scale(1.1)}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background:linear-gradient(135deg,#fff,#f8f9fa);border:2.5px solid #e9ecef;border-radius:6px;box-shadow:0 4px 8px #00000014,0 2px 4px #0000000d,inset 0 -1px 2px #00000008;height:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.checkbox-container:hover input~.checkmark{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#2563eb;border-color:var(--secondary-color);box-shadow:0 6px 16px #2563eb33,0 4px 8px #2563eb26,inset 0 -2px 4px #2563eb1a;transform:translateY(-2px) scale(1.05)}.checkbox-container input:checked~.checkmark{background:linear-gradient(135deg,#81c784,#66bb6a);border-color:#66bb6a;box-shadow:0 3px 8px #4caf5026,0 2px 4px #4caf501f,inset 0 -1px 2px #00000014;transform:scale(.9)}.checkmark:after{animation:checkmark-appear .3s cubic-bezier(.68,-.55,.27,1.55);border:solid #fff;border-width:0 2.5px 2.5px 0;content:"";display:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}@keyframes checkmark-appear{0%{opacity:0;transform:rotate(45deg) scale(.3)}50%{opacity:.7;transform:rotate(45deg) scale(1.2)}to{opacity:1;transform:rotate(45deg) scale(1)}}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container:hover input:checked~.checkmark{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 10px #4caf5033,0 3px 6px #4caf5026,inset 0 -2px 3px #0000001a;transform:translateY(-1px) scale(1.04)}.checkbox-container input:disabled~.checkmark{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2.5px solid #dee2e6;box-shadow:inset 0 2px 4px #00000014,0 1px 2px #0000000d;cursor:not-allowed}.checkbox-container input:disabled:checked~.checkmark{background:linear-gradient(135deg,#a5d6a7,#81c784);border:2.5px solid #81c784;box-shadow:0 2px 6px #4caf5026,inset 0 -1px 2px #00000014;opacity:.85}.checkbox-container input:disabled:checked~.checkmark:after{display:block;opacity:.9}.checkbox-container:hover input:disabled~.checkmark{border-color:#adb5bd;transform:none}.checkbox-container input:focus~.checkmark{border-radius:4px;outline:3px solid #4caf5033;outline-offset:3px}.checkbox-container:active input:not(:disabled)~.checkmark{transform:scale(.92);transition:transform .1s ease-in-out}@media screen and (max-width:1024px){.availability-calendar td,.availability-calendar th{font-size:.8rem;padding:8px 6px}.availability-calendar th:nth-child(n+3){font-size:.85rem;font-weight:600;min-width:85px}.checkmark{height:20px;width:20px}.checkmark:after{height:10px;left:6px;top:2px;width:5px}}@media screen and (max-width:768px){.availability-calendar{-webkit-overflow-scrolling:touch;border-radius:12px;border-radius:var(--radius-md);display:block;overflow-x:auto}.availability-calendar td:first-child,.availability-calendar th:first-child{font-size:.75rem;min-width:70px;width:70px}.availability-calendar td:nth-child(2),.availability-calendar th:nth-child(2){left:70px;min-width:90px}.availability-calendar th:nth-child(n+3){font-size:.8rem;font-weight:600;min-width:70px;padding:8px 4px}.availability-calendar td,.availability-calendar th{font-size:.75rem;padding:8px 5px}.checkmark{height:18px;width:18px}.checkmark:after{border-width:0 2px 2px 0;height:9px;left:5px;top:2px;width:4px}.availability-calendar:after{background:linear-gradient(90deg,#0000,#fffffff2);color:#2563eb;color:var(--secondary-color);content:"→";font-size:1.2rem;opacity:.7;padding:10px;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;top:50%;transform:translateY(-50%);z-index:3}}@media screen and (max-width:480px){.availability-calendar{font-size:.75rem;margin:10px 0}.availability-calendar td:first-child,.availability-calendar th:first-child{min-width:70px;width:70px}.availability-calendar td:nth-child(2),.availability-calendar th:nth-child(2){left:70px;min-width:90px}.availability-calendar th:nth-child(n+3){min-width:80px}}@media (prefers-reduced-motion:reduce){.availability-calendar,.availability-calendar tbody tr,.availability-calendar td,.availability-calendar th,.checkbox-container,.checkmark{animation:none;transition:none}}@media (prefers-color-scheme:dark){:root{--text-dark:#e0e0e0;--text-medium:#b0b0b0;--text-light:grey;--bg-white:#1e1e1e;--bg-light:#2a2a2a;--bg-lighter:#363636;--border-color:#404040}}:root{--primary-color:#4caf50;--primary-hover:#3d9140;--secondary-color:#2563eb;--accent-color:#f59e0b;--text-dark:#2c3e50;--text-medium:#4a5568;--text-light:#7f8c8d;--bg-white:#fff;--bg-light:#f8f9fa;--bg-lighter:#f1f5f9;--border-color:#e5e7eb;--border-hover:#cbd5e1;--shadow-light:0 4px 8px #00000014,0 2px 4px #0000000d,inset 0 -1px 2px #00000008;--shadow-medium:0 4px 8px #00000014,0 2px 4px #0000000d,inset 0 -1px 2px #00000008;--shadow-hover:0 8px 16px #0000001f,0 4px 8px #00000014,inset 0 -1px 2px #00000008;--spacing-xs:6px;--spacing-sm:10px;--spacing-md:14px;--spacing-lg:20px;--spacing-xl:28px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-small:0.875rem;--font-medium:1rem;--font-large:1.2rem;--font-xlarge:1.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}.annonce-list{--al-primary:#4a90a4;--al-primary-dark:#3a7385;--al-primary-light:#e8f4f7;--al-text-primary:#1e293b;--al-text-secondary:#64748b;--al-border:#e2e8f0;--al-bg-light:#f8fafc;--al-radius:8px;--al-radius-lg:12px;--al-shadow-3d:0 10px 25px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;--al-transition:all 0.2s ease;background-color:var(--al-bg-light);color:var(--al-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.annonce-list h2{color:var(--al-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 24px;text-align:center}.annonce-list h2:after{display:none}.filters-new-layout{background:#fff;border:1px solid var(--al-border);border-radius:var(--al-radius-lg);box-shadow:var(--al-shadow-3d);margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1000px;overflow:hidden}.filters-new-layout:before{display:none}.filters-new-layout:hover{box-shadow:var(--al-shadow-3d);transform:none}.filters-new-layout:hover:before{display:none}.filters-section-header{background:linear-gradient(135deg,var(--al-primary) 0,var(--al-primary-dark) 100%);padding:14px 20px;text-align:center}.filters-section-header h3{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em;margin:0}.filters-row-1{grid-gap:20px;align-items:start;border-bottom:1px solid var(--al-border);display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.filter-container{display:flex;flex-direction:column}.filter-container.category-subject-container,.filter-container.search-by-name-container{width:100%}.filter-container label{color:var(--al-text-primary);display:block;font-size:15px;font-weight:600;letter-spacing:.01em;margin-bottom:10px;text-shadow:none}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper input[type=text]{background:#fff;border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:none;box-sizing:border-box;color:var(--al-text-primary);font-size:14px;height:44px;padding:0 44px 0 14px;transition:var(--al-transition);width:100%}.search-input-wrapper input[type=text]:hover{border-color:#cbd5e1;box-shadow:none;transform:none}.search-input-wrapper input[type=text]:focus{border-color:var(--al-primary);box-shadow:0 0 0 3px #4a90a41f;outline:none;transform:none}.search-icon,.search-input-wrapper input[type=text]::placeholder{color:var(--al-text-secondary);opacity:1}.search-icon{font-size:16px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.search-input-wrapper:focus-within .search-icon,.search-input-wrapper:hover .search-icon{opacity:1;transform:translateY(-50%)}.filters-row-2{border-bottom:1px solid var(--al-border);width:100%}.availability-section-full{border-top:none;padding-top:0;width:100%}.availability-section-full .filter-title{background:linear-gradient(135deg,var(--al-primary) 0,var(--al-primary-dark) 100%);color:#fff;display:block;font-size:.95rem;font-weight:600;letter-spacing:.02em;margin:0;padding:12px 20px;position:relative;text-align:center;width:100%}.availability-section-full .filter-title:after{display:none}.availability-section-full>div:not(.filter-title):not(.availability-loading){padding:16px 20px}.availability-loading{padding:40px 20px;text-align:center}.availability-loading .loading{align-items:center;color:var(--al-text-secondary);display:flex;flex-direction:column;font-size:14px;gap:12px}.filters-row-3{align-items:center;background:var(--al-bg-light);border-top:none;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;position:relative}.reset-filters-button-center{align-items:center;background:#0000!important;border:2px solid var(--al-primary)!important;border-radius:var(--al-radius)!important;box-shadow:none!important;color:var(--al-primary)!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:var(--al-transition)}.reset-filters-button-center:hover{border-color:var(--al-primary)!important;box-shadow:0 4px 12px #4a90a44d!important;transform:translateY(-1px)}.reset-filters-button-center:active,.reset-filters-button-center:focus,.reset-filters-button-center:hover{background:linear-gradient(135deg,var(--al-primary) 0,var(--al-primary-dark) 100%)!important;color:#fff!important}.reset-filters-button-center:active,.reset-filters-button-center:focus{box-shadow:0 2px 6px #4a90a44d!important;transform:translateY(0)}.sort-options-right{position:relative}.sort-options-right select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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;border:1px solid var(--al-border);border-radius:var(--al-radius);box-shadow:none;color:var(--al-text-primary);cursor:pointer;font-size:14px;font-weight:500;height:44px;min-width:160px;padding:0 40px 0 14px;transition:var(--al-transition)}.sort-options-right select:hover{border-color:#cbd5e1}.sort-options-right select:focus{border-color:var(--al-primary);box-shadow:0 0 0 3px #4a90a41f;outline:none}.no-results-message{background:#fff;border:1px solid var(--al-border);border-radius:var(--al-radius-lg);box-shadow:var(--al-shadow-3d);color:var(--al-text-secondary);font-size:15px;font-weight:500;font-weight:var(--weight-medium);margin:24px auto;max-width:600px;overflow:visible;padding:40px 24px;position:relative;text-align:center}.no-results-message:before{content:"🔍";display:block;font-size:48px;left:auto;margin-bottom:16px;opacity:.5;position:static;top:auto;transform:none;z-index:auto}.no-results-message:hover{box-shadow:var(--al-shadow-3d);transform:none}.professor-card-grid{grid-gap:20px;grid-gap:var(--spacing-lg);animation:fadeInUp .8s ease-out;display:grid;gap:20px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:48px;margin-top:28px;margin-top:var(--spacing-xl)}.professor-card-link{color:inherit;display:block;height:100%;text-decoration:none}.professor-card{background:linear-gradient(145deg,#f5f9f7,#e8f4ee);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 8px #00000014,0 2px 4px #0000000d,inset 0 -1px 2px #00000008;box-shadow:var(--shadow-medium);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2px 6px;padding:2px var(--spacing-xs) 2px var(--spacing-xs);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.professor-card:before{background:linear-gradient(90deg,#4caf50,#2563eb);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.professor-card:hover:before{opacity:1}.professor-card:hover{border-color:#2563eb;border-color:var(--secondary-color);box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014,inset 0 -1px 2px #00000008;box-shadow:var(--shadow-hover);transform:translateY(-6px) scale(1.015)}.professor-card-image{align-items:center;background:#0000;display:flex;height:170px;justify-content:center;margin-bottom:14px;margin-bottom:var(--spacing-md);overflow:visible;padding:0;position:relative;width:100%}.professor-card-image .profile-image-container{align-items:center!important;display:flex!important;height:100%;justify-content:center!important;margin:0!important;padding:0!important;width:100%}.professor-card-image img{border:none!important;border-radius:50%!important;box-shadow:0 15px 35px #00000040,0 8px 15px #0000002e,0 3px 8px #0000001f,inset 0 -2px 4px #00000014!important;filter:brightness(1.02) contrast(1.08);height:120px!important;max-height:120px!important;max-width:120px!important;min-height:120px!important;min-width:120px!important;object-fit:cover!important;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)!important;transition:transform var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal)!important;width:120px!important}.professor-card:hover .professor-card-image img{box-shadow:0 25px 50px #00000059,0 15px 25px #00000040,0 8px 15px #0000002e,inset 0 -3px 6px #0000001f!important;filter:brightness(1.08) contrast(1.12);transform:scale(1.12) translateY(-8px)}.professor-card-content{background:#0000;display:flex;flex-direction:column;flex-grow:1;gap:6px;gap:var(--spacing-xs);padding:10px;padding:var(--spacing-sm)}.professor-name{color:#2c3e50;color:var(--text-dark);font-size:1.1rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:-.01em;line-height:1.2;line-height:var(--line-height-tight);margin:0 0 6px;margin:0 0 var(--spacing-xs) 0;text-align:center;text-shadow:0 2px 4px #0000000d;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.professor-card:hover .professor-name{color:#2563eb;color:var(--secondary-color)}.professor-rating{align-items:center;background:linear-gradient(145deg,#fffbeb,#fef3c7);border:2px solid #f59e0b33;border-radius:14px;box-shadow:0 8px 20px #f59e0b59,0 4px 10px #f59e0b40,0 2px 5px #f59e0b26,inset 0 -2px 4px #f59e0b1f;display:flex;font-size:.75rem;gap:4px;justify-content:center;margin-bottom:6px;margin-bottom:var(--spacing-xs);padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.professor-card:hover .professor-rating{border-color:#f59e0b66;box-shadow:0 12px 28px #f59e0b73,0 6px 14px #f59e0b59,0 3px 7px #f59e0b40,inset 0 -3px 6px #f59e0b2e;transform:scale(1.08) translateY(-2px)}.rating-stars{color:#f59e0b;color:var(--accent-color);filter:drop-shadow(0 2px 3px rgba(245,158,11,.3));font-size:12px;letter-spacing:1px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.professor-card:hover .rating-stars{filter:drop-shadow(0 3px 5px rgba(245,158,11,.5));transform:scale(1.1)}.rating-text{color:#4a5568;color:var(--text-medium);font-weight:var(--weight-semibold);text-shadow:0 1px 2px #0000000d}.professor-qualifications{background:linear-gradient(145deg,#f8f9fa99,#fff6);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d,inset 0 -1px 2px #00000008;margin:6px 0;margin:var(--spacing-xs) 0;padding:10px;padding:var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.professor-card:hover .professor-qualifications{box-shadow:0 3px 6px #00000014,inset 0 -2px 3px #0000000d;transform:translateY(-1px)}.professor-qualifications ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.professor-qualifications li{align-items:flex-start;color:#4a5568;color:var(--text-medium);display:flex;font-size:.95rem;gap:8px;line-height:1.4;text-align:left}.professor-qualifications li:before{content:"•";flex-shrink:0;font-size:1rem;line-height:1.2}.professor-hourly-rate,.professor-qualifications li:before{color:#2563eb;color:var(--secondary-color);font-weight:700;font-weight:var(--weight-bold)}.professor-hourly-rate{background:linear-gradient(145deg,#fff9,#f8f9fa66);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);box-shadow:0 2px 4px #2563eb1a,inset 0 -1px 2px #00000008;font-size:1.05rem;margin:6px 0;margin:var(--spacing-xs) 0 var(--spacing-xs) 0;padding:6px 0;padding:var(--spacing-xs) 0;text-align:center;text-shadow:0 2px 4px #2563eb1a;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.professor-card:hover .professor-hourly-rate{box-shadow:0 4px 8px #4caf5033,inset 0 -2px 4px #4caf5014;color:#4caf50;color:var(--primary-color);transform:scale(1.05)}.pagination-controls{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;margin:20px auto;margin:var(--spacing-lg) auto;max-width:960px;padding:10px;padding:var(--spacing-sm)}.pagination-buttons{display:flex;flex-wrap:wrap;gap:6px;gap:var(--spacing-xs);justify-content:center}.pagination-button{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;color:#2c3e50;color:var(--text-dark);cursor:pointer;font-size:.875rem;font-size:var(--font-small);font-weight:500;font-weight:var(--weight-medium);min-width:38px;padding:6px 12px;text-align:center;transition:all .2s ease}.pagination-button:hover:not([disabled]){background:#f0f0f0;border-color:#2563eb;border-color:var(--secondary-color);color:#2563eb;color:var(--secondary-color)}.pagination-button.active{background:#2563eb;background:var(--secondary-color);border-color:#2563eb;border-color:var(--secondary-color);color:#fff;font-weight:600;font-weight:var(--weight-semibold)}.pagination-button[disabled]{background:#f5f5f5;cursor:not-allowed;opacity:.4}.pagination-ellipsis{color:#7f8c8d;color:var(--text-light);font-size:.875rem;font-size:var(--font-small);font-weight:500;font-weight:var(--weight-medium);padding:6px 8px}@media (max-width:768px){.annonce-list{padding:16px}.filters-row-1{gap:16px;grid-template-columns:1fr;padding:16px}.filters-row-3{flex-direction:column;gap:12px;padding:16px}.reset-filters-button-center{width:100%}.sort-options-right{position:static;width:100%}.sort-options-right select{width:100%}.professor-card-grid{gap:20px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pagination-controls{padding:6px;padding:var(--spacing-xs)}.pagination-buttons{gap:4px}}@media (max-width:480px){.annonce-list{padding:10px;padding:var(--spacing-sm)}.annonce-list h2{font-size:1.25rem}.availability-section-full .filter-title,.filters-section-header h3{font-size:.9rem;padding:12px 16px}.search-input-wrapper input[type=text],.sort-options-right select{font-size:13px;height:42px}.reset-filters-button-center{font-size:13px;padding:10px 16px}.professor-card-grid{gap:14px;gap:var(--spacing-md);grid-template-columns:1fr}.professor-card{padding:14px;padding:var(--spacing-md)}.pagination-button{font-size:.85rem;min-width:34px;padding:5px 10px}}.rating-link{align-items:center;cursor:pointer;display:inline-flex;transition:all .2s ease;-webkit-user-select:none;user-select:none}.rating-link:hover .rating-link-content{opacity:.8;text-decoration:underline}.rating-link-content{align-items:center;color:#f59e0b;display:flex;font-weight:500;gap:4px}.rating-link-icon{color:#f59e0b}.rating-link-value{color:#1f2937;font-weight:600}.rating-link-max{color:#6b7280;font-size:.9em}.rating-link-count{color:#6b7280;margin-left:2px}.rating-link-small .rating-link-value{font-size:.875rem}.rating-link-small .rating-link-count,.rating-link-small .rating-link-max{font-size:.75rem}.rating-link-medium .rating-link-value{font-size:1rem}.rating-link-medium .rating-link-count,.rating-link-medium .rating-link-max{font-size:.875rem}.rating-link-large .rating-link-value{font-size:1.25rem}.rating-link-large .rating-link-count,.rating-link-large .rating-link-max{font-size:1rem}.rating-link:active{transform:scale(.98)}.category-subject-dropdown{display:flex;flex-direction:column;position:relative;width:100%}.dropdown-label{align-items:center;color:var(--text-dark);display:flex;font-size:var(--font-medium);font-weight:var(--weight-semibold);letter-spacing:.01em;margin-bottom:var(--spacing-sm);text-shadow:0 1px 2px #0000000d}.dropdown-button{align-items:center;border:1px solid #e2e8f0!important;border-radius:8px!important;box-sizing:border-box;color:#1e293b!important;cursor:pointer;display:flex;font-size:14px!important;font-weight:500!important;height:44px;justify-content:space-between;margin:20!important;padding:0 20px!important;transition:all .2s ease;width:100%}.dropdown-button,.dropdown-button:hover{background:#fff!important;box-shadow:none!important;filter:none!important}.dropdown-button:hover{border-color:#cbd5e1!important}.dropdown-button.active{background:#fff!important;border-color:#4a90a4!important;box-shadow:0 0 0 3px #4a90a41f!important}.dropdown-button-text{flex:1 1;font-size:.9rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.category-separator{color:var(--secondary-color);font-weight:300;opacity:.5;padding:0 12px;position:relative}.category-separator:after,.category-separator:before{background:var(--secondary-color);border-radius:50%;content:"";height:3px;opacity:.3;position:absolute;top:50%;width:3px}.category-separator:before{left:2px}.category-separator:after{right:2px}.dropdown-arrow{color:var(--text-medium);flex-shrink:0;font-size:12px;margin-left:8px;transition:transform var(--transition-normal)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;left:0;max-height:400px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:12px 16px;position:relative;transition:all var(--transition-normal)}.dropdown-item:before{bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-normal);width:3px}.dropdown-item:before,.dropdown-item:hover{background:linear-gradient(145deg,#2563eb14,#2563eb0d)}.dropdown-item:hover:before{opacity:1}.dropdown-item.selected{background:linear-gradient(145deg,#2563eb1f,#2563eb14);color:var(--secondary-color);font-weight:var(--weight-semibold)}.dropdown-item.selected:before{opacity:1}.reset-option{color:var(--text-medium)}.reset-option:hover{background:linear-gradient(145deg,#4caf5014,#4caf500d);color:var(--primary-color)}.dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.item-icon{flex-shrink:0;font-size:18px}.item-text{flex:1 1;font-size:15.5px;text-align:left}.subject-count{background:linear-gradient(145deg,#c8e6c9,#a5d6a7);border-radius:12px;box-shadow:0 1px 3px #2e7d3233;color:#2e7d32;flex-shrink:0;font-size:11px;font-weight:var(--weight-bold);margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.category-item-wrapper{position:relative}.category-item{cursor:pointer;font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none}.category-item.expanded{background:linear-gradient(145deg,#2563eb14,#2563eb0d)}.expand-icon{color:var(--text-medium);display:inline-block;flex-shrink:0;font-size:12px;margin-right:4px;transition:transform var(--transition-normal)}.expand-icon.expanded{color:var(--secondary-color);transform:rotate(90deg)}.subjects-submenu{animation:submenuSlideIn .2s ease-out;background:linear-gradient(145deg,#f8f9fa,#fff);padding-bottom:4px;padding-top:4px}@keyframes submenuSlideIn{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.submenu-divider{background:var(--border-color);height:1px;margin:6px 12px}.all-subjects-item{background:linear-gradient(145deg,#2563eb0d,#2563eb05);color:var(--secondary-color);font-weight:var(--weight-semibold)}.all-subjects-item:hover{background:linear-gradient(145deg,#2563eb1f,#2563eb14);color:var(--secondary-color)}.all-subjects-item.selected{background:linear-gradient(145deg,#2563eb26,#2563eb1a);font-weight:var(--weight-bold)}.subject-item{font-size:var(--font-small);font-weight:var(--weight-normal);padding-left:40px}.check-icon{color:var(--primary-color);font-size:16px;font-weight:var(--weight-bold)}@media (max-width:768px){.dropdown-menu{max-height:300px}.dropdown-button,.dropdown-item{font-size:var(--font-small);padding:10px 14px}}.register-form{background-color:#fff;border-radius:10px;box-shadow:0 3px 20px #0000001a;margin:0 auto;max-width:800px;padding:30px}.register-form h2{color:#333;margin-bottom:30px;padding-bottom:15px;position:relative;text-align:center}.register-form h2:after{background:linear-gradient(135deg,#5b9bd5,#4a8ac4);border-radius:3px;bottom:0;box-shadow:0 2px 4px #5b9bd54d;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.register-form .form-section{margin-bottom:25px;padding-bottom:10px}.register-form h3{border-bottom:2px solid #5b9bd5;color:#2c3e50;font-size:1.3rem;margin-bottom:20px;margin-top:30px;padding-bottom:10px;position:relative}.register-form h3:after{background-color:#5b9bd5;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.register-form .message{background-color:#f8d7da;border-left:4px solid #dc3545;border-radius:5px;color:#721c24;margin-bottom:15px;padding:15px;text-align:center}.register-form .input-field{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:block;font-size:14px;height:38px;margin-bottom:15px;padding:8px 12px;transition:all .3s;width:100%}.register-form .input-field:focus{background-color:#fff;border-color:#5b9bd5;box-shadow:0 0 0 3px #5b9bd533;outline:none}.register-form label{color:#34495e;display:block;font-size:.95rem;font-weight:600;margin-bottom:5px}.register-form textarea.input-field{height:auto;line-height:1.4;min-height:100px;resize:vertical}.register-form .role-select{margin-bottom:20px}.register-form .custom-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='%23333' 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;padding-right:35px}.register-form .profile-image-container{margin:0 auto 30px;text-align:center}.register-form .address-grid{grid-gap:10px;display:grid;grid-template-areas:"street number" "postal commune" "country country";grid-template-columns:3fr 1fr;grid-template-rows:auto auto;margin-bottom:15px}.register-form .street{grid-area:street}.register-form .number{grid-area:number}.register-form .postal{grid-area:postal}.register-form .commune{grid-area:commune}.register-form .academic-grid{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px}.register-form .subject-selection-container{background-color:#fff;border:1px solid #e8e8e8;border-radius:5px;margin-bottom:20px;padding:15px}.register-form .selection-row{display:flex;gap:15px;margin-bottom:15px}.register-form .selection-column{display:flex;flex:1 1;flex-direction:column}.register-form .submit-button{background-color:#5b9bd5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px;transition:background-color .3s;width:100%}.register-form .submit-button:hover{background-color:#4a8ac4}.register-form .submit-button:disabled{background-color:#ccc;cursor:not-allowed}.register-form .form-group{margin-bottom:15px}.selected-subjects-container{display:flex;flex-direction:column;gap:15px;margin-top:15px;min-height:50px;padding:10px}.no-subjects-message{color:#666;font-style:italic;margin:0;padding:5px;text-align:center;width:100%}.subject-category-group{margin-bottom:15px;width:100%}.subject-category-header{background-color:#f1f1f1;border-radius:20px;color:#333;display:inline-block;font-weight:700;margin-bottom:10px;padding:8px 15px}.subject-list{display:flex;flex-wrap:wrap;gap:10px;margin:5px 0 15px}.subject-tag{align-items:center;background-color:#e3f2fd;border-radius:20px;color:#0d47a1;display:flex;font-size:.9rem;padding:6px 15px;position:relative}.subject-tag:hover{background-color:#bbdefb}.remove-subject-btn{align-items:center;background:none;border:none;color:#f44336;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;justify-content:center;line-height:1;padding:0 0 0 8px;transition:all .2s ease}.remove-subject-btn:hover{color:#d32f2f;transform:scale(1.2)}.register-form .availability-section{background-color:#fff;border:1px solid #eee;border-radius:5px;margin-bottom:30px;margin-top:30px;overflow:visible;padding:20px}.register-form .availability-section .availability-calendar td{height:auto!important;line-height:1.1!important;min-height:40px!important;padding:5px 6px!important;vertical-align:middle!important}.register-form .availability-section .availability-calendar th{line-height:1.4!important;padding:12px 8px!important}.register-form .availability-section .checkmark{display:inline-block!important;height:22px!important;min-height:22px!important;min-width:22px!important;width:22px!important}.register-form .availability-section .checkbox-container{align-items:center!important;display:inline-flex!important;justify-content:center!important;padding:2px!important}.register-form .availability-section .availability-calendar{border-collapse:initial!important;border-spacing:0!important;width:100%!important}.register-form .availability-section .availability-calendar tbody tr{min-height:40px!important}.pricing-container{background-color:#fff;border-left:4px solid #5b9bd5;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.price-input-container{margin:0 auto 10px;max-width:200px;position:relative}.price-input-container .input-field{color:#2c3e50;font-size:18px;font-weight:600;height:46px;padding-right:60px;text-align:right}.price-symbol{color:#7f8c8d;font-size:16px;font-weight:600;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.field-info-container{margin-top:30px;text-align:center}.field-info{color:#7f8c8d;display:block;font-size:.9rem;font-style:italic;margin-top:5px}.register-form .info-icon-wrapper{margin-left:6px}.register-form .info-icon-wrapper .tooltip{padding:8px 12px}@media (max-width:768px){.register-form{padding:20px}.register-form .address-grid{grid-template-areas:"street" "number" "postal" "commune";grid-template-columns:1fr}.register-form .academic-grid{grid-template-columns:1fr}.selection-row{flex-direction:column;gap:10px}.selection-column{width:100%}.info-tooltip{width:220px}}.country-section{display:flex;flex-direction:column;gap:8px}.country-select{font-size:1em;padding:10px}.country-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:8px;padding:12px}.notice-text{color:#856404;font-size:.9em;line-height:1.4;margin:0}.required-field{color:#e74c3c}@media (max-width:768px){.address-row{grid-template-columns:1fr}}.payment-methods-section{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-left:4px solid #007bff}.payment-motivation-card.error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:4px solid #e53e3e}.payment-motivation-card.warning{background:linear-gradient(135deg,#fffaf0,#feebc8);border-left:4px solid #dd6b20}.payment-motivation-card.success{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-left:4px solid #38a169}.motivation-content{flex:1 1}.motivation-content h4{font-size:1.1em;font-weight:600;margin:0 0 8px}.motivation-content p{color:#4a5568;line-height:1.4;margin:0}.preview-label{color:#2d3748;font-size:.9em;font-weight:500}.methods-badges{display:flex;flex-direction:column;gap:4px}.method-badge{background:#fff;border:1px solid #e2e8f0;border-radius:16px;font-size:.8em;font-weight:500;padding:4px 8px;text-align:center}.payment-status-footer{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.payment-status{font-weight:500;margin:0}.payment-status.valid{color:#38a169}.payment-status.invalid{color:#e53e3e}@media (max-width:768px){.payment-motivation-card{flex-direction:column;gap:16px}.configured-methods-preview{min-width:0;min-width:auto;width:100%}.methods-badges{flex-direction:row;flex-wrap:wrap}}.payment-intro{margin-bottom:32px}.payment-info{border-left:4px solid;border-radius:12px;font-weight:600;margin:0;overflow:hidden;padding:20px 24px;position:relative}.payment-info:before{content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.payment-info.required{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#dc2626;color:#b91c1c}.payment-info.required:before{background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626)}.payment-info.optional{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left-color:#3b82f6;color:#1e40af}.payment-info.optional:before{background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6)}.payment-status-success{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e;border-radius:12px;box-shadow:0 4px 12px #22c55e26;color:#166534;display:flex;font-weight:700;gap:12px;margin-top:24px;padding:20px 24px}.required-field{color:#dc2626;font-size:1.1em;font-weight:800;margin-left:6px}.login-page-wrapper{min-height:100vh}.login-container,.login-page-wrapper{background:linear-gradient(135deg,#f0f4f8,#e8eff5 50%,#d9e7ef);background-attachment:fixed}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:85vh;padding:40px 20px}.login-form-wrapper{animation:fadeInUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:4px 4px 12px #a3b1c666,-1px -1px 3px #ffffff1a;margin:0 auto;max-width:450px;padding:40px;transition:all .3s ease;width:100%}.login-form-wrapper:hover{box-shadow:6px 6px 16px #a3b1c680,-1px -1px 3px #ffffff1f}.login-title{color:#2c3e50;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:30px;padding-bottom:15px;position:relative;text-align:center}.login-title:after{background:linear-gradient(135deg,#5b9bd5,#4a8ac4);border-radius:3px;bottom:0;box-shadow:0 2px 4px #5b9bd54d;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.form-group,.login-form{width:100%}.form-label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background:#f4f6f9;border:none;border-radius:10px;box-shadow:inset 2px 2px 6px #a3b1c64d,inset -1px -1px 2px #ffffff1f;box-sizing:border-box;color:#2c3e50;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;box-shadow:inset 3px 3px 8px #a3b1c666,inset -1px -1px 2px #fff3,0 0 0 3px #5b9bd526;outline:none;transform:translateY(-1px)}.form-input:hover:not(:focus){background:#fff;box-shadow:inset 2px 2px 6px #a3b1c640,inset -1px -1px 2px #ffffff26}.login-button{background:#5b9bd5;border:none;border-radius:12px;border-top:1px solid #ffffff14;box-shadow:3px 3px 8px #5b9bd54d,-1px -1px 2px #ffffff1a;cursor:pointer;display:block;font-size:16px;font-weight:600;letter-spacing:.5px;margin:15px auto 0;max-width:350px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:before{left:100%}.login-button:hover{background:#4a8ac4;box-shadow:5px 5px 12px #5b9bd566,-1px -1px 2px #ffffff26;transform:translateY(-1px)}.login-button:active{box-shadow:inset 2px 2px 6px #00000040,inset -1px -1px 2px #ffffff0f;transform:translateY(0)}.login-button:disabled{background:#95a5a6;box-shadow:2px 2px 6px #7f8c8d40,-1px -1px 2px #ffffff1a;cursor:not-allowed;opacity:.6;transform:none}.forgot-password-wrapper{margin-top:25px;text-align:center}.forgot-button{background:#fff;border:none;border-radius:8px;box-shadow:2px 2px 6px #a3b1c640,-1px -1px 2px #ffffff1a;color:#5b9bd5;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .3s ease}.forgot-button:hover{background:#5b9bd5;box-shadow:3px 3px 8px #5b9bd559,-1px -1px 2px #ffffff1f;color:#fff;transform:translateY(-1px)}.forgot-password-container{background:#f8fafb;border:none;border-radius:12px;box-shadow:inset 2px 2px 6px #a3b1c633,inset -1px -1px 2px #ffffff80;margin-top:25px;padding:20px}.forgot-password-container h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.forgot-password-input{background:#fff;border:none;border-radius:10px;box-shadow:inset 2px 2px 6px #a3b1c64d,inset -1px -1px 2px #ffffff1f;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:12px 16px;transition:all .3s ease;width:100%}.forgot-password-input:focus{box-shadow:inset 3px 3px 8px #a3b1c666,inset -1px -1px 2px #fff3,0 0 0 3px #5b9bd526;outline:none}.forgot-password-input:disabled{background:#e8eef2;cursor:not-allowed;opacity:.7}.forgot-password-submit{background:#5b9bd5;border:none;border-radius:10px;box-shadow:3px 3px 8px #5b9bd54d,-1px -1px 2px #ffffff1a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.forgot-password-submit:hover:not(:disabled){background:#4a8ac4;box-shadow:5px 5px 12px #5b9bd566,-1px -1px 2px #ffffff26;transform:translateY(-1px)}.forgot-password-submit:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.forgot-password-message{border-radius:10px;box-shadow:2px 2px 6px #0000001a,-1px -1px 2px #ffffff4d;font-weight:500;margin-top:15px;padding:12px 16px}.forgot-password-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.forgot-password-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.rejected-user-section{background:#fff8e1;border:none;border-left:4px solid #ff9800;border-radius:14px;box-shadow:3px 3px 10px #ff980033,-1px -1px 2px #ffffff4d;margin-top:25px;padding:25px;text-align:center}.rejected-user-content{margin:0 auto;max-width:100%}.rejected-user-title{color:#f57c00;font-size:20px;font-weight:700;margin-bottom:15px}.rejected-user-message{color:#2c3e50;font-size:15px;line-height:1.6;margin-bottom:20px}.rejection-reason-box{background:#ffebee;border:none;border-left:3px solid #f44336;border-radius:10px;box-shadow:inset 2px 2px 6px #f4433626,inset -1px -1px 2px #ffffff4d;margin-bottom:20px;padding:16px;text-align:left}.rejection-reason-box strong{color:#d32f2f;display:block;font-weight:700;margin-bottom:8px}.rejection-reason-box p{color:#2c3e50;line-height:1.5;margin:0}.rejected-user-actions{margin-top:25px}.rejected-user-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.contact-support-button,.reapply-button{border-radius:10px;box-shadow:3px 3px 8px #0003,-1px -1px 2px #ffffff1a;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.reapply-button{background:#5b9bd5;border-top:1px solid #ffffff14}.reapply-button:hover{background:#4a8ac4;box-shadow:5px 5px 12px #5b9bd566,-1px -1px 2px #ffffff26;transform:translateY(-1px)}.contact-support-button{background:#2196f3;border-top:1px solid #ffffff14}.contact-support-button:hover{background:#1976d2;box-shadow:5px 5px 12px #2196f366,-1px -1px 2px #ffffff26;transform:translateY(-1px)}.back-to-login-button{background:#0000;border:none;border-radius:8px;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .3s ease}.back-to-login-button:hover{background:#fff;box-shadow:2px 2px 6px #a3b1c640,-1px -1px 2px #ffffff1a;color:#2c3e50}@media (max-width:480px){.login-container{min-height:80vh;padding:20px 15px}.login-form-wrapper{border-radius:14px;margin:0;padding:30px 20px}.login-title{font-size:24px}.rejected-user-buttons{align-items:center;flex-direction:column}.contact-support-button,.reapply-button{max-width:250px;width:100%}.forgot-password-container{margin-top:20px;padding:15px}.forgot-password-input,.forgot-password-submit,.form-input,.login-button{font-size:15px}}.teacher-profile-form{background-color:#fff;border-radius:10px;box-shadow:0 3px 20px #0000001a;margin:0 auto;max-width:850px;padding:35px 50px;width:98%}.teacher-profile-form .form-section{margin-bottom:25px;padding-bottom:10px}.teacher-profile-form h3{border:none!important;color:#2c3e50!important;display:block!important;font-size:1.4rem!important;margin-bottom:20px!important;margin-top:0!important;padding-bottom:10px!important;position:relative!important;text-align:center!important;width:100%!important}.teacher-profile-form h3:after{background-color:#4a90a4!important;bottom:-2px!important;content:""!important;height:2px!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important;width:50px!important}.teacher-profile-form .availability-section-wrapper,.teacher-profile-form .coordinates-section,.teacher-profile-form .payment-methods-section,.teacher-profile-form .pricing-section,.teacher-profile-form .professional-info-section,.teacher-profile-form .subjects-section{border-left:4px solid #4a90a4;border-radius:8px;margin-bottom:25px;padding:20px}.teacher-profile-form .message{align-items:center;border-radius:5px;display:flex;margin-bottom:15px;padding:15px}.teacher-profile-form .message:before{font-size:1.2rem;margin-right:10px}.teacher-profile-form .message.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.teacher-profile-form .message.success:before{color:#28a745;content:"✓"}.teacher-profile-form .message.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.teacher-profile-form .message.error:before{color:#dc3545;content:"✗"}.teacher-profile-form .form-group{margin-bottom:20px}.teacher-profile-form label{color:#34495e;display:block;font-size:.95rem;font-weight:600;margin-bottom:5px}.teacher-profile-form .input-field{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:block;font-size:14px;height:38px;line-height:1.5;margin-bottom:10px;padding:8px 12px;transition:all .3s;width:100%}.teacher-profile-form select.input-field{height:auto;line-height:1.5;min-height:46px;padding:10px 12px}.teacher-profile-form .input-field:invalid,.teacher-profile-form .input-field:placeholder-shown,.teacher-profile-form .input-field[value=""]{background-color:#f8f9fa}.teacher-profile-form .input-field:not(:placeholder-shown),.teacher-profile-form .input-field:valid{background-color:#fff}.teacher-profile-form .input-field:focus{background-color:#fff;border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a433;outline:none}.teacher-profile-form .input-field:hover:not(:focus){border-color:#bdc3c7}.teacher-profile-form 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='%23333' 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;padding-right:35px}.teacher-profile-form select.input-field option{line-height:1.6;min-height:32px;padding:8px 12px}.teacher-profile-form textarea.input-field{height:auto;line-height:1.5;min-height:80px}.teacher-profile-form .submit-button{align-items:center;background-color:#4a90a4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.5px;margin:40px auto 10px;min-width:220px;padding:14px 28px;transition:all .3s}.teacher-profile-form .submit-button:hover{background-color:#3a7385;box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.teacher-profile-form .submit-button:active{box-shadow:0 2px 5px #0000001a;transform:translateY(0)}.teacher-profile-form .submit-button:disabled{background-color:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.8;transform:none}.teacher-profile-form .address-grid{grid-gap:18px;display:grid;grid-template-areas:"street number postal commune";grid-template-columns:2fr 1fr 1fr 2fr;grid-template-rows:auto;margin-bottom:15px}.teacher-profile-form .street{grid-area:street}.teacher-profile-form .number{grid-area:number}.teacher-profile-form .postal{grid-area:postal}.teacher-profile-form .commune{grid-area:commune}.teacher-profile-form .commune .input-field,.teacher-profile-form .number .input-field,.teacher-profile-form .postal .input-field,.teacher-profile-form .street .input-field{margin-bottom:0}.teacher-profile-form .academic-grid{grid-gap:22px;display:grid;grid-template-columns:repeat(3,1fr)}.teacher-profile-form .subjects-list-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.teacher-profile-form .category-group{display:flex;flex-direction:column;gap:10px}.teacher-profile-form .category-header-neomorph{background:linear-gradient(145deg,#e8f3f9,#fff);border-radius:8px;box-shadow:4px 4px 8px #0000000f,-4px -4px 8px #fffc;padding:8px 14px;transition:all .2s ease}.teacher-profile-form .category-header-neomorph h4{color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.teacher-profile-form .category-subjects-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);padding-left:0}.teacher-profile-form .subject-card-neomorph{align-items:center;background:linear-gradient(145deg,#f0f7fb,#fff);border-radius:8px;box-shadow:4px 4px 8px #5b9bd514,-4px -4px 8px #ffffffe6;cursor:default;display:flex;flex-direction:column;gap:6px;margin-bottom:10px;min-width:0;overflow:hidden;padding:12px 22px;position:relative;text-align:center;transition:all .2s ease;width:100%}.teacher-profile-form .subject-card-neomorph:hover{box-shadow:6px 6px 12px #5b9bd51f,-6px -6px 12px #fff;transform:translateY(-2px)}.teacher-profile-form .subject-card-content{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.teacher-profile-form .subject-name-with-remove{align-items:center;display:flex;gap:15px;justify-content:center}.teacher-profile-form .subject-name-neomorph{color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.2px;line-height:1.2;white-space:nowrap}.teacher-profile-form .remove-subject-inline{background:none!important;border:none;box-shadow:none;color:#e74c3c;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:700;line-height:1;margin:0;outline:none;padding:0;transition:all .15s ease}.teacher-profile-form .remove-subject-inline:hover{transform:scale(1.4)}.teacher-profile-form .remove-subject-inline:active{transform:scale(.95)}.teacher-profile-form .subject-rating-neomorph{align-items:center;display:flex;gap:5px;justify-content:center}.teacher-profile-form .stars-container-neomorph{display:flex;gap:1px}.teacher-profile-form .stars-container-neomorph .star{display:inline-block;font-size:12px;transition:all .2s ease}.teacher-profile-form .stars-container-neomorph .star.filled{color:#f59e0b}.teacher-profile-form .rating-text-neomorph{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.1px;white-space:nowrap}.teacher-profile-form .subjects-list-container::-webkit-scrollbar{width:8px}.teacher-profile-form .subjects-list-container::-webkit-scrollbar-track{background:#f0f7fb;border-radius:4px}.teacher-profile-form .subjects-list-container::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#5b9bd5,#4a8ac4);border-radius:4px}.teacher-profile-form .subjects-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#4a8ac4,#3a7ab4)}.teacher-profile-form .profile-image-container{display:flex;justify-content:center;margin-bottom:30px}.teacher-profile-form .price-input-container{align-items:center;display:flex;position:relative}.teacher-profile-form .price-input-container .input-field{padding-right:60px}.teacher-profile-form .price-symbol{color:#7f8c8d;font-weight:600;pointer-events:none;position:absolute;right:12px}.teacher-profile-form .field-info-container{margin-top:5px;text-align:center}.teacher-profile-form .field-info{color:#7f8c8d;display:block;font-size:.85rem}.teacher-profile-form .info-tooltip-trigger{align-items:center;cursor:help;display:inline-flex;margin-left:5px;position:relative}.teacher-profile-form .info-icon{align-items:center;background-color:#4a90a4;border-radius:50%;color:#fff;display:inline-flex;font-size:11px;font-style:normal;font-weight:700;height:16px;justify-content:center;width:16px}.teacher-profile-form .info-tooltip{background-color:#345;border-radius:6px;bottom:125%;box-shadow:0 4px 12px #0003;color:#fff;font-size:.8rem;left:50%;max-width:280px;opacity:0;padding:10px 12px;position:absolute;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;width:min(280px,90vw);z-index:100}.teacher-profile-form .info-tooltip:after{border:6px solid #0000;border-top-color:#345;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.teacher-profile-form .info-tooltip p{line-height:1.4;margin:0 0 5px}.teacher-profile-form .info-tooltip-trigger.active .info-tooltip,.teacher-profile-form .info-tooltip-trigger:focus .info-tooltip,.teacher-profile-form .info-tooltip-trigger:hover .info-tooltip{opacity:1;visibility:visible}.teacher-profile-form .availability-section-wrapper{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:25px;overflow-x:auto;padding:20px}.teacher-profile-form .availability-section-wrapper .availability-calendar{border-collapse:initial!important;border-spacing:0!important;width:100%!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:first-child,.teacher-profile-form .availability-section-wrapper .availability-calendar th:first-child{font-size:.85rem!important;min-width:75px!important;padding:8px 6px!important;width:75px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(2),.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(2){font-size:.82rem!important;left:75px!important;min-width:95px!important;padding:8px 6px!important;width:95px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(n+3){font-size:.88rem!important;max-width:110px!important;min-width:85px!important;padding:10px 5px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(n+3){max-width:110px!important;min-width:85px!important;padding:5px 4px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td{height:auto!important;line-height:1.1!important;min-height:40px!important;vertical-align:middle!important}.teacher-profile-form .availability-section-wrapper .availability-calendar th{line-height:1.3!important}.teacher-profile-form .availability-section-wrapper .checkmark{display:inline-block!important;height:22px!important;min-height:22px!important;min-width:22px!important;width:22px!important}.teacher-profile-form .availability-section-wrapper .checkbox-container{align-items:center!important;background:#0000!important;display:inline-flex!important;justify-content:center!important;padding:2px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar tbody tr{min-height:40px!important}.teacher-profile-form .availability-section-wrapper::-webkit-scrollbar{height:8px}.teacher-profile-form .availability-section-wrapper::-webkit-scrollbar-track{background:#4a90a40d;border-radius:4px}.teacher-profile-form .availability-section-wrapper::-webkit-scrollbar-thumb{background:#4a90a4;border-radius:4px}.teacher-profile-form .availability-section-wrapper::-webkit-scrollbar-thumb:hover{background:#3a7385}.required-field{color:#e32;font-weight:700;margin-left:3px}@media (min-width:1600px){.teacher-profile-form{padding:40px 60px;width:95%}.teacher-profile-form .category-subjects-list{grid-template-columns:repeat(6,1fr)}}@media (min-width:1400px) and (max-width:1599px){.teacher-profile-form{padding:38px 55px;width:96%}.teacher-profile-form .category-subjects-list{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px) and (max-width:1399px){.teacher-profile-form{padding:30px 40px;width:95%}.teacher-profile-form .category-subjects-list{grid-template-columns:repeat(4,1fr)}.teacher-profile-form .availability-section-wrapper .availability-calendar td:first-child,.teacher-profile-form .availability-section-wrapper .availability-calendar th:first-child{font-size:.8rem!important;min-width:70px!important;width:70px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(2),.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(2){font-size:.78rem!important;left:70px!important;min-width:90px!important;width:90px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(n+3){font-size:.85rem!important;max-width:100px!important;min-width:80px!important;padding:8px 4px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(n+3){max-width:100px!important;min-width:80px!important}}@media (max-width:1024px){.teacher-profile-form{padding:25px 30px;width:96%}.teacher-profile-form .address-grid{grid-template-areas:"street number" "postal commune";grid-template-columns:3fr 1fr;grid-template-rows:auto auto}.teacher-profile-form .academic-grid{grid-template-columns:repeat(2,1fr)}.teacher-profile-form .category-subjects-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.teacher-profile-form{border-radius:8px;padding:20px 25px;width:100%}.teacher-profile-form .address-grid{grid-template-areas:"street" "number" "postal" "commune";grid-template-columns:1fr}.teacher-profile-form .academic-grid{grid-template-columns:1fr}.teacher-profile-form .category-subjects-list{display:flex;flex-wrap:wrap;gap:10px}.teacher-profile-form .subject-card-neomorph{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;min-width:140px;padding:10px 20px}.teacher-profile-form .subject-name-neomorph{font-size:12px}.teacher-profile-form .stars-container-neomorph .star{font-size:11px}.teacher-profile-form .rating-text-neomorph{font-size:10px}.teacher-profile-form .availability-section-wrapper{border-radius:0;margin-left:-10px;margin-right:-10px;padding:15px}.teacher-profile-form .availability-section-wrapper .availability-calendar td:first-child,.teacher-profile-form .availability-section-wrapper .availability-calendar th:first-child{font-size:.75rem!important;min-width:65px!important;padding:6px 4px!important;width:65px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(2),.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(2){font-size:.74rem!important;left:65px!important;min-width:85px!important;padding:6px 4px!important;width:85px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(n+3){font-size:.8rem!important;max-width:90px!important;min-width:75px!important;padding:8px 3px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(n+3){max-width:90px!important;min-width:75px!important;padding:4px 3px!important}.teacher-profile-form .availability-section-wrapper .checkmark{height:20px!important;min-height:20px!important;min-width:20px!important;width:20px!important}.teacher-profile-form .info-tooltip{width:220px}}@media (max-width:600px){.teacher-profile-form{border-radius:0;margin:0;padding:20px;width:100%}}@media (max-width:480px){.teacher-profile-form{padding:15px}.teacher-profile-form .category-subjects-list{grid-template-columns:1fr}.teacher-profile-form .subject-card-neomorph{flex:1 1 100%;padding:10px 20px}.teacher-profile-form .subjects-list-container{gap:14px}.teacher-profile-form .category-header-neomorph{padding:7px 10px}.teacher-profile-form .category-header-neomorph h4{font-size:11px}.teacher-profile-form .subject-name-neomorph{font-size:12px}.teacher-profile-form .stars-container-neomorph .star{font-size:11px}.teacher-profile-form .rating-text-neomorph{font-size:10px}.teacher-profile-form .availability-section-wrapper{margin-left:-15px;margin-right:-15px;padding:10px}.teacher-profile-form .availability-section-wrapper .availability-calendar td:first-child,.teacher-profile-form .availability-section-wrapper .availability-calendar th:first-child{font-size:.7rem!important;min-width:60px!important;width:60px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(2),.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(2){font-size:.7rem!important;left:60px!important;min-width:80px!important;width:80px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar th:nth-child(n+3){font-size:.75rem!important;max-width:85px!important;min-width:70px!important;padding:6px 2px!important}.teacher-profile-form .availability-section-wrapper .availability-calendar td:nth-child(n+3){max-width:85px!important;min-width:70px!important;padding:3px 2px!important}.teacher-profile-form .availability-section-wrapper .checkmark{height:18px!important;min-height:18px!important;min-width:18px!important;width:18px!important}}.student-profile-form{background-color:#fff;border-radius:10px;box-shadow:0 3px 20px #0000001a;margin:0 auto;max-width:850px;padding:35px 50px;width:98%}.student-profile-form .form-section{margin-bottom:25px;padding-bottom:10px}.student-profile-form h3{border:none!important;color:#2c3e50!important;display:block!important;font-size:1.4rem!important;margin-bottom:20px!important;margin-top:0!important;padding-bottom:10px!important;position:relative!important;text-align:center!important;width:100%!important}.student-profile-form h3:after{background-color:#4a90a4!important;bottom:-2px!important;content:""!important;height:2px!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important;width:50px!important}.student-profile-form .coordinates-section,.student-profile-form .school-info-section{border-left:4px solid #4a90a4;border-radius:8px;margin-bottom:25px;padding:20px}.student-profile-form .message{align-items:center;border-radius:5px;display:flex;margin-bottom:15px;padding:15px}.student-profile-form .message:before{font-size:1.2rem;margin-right:10px}.student-profile-form .message.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.student-profile-form .message.success:before{color:#28a745;content:"✔"}.student-profile-form .message.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.student-profile-form .message.error:before{color:#dc3545;content:"✗"}.student-profile-form .form-group{margin-bottom:20px}.student-profile-form label{color:#34495e;display:block;font-size:.95rem;font-weight:600;margin-bottom:5px}.student-profile-form .field-hint{color:#7f8c8d;display:block;font-size:.85rem;font-style:italic;margin-top:5px}.student-profile-form .input-field{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;display:block;font-size:14px;height:38px;line-height:1.5;margin-bottom:10px;padding:8px 12px;transition:all .3s;width:100%}.student-profile-form select.input-field{height:auto;line-height:1.5;min-height:46px;padding:10px 12px}.student-profile-form .input-field:invalid,.student-profile-form .input-field:placeholder-shown,.student-profile-form .input-field[value=""]{background-color:#f8f9fa}.student-profile-form .input-field:not(:placeholder-shown),.student-profile-form .input-field:valid{background-color:#fff}.student-profile-form .input-field:focus{background-color:#fff;border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a433;outline:none}.student-profile-form .input-field:hover:not(:focus){border-color:#bdc3c7}.student-profile-form .input-field[readonly]{background-color:#eaecef;border:1px solid #ced4da;color:#6c757d;cursor:not-allowed}.student-profile-form 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='%23333' 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;padding-right:35px}.student-profile-form select.input-field option{line-height:1.6;min-height:32px;padding:8px 12px}.student-profile-form textarea.input-field{height:auto;line-height:1.5;min-height:80px}.student-profile-form .submit-button{align-items:center;background-color:#4a90a4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.5px;margin:40px auto 10px;min-width:220px;padding:14px 28px;transition:all .3s}.student-profile-form .submit-button:hover{background-color:#3a7385;box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.student-profile-form .submit-button:active{box-shadow:0 2px 5px #0000001a;transform:translateY(0)}.student-profile-form .submit-button:disabled{background-color:#95a5a6;box-shadow:none;cursor:not-allowed;opacity:.8;transform:none}.student-profile-form .profile-image-container{display:flex;justify-content:center;margin-bottom:30px}.student-profile-form .address-grid{grid-gap:18px;display:grid;grid-template-areas:"street number postal commune";grid-template-columns:2fr 1fr 1fr 2fr;grid-template-rows:auto;margin-bottom:15px}.student-profile-form .street{grid-area:street}.student-profile-form .number{grid-area:number}.student-profile-form .postal{grid-area:postal}.student-profile-form .commune{grid-area:commune}.student-profile-form .commune .input-field,.student-profile-form .number .input-field,.student-profile-form .postal .input-field,.student-profile-form .street .input-field{margin-bottom:0}.student-profile-form .academic-grid{grid-gap:18px;display:grid;grid-template-columns:repeat(2,1fr)}.student-profile-form .country-section{display:flex;flex-direction:column;gap:8px}.student-profile-form .country-select{font-size:1em;padding:10px}.student-profile-form .country-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:8px;padding:12px}.student-profile-form .notice-text{color:#856404;font-size:.9em;line-height:1.4;margin:0}.student-profile-form .loading-image-placeholder{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;height:150px;justify-content:center;margin:0 auto;width:150px}.student-profile-form .loading-spinner-small{animation:student-form-spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#4a90a4;height:30px;width:30px}@keyframes student-form-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-profile-form .required-field{color:#e32;font-weight:700;margin-left:3px}@media (max-width:1024px){.student-profile-form{padding:25px 30px;width:96%}.student-profile-form .address-grid{grid-template-areas:"street number" "postal commune";grid-template-columns:3fr 1fr;grid-template-rows:auto auto}}@media (max-width:768px){.student-profile-form{border-radius:8px;padding:20px 25px;width:100%}.student-profile-form .address-grid{grid-template-areas:"street" "number" "postal" "commune";grid-template-columns:1fr}.student-profile-form .academic-grid{grid-template-columns:1fr}}@media (max-width:600px){.student-profile-form{border-radius:0;margin:0;padding:20px;width:100%}}@media (max-width:480px){.student-profile-form{padding:15px}}.subscription-manager{background-color:#fafbfc;border-radius:12px;box-shadow:0 10px 20px #0000001a,0 4px 10px #00000012;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;gap:25px;min-height:100vh;padding:50px}.subscription-manager,.subscription-manager .loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.subscription-manager .loading{animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;color:#333;font-size:1rem;margin:20px 0;min-height:400px;padding:40px;text-align:center}.subscription-manager .loading:before{animation:spin 1s ease-in-out infinite;border:5px solid #4a90a433;border-radius:50%;border-top-color:#4a90a4;box-shadow:0 4px 8px #4a90a426;content:"";height:50px;margin-bottom:20px;width:50px}.available-plans-section,.current-subscription-section,.subscription-history-section{width:100%}.current-subscription-section,.subscription-info-section{margin:0 auto;max-width:900px;width:100%}.available-plans-section h3,.current-subscription-section h3,.subscription-history-section h3{color:#2c3e50;font-size:1.8em;font-weight:700;margin:0 0 30px;padding-bottom:15px;position:relative;text-align:center}.available-plans-section h3:after,.current-subscription-section h3:after,.subscription-history-section h3:after{background:linear-gradient(135deg,#4a90a4,#3a7385);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.plan-change-info{background:linear-gradient(135deg,#e8f4f7,#d4ebf1);border:1px solid #4a90a4;border-radius:12px;box-shadow:0 2px 10px #4a90a41a;margin:0 auto 40px;max-width:800px;padding:24px;transition:all .3s ease}.plan-change-info .info-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.plan-change-info .info-icon{background:#0000;border-radius:8px;color:#4a90a4;flex-shrink:0;font-size:1.4em;padding:8px}.plan-change-info h4{color:#1e293b;font-size:1.1em;font-weight:600;margin:0}.plan-change-info ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.plan-change-info li{align-items:flex-start;color:#475569;display:flex;font-size:.95em;line-height:1.6;padding-left:20px;position:relative}.plan-change-info li:before{color:#4a90a4;content:"•";font-weight:700;left:0;position:absolute;top:2px}.current-subscription-card,.no-subscription-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 20px #00000014;margin:0 auto;max-width:800px;overflow:hidden;transition:all .3s ease}.current-subscription-card,.no-subscription-card{border-left:5px solid #4a90a4}.current-subscription-card:hover,.no-subscription-card:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-2px)}.subscription-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;padding:30px 30px 20px}.subscription-info h4{color:#2c3e50;font-size:1.5em;font-weight:700;margin:0 0 10px}.subscription-type{color:#6c757d;font-size:.95em;font-weight:600;letter-spacing:1px;margin:0 0 6px;text-transform:uppercase}.subscription-price{color:#4a90a4;font-size:1.4em;font-weight:800;margin:0}.subscription-details{border-top:1px solid #e9ecef;padding:25px 30px}.detail-row{border-bottom:1px dotted #dee2e6;justify-content:space-between;margin-bottom:15px;padding:10px 0}.detail-row:last-child{border-bottom:none;margin-bottom:0}.detail-row .label{color:#6c757d;font-size:.95em}.detail-row .value{color:#2c3e50;font-size:1em;font-weight:700}.subscription-features{border-top:2px solid #e9ecef;margin-top:20px;padding-top:20px}.subscription-features .label{color:#2c3e50;display:block;font-size:1.1em;font-weight:700;margin-bottom:12px}.subscription-features ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.subscription-features li{align-items:center;color:#4a90a4;display:flex;font-size:1.1em;font-weight:500;justify-content:flex-start;padding:8px 0;text-align:left}.subscription-features li:before{color:#4a90a4;content:"✓";font-size:1.2em;font-weight:700;margin-right:10px}.subscription-actions{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #e9ecef;padding:20px 30px;text-align:center}.no-subscription-content{padding:50px 30px;text-align:center}.no-subscription-content h4{color:#2c3e50;font-size:1.4em;margin-bottom:15px}.no-subscription-content p{color:#6c757d;font-size:1.1em;line-height:1.6;margin-bottom:20px}.arrow-down{animation:bounce 2s infinite;display:inline-block;font-size:2em}.plan-card{background:#fff}.plan-card.current-plan{background-color:#e8f4f7;border:2px solid #4a90a4;opacity:.8}.plan-content{flex-grow:1;padding:24px}.plan-features li{align-items:center}.feature-check{margin-right:8px}.plan-actions{background:#f8f9fa;border-top:1px solid #f1f3f5;padding:20px 24px}.no-history,.no-plans-available{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:60px 20px;text-align:center}.no-history p,.no-plans-available p{color:#6c757d;font-size:1.1em;margin:0}.subscription-history-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin-top:1px;padding:0}.history-table{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 20px #00000014;margin:0 auto;max-width:1000px;overflow:hidden;width:100%}.history-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:.95em;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.history-header,.history-item{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 2fr 1fr 1fr;padding:20px 24px}.history-item{align-items:center;border-bottom:1px solid #f1f3f5;transition:background-color .2s ease}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:#f8f9fa}.history-plan{color:#2c3e50;font-size:1em;font-weight:600}.history-dates{color:#6c757d;font-size:.9em}.history-price{color:#4a90a4;font-size:1em;font-weight:700}.history-status{display:flex;justify-content:flex-end}.status-badge{border:1px solid #0000;border-radius:12px;display:inline-block;letter-spacing:.3px;transition:all .2s ease}.status-active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#059669}.status-cancelled{background:#fff!important;border:2px solid #dc3545!important;box-shadow:0 2px 8px #dc35454d!important;color:#dc3545!important;font-weight:800!important;letter-spacing:1px!important;text-transform:uppercase!important}.status-cancelled:before{content:"❌ "!important;font-weight:700!important}.status-expired{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fecaca;color:#dc2626}.status-pending{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#4b5563}.plan-select-btn{background:linear-gradient(135deg,#4a90a4,#3a7385);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;display:block;font-size:.95em;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.plan-select-btn:hover{background:linear-gradient(135deg,#3a7385,#2a5a6b);box-shadow:0 6px 20px #4a90a466;color:#fff;text-decoration:none;transform:translateY(-2px)}.plan-select-btn.selected{background:linear-gradient(135deg,#2a5a6b,#1a4a5b);box-shadow:0 6px 20px #4a90a44d;transform:translateY(-2px)}.plan-select-btn:disabled{background:#e0e0e0;box-shadow:none;color:#9e9e9e;cursor:not-allowed;transform:none}.btn-danger-outline{background:#0000;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:.95em;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-danger-outline:hover{background:#dc3545;box-shadow:0 6px 20px #dc354566;color:#fff;transform:translateY(-2px)}.btn-danger-outline:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:968px){.subscription-manager{gap:30px;padding:30px 15px}.plans-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-change-info{margin-bottom:30px;max-width:none}.current-subscription-card,.history-table,.no-subscription-card{max-width:none}.history-header,.history-item{gap:15px;grid-template-columns:1.5fr 1.5fr 1fr 1fr;padding:15px 20px}}@media (max-width:768px){.subscription-manager{gap:25px;padding:20px 15px}.plans-grid{gap:15px;grid-template-columns:1fr}.plan-change-info{padding:20px 16px}.plan-change-info .info-header{flex-direction:column;gap:8px;text-align:center}.current-subscription-card,.no-subscription-card{margin:0}.subscription-header{flex-direction:column;gap:20px;padding:25px 20px 15px;text-align:center}.subscription-details{padding:20px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px;text-align:left}.history-header{display:none}.history-item{gap:10px;grid-template-columns:1fr;padding:20px;text-align:left}.history-item>*{align-items:center;display:flex;justify-content:space-between}.history-item>:before{color:#6c757d;font-size:.9em;font-weight:600}.history-plan:before{content:"Plan: "}.history-dates:before{content:"Période: "}.history-price:before{content:"Prix: "}.history-status:before{content:"Statut: "}.history-status{justify-content:space-between}}@media (max-width:480px){.subscription-manager{gap:20px;padding:15px 10px}.available-plans-section h3,.current-subscription-section h3,.subscription-history-section h3{font-size:1.5em}.plan-change-info{padding:16px 12px}.subscription-header{padding:20px 15px 10px}.subscription-details{padding:15px}.subscription-price{font-size:1.2em}.plan-content{padding:20px 16px}.plan-actions{padding:16px}.plan-card h3{font-size:1.3em}.plan-price{font-size:1.8em}.btn-danger-outline,.plan-select-btn{margin:5px 0;padding:14px 20px;width:100%}.history-item{padding:15px}}.plan-card,.subscription-manager>*{animation:fadeIn .5s ease-out}.confirm-modal-overlay,.history-item{animation:fadeIn .3s ease-out}.confirm-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.confirm-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;overflow:hidden;width:90%}.confirm-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.confirm-modal-header h3{color:#2c3e50;font-size:1.3em;margin:0}.confirm-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;transition:all .2s;width:30px}.confirm-modal-close:hover{background:#ecf0f1!important;color:#2c3e50}.confirm-modal-body{padding:20px 24px}.confirm-modal-body p{color:#34495e;font-size:1.1em;line-height:1.5;margin:0}.confirm-modal-actions{display:flex;gap:12px;justify-content:center;padding:0 24px 24px}.btn-modal-cancel,.btn-modal-confirm{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:100px;padding:12px 24px;transition:all .3s ease}.btn-modal-cancel{background:#5b9bd5;color:#fff}.btn-modal-cancel:hover{background:#3a6ea5!important;box-shadow:0 4px 12px #3a6ea566;transform:translateY(-1px)}.btn-modal-confirm{background:#5ba88d;color:#fff}.btn-modal-confirm:hover{background:#437a65!important;box-shadow:0 4px 12px #5ba88d4d;transform:translateY(-1px)}.btn-modal-confirm.danger{background:#c0504d}.btn-modal-confirm.danger:hover{background:#9d3633!important;box-shadow:0 4px 12px #c0504d66;transform:translateY(-1px)}.btn-modal-confirm.success{background:#34c759}.btn-modal-confirm.success:hover{background:#28a745!important;box-shadow:0 4px 12px #34c7594d;transform:translateY(-1px)}.confirm-modal-body textarea{border:2px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:.95em;margin-top:10px;min-height:80px;padding:12px;resize:vertical;width:100%}.confirm-modal-body textarea:focus{border-color:#5b9bd5;outline:none}.confirm-modal-body label{color:#2c3e50;display:block;font-weight:500;margin-bottom:5px}.account-page-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.account-tabs{border-bottom:2px solid #e1e8ed;display:flex;gap:8px;margin-bottom:30px}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;display:flex;font-size:1em;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.tab-button:hover{background-color:#64748b14;color:#475569}.tab-button.active{background-color:#64748b1a;border-bottom-color:#64748b;color:#334155}.tab-button.active:hover{background-color:#64748b1f}.tab-icon{align-items:center;display:flex;justify-content:center}.tab-label{font-size:.95em}.payment-sub-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:4px;margin-bottom:25px}.sub-tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:.95em;padding:10px 16px;transition:all .2s ease}.sub-tab-button:hover{background-color:#64748b0f;color:#475569}.sub-tab-button.active{background-color:#64748b14;border-bottom-color:#64748b;color:#334155}.account-content{align-items:center;background-color:#fafbfc;border-radius:12px;box-shadow:0 10px 20px #00000014,0 4px 10px #0000000d;display:flex;flex-direction:column;gap:25px;justify-content:center;padding:50px}.account-info-section{background:none;border-radius:8px;padding:20px;width:50%!important}.account-info-section,.password-section,.profile-image-section{background:none;border-radius:8px;padding:20px;width:100%}.account-info-section h3,.password-section h3,.profile-image-section h3{align-items:center;color:#334155;display:flex;justify-content:center;margin-bottom:15px;margin-top:0;text-align:center}.info-card,.security-card{background:#0000;border:none;padding:15px;text-align:center}.info-card p{color:#475569;margin:8px 0}.btn-ghost:hover{background:#64748b1a;border-color:#94a3b8;color:#475569}.btn-ghost:active{background:#64748b26}.btn-ghost-danger{background:#0000;border:1.5px solid #fca5a5;color:#dc2626}.btn-ghost-danger:hover{background:#dc262614;border-color:#f87171;color:#b91c1c}.btn-ghost-danger:active{background:#dc26261f}.btn-ghost-success{background:#0000;border:1.5px solid #6ee7b7;color:#059669}.btn-ghost-success:hover{background:#05966914;border-color:#34d399;color:#047857}.btn-ghost-success:active{background:#0596691f}.security-buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.delete-button-wrapper{align-items:center;display:flex;gap:8px;position:relative}.info-icon-wrapper{align-items:center;cursor:help;display:inline-flex;position:relative}.info-icon{background:none;color:#94a3b8;transition:all .3s ease}.info-icon:hover{color:#64748b;transform:scale(1.1)}.info-icon-wrapper .tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fef3c7f2;border:1px solid #fcd34d80;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000001a;color:#92400e;font-size:.85em;left:50%;line-height:1.4;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%) translateY(-8px);transition:all .3s ease;visibility:hidden;width:280px;z-index:1000}.info-icon-wrapper .tooltip:after{border:8px solid #0000;border-top-color:#fcd34d80;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.info-icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.password-input-section{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:20px}.password-input{border:1.5px solid #cbd5e1;border-radius:6px;font-size:1em;max-width:300px;padding:12px 16px;transition:border-color .2s ease;width:100%}.password-input:focus{border-color:#94a3b8;outline:none}.error-message{font-size:.9em;margin-top:8px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:450px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.modal-header h3{align-items:center;color:#334155;display:flex;font-size:1.1em}.modal-body{color:#475569;line-height:1.6;padding:24px}.modal-body p{margin:8px 0}.modal-actions{background:#f8fafc;padding:16px 24px}.payments-tab-content{width:100%}.section-header{margin-bottom:24px;text-align:center}.section-header h3{align-items:center;color:#334155;display:flex;justify-content:center;margin-bottom:8px}.section-description{color:#64748b;font-size:.95em}.stripe-configuration-section{display:flex;justify-content:center;margin-bottom:24px}.payment-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:500px;padding:16px 20px}.payment-info-box h4{align-items:center;color:#334155;display:flex;font-size:.95em;justify-content:center;margin:0 0 12px}.payment-info-box ul{color:#64748b;margin:0;padding-left:20px}.payment-info-box li{font-size:.9em;margin:6px 0}@media (max-width:768px){.account-tabs{flex-wrap:wrap;gap:4px}.tab-button{font-size:.9em;padding:10px 14px}.tab-label{display:none}.tab-icon{font-size:1.2em}.account-content{padding:25px 15px}.security-buttons-container{flex-direction:column;gap:12px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{justify-content:center;width:100%}}.payment-history-manager{align-items:center;background-color:#fafbfc;border-radius:12px;box-shadow:0 10px 20px #00000014,0 4px 10px #0000000d;display:flex;flex-direction:column;gap:25px;justify-content:center;padding:50px}.transactions-table{background:#fff;border-collapse:collapse;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:0;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #e2e8f0;box-sizing:border-box;padding:14px 12px;text-align:left}.transactions-table th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#475569;font-size:.8em;font-weight:600;letter-spacing:.8px;padding:16px 14px;text-transform:uppercase}.th-icon{color:#94a3b8;margin-right:6px;opacity:.8;vertical-align:middle}.transactions-table tbody tr{transition:background-color .2s ease}.transactions-table tbody tr:hover{background-color:#f8fafc}.col-transaction{width:40%}.col-actions,.col-amount,.col-status{width:20%}.payment-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;margin-bottom:24px;max-width:100%;padding:24px 32px 24px 24px;width:100%}.filters-row{grid-gap:24px;align-items:end;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{flex-direction:column;gap:6px}.filter-group label{align-items:center;color:#475569;display:flex;font-size:.85em;font-weight:500;gap:6px}.filter-icon{color:#64748b}.modern-date-input,.modern-select{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#334155;font-size:.9em;height:42px;padding:10px 12px;transition:border-color .2s ease}.modern-date-input:focus,.modern-select:focus{border-color:#94a3b8;outline:none}.filter-actions{align-items:flex-end;display:flex}.btn{align-items:center;display:inline-flex;font-size:.9em;font-weight:500;gap:8px;padding:10px 18px}.btn-ghost{border:1.5px solid #cbd5e1;color:#64748b}.btn-ghost:hover:not(:disabled){background:#64748b1a;border-color:#94a3b8;color:#475569}.btn-ghost:active:not(:disabled){background:#64748b26}.btn-ghost:disabled{cursor:not-allowed;opacity:.5}.btn-ghost-sm{align-items:center;background:#0000;border:1.5px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.85em;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.btn-ghost-sm:hover:not(:disabled){background:#64748b1a;border-color:#94a3b8;color:#475569}.btn-ghost-sm.disabled,.btn-ghost-sm:disabled{cursor:not-allowed;opacity:.4}.reset-filters-btn{white-space:nowrap}.transaction-info{display:flex;flex-direction:column;gap:6px}.transaction-header{flex-wrap:wrap;gap:8px}.transaction-header,.type-icon{align-items:center;display:flex}.type-icon,.type-icon-svg{color:#64748b}.type-label{color:#334155;font-weight:600}.transaction-date{color:#94a3b8;font-size:.85em}.transaction-description{color:#64748b;font-size:.9em}.participant-info{align-items:center;color:#64748b;font-size:.85em;gap:6px}.participant-icon,.participant-label{color:#94a3b8}.participant-name{color:#475569;font-weight:500}.transaction-amount{display:flex;flex-direction:column;gap:4px}.amount{font-size:1.05em;font-weight:600}.amount.received{color:#059669}.amount.paid{color:#dc2626}.method-info{align-items:center;color:#94a3b8;display:flex;font-size:.8em;gap:4px}.transaction-status{display:flex;flex-direction:column;gap:8px}.status-badge{font-weight:500;padding:6px 10px}.status-label{line-height:1}.status-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.status-pending{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.status-cancelled,.status-failed{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.status-refunded{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.status-expired{background:#fef2f2;border:1px solid #e5e7eb;color:#9ca3af}.status-default{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.receipt-indicator{margin-top:4px}.receipt-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75em;gap:4px;padding:4px 8px}.receipt-badge.available{background:#ecfdf5;color:#059669}.receipt-badge.legacy{background:#f8fafc;color:#64748b}.receipt-badge.unavailable{background:#fef2f2;color:#dc2626}.transaction-actions{display:flex;gap:8px}.action-btn{padding:8px!important}.spinning{animation:spin 1s linear infinite}.loading{background:#fff;border-radius:12px;color:#64748b;gap:16px;padding:60px 20px;width:100%}.phm-btn-loading{opacity:.7;pointer-events:none}.payment-history-error{align-items:center;background:#fff;border-radius:12px;color:#dc2626;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;width:100%}.retry-btn{margin-top:8px}.no-transactions{align-items:center;background:#fff;border-radius:12px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center;width:100%}.no-transactions-icon{color:#cbd5e1;margin-bottom:16px}.no-transactions h4{color:#475569;margin:0 0 8px}.no-transactions p{font-size:.9em;margin:0}.payment-pagination{align-items:center;background:#fff;border-radius:12px;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:20px;width:100%}.pagination-info{color:#64748b;font-size:.9em}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background-color:#00000080;height:100%;width:100%}.transaction-details-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:85vh;max-width:550px;overflow-y:auto;width:90%}.transaction-details-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.transaction-details-modal .modal-header h3{align-items:center;color:#334155;display:flex;font-size:1.1em;gap:8px;margin:0}.modal-title-icon{color:#64748b}.close-btn{border-radius:50%!important;padding:6px!important}.transaction-details-modal .modal-content{padding:24px}.detail-section{margin-bottom:24px;width:100%}.detail-section:last-child{margin-bottom:0}.detail-section h4{align-items:center;border-bottom:1px solid #e2e8f0;color:#334155;display:flex;font-size:.95em;gap:6px;justify-content:center;margin:0 0 16px;padding-bottom:8px;text-align:center}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.detail-item{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.detail-label{color:#94a3b8;font-size:.8em;letter-spacing:.5px;text-transform:uppercase}.detail-value{align-items:center;color:#334155;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.transaction-id{color:#64748b;font-family:monospace;font-size:.85em;word-break:break-all}.transaction-description-full{color:#64748b;line-height:1.6;margin:0;text-align:center}.participant-details{align-items:center;display:flex;flex-direction:column;gap:8px}.participant-role{color:#475569;font-weight:500}.participant-email,.participant-role{align-items:center;display:flex;gap:6px;justify-content:center}.participant-email{color:#64748b;font-size:.9em}.receipt-available{align-items:center;color:#059669;display:inline-flex;font-size:.8em;gap:4px;margin-left:8px}.security-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;width:100%}.security-section h4{border-bottom-color:#fecaca;color:#dc2626}.security-info{text-align:center}.security-info p{color:#64748b;font-size:.9em;line-height:1.5;margin:8px 0}.security-info strong{align-items:center;color:#334155;display:flex;gap:6px;justify-content:center}.modal-actions{background:none;border-top:1px solid #e2e8f0;gap:12px;justify-content:center}.modal-action-btn{justify-content:center;min-width:120px}.modal-action-btn.disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.payment-history-manager{padding:20px 15px}.filters-row{grid-template-columns:1fr}.transactions-table td,.transactions-table th{font-size:.85em;padding:12px 8px}.col-transaction{width:50%}.col-actions,.col-amount,.col-status{width:16.66%}.transaction-actions{flex-direction:column;gap:4px}.detail-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-action-btn{width:100%}.payment-pagination{flex-direction:column;gap:12px}}.transaction-details-modal,.transaction-details-modal .detail-grid,.transaction-details-modal .detail-section,.transaction-details-modal .modal-actions,.transaction-details-modal .modal-content,.transaction-details-modal .modal-header,.transaction-details-modal .participant-details,.transaction-details-modal .security-info,.transaction-details-modal .security-section,.transaction-details-modal .transaction-description-full{box-sizing:border-box!important;max-width:100%!important;width:500px!important}.transaction-details-modal .modal-content{overflow-x:hidden!important}.fiscal-tracking-container .loading{align-items:center;animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;color:#333;display:flex;flex-direction:column;font-size:1rem;justify-content:center;margin:20px 0;min-height:400px;padding:40px;text-align:center}.fiscal-tracking-container .loading:before{animation:spin 1s ease-in-out infinite;border:5px solid #3498db33;border-radius:50%;border-top-color:#3498db;box-shadow:0 4px 8px #3498db26;content:"";height:50px;margin-bottom:20px;width:50px}.fiscal-tracking{margin:0 auto;max-width:1000px;padding:20px}.fiscal-tracking h2{color:#2c3e50;font-size:1.8em;margin-bottom:30px;text-align:center}.fiscal-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.fiscal-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;transition:transform .2s ease}.fiscal-card:hover{transform:translateY(-2px)}.card-header{margin-bottom:20px}.card-header h3{color:#2c3e50;font-size:1.1em;margin:0}.card-year{background:#3498db}.card-year,.country-badge{border-radius:4px;color:#fff;font-size:.8em;font-weight:700;padding:4px 8px}.country-badge{background:#27ae60}.card-content .amount{background-color:#fff;color:#000;font-size:2.2em;font-weight:700;margin-bottom:15px}.threshold-amount{color:#f39c12;font-size:1.8em;font-weight:700;margin-bottom:10px}.threshold-description{color:#7f8c8d;font-size:.9em;margin-bottom:10px}.threshold-alert{background:#fee;border-radius:6px;color:#e74c3c;font-size:.9em;font-weight:500;padding:8px 12px}.fiscal-progress-container{margin-top:15px}.fiscal-progress-bar{background:#ecf0f1;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.fiscal-progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.fiscal-progress-text{color:#7f8c8d;font-size:.9em}.fiscal-settings{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:24px}.fiscal-settings h3{color:#2c3e50;font-size:1.3em;margin-bottom:20px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{align-items:center;color:#2c3e50;display:flex;font-weight:500;gap:8px}.setting-item input[type=checkbox]{height:18px;width:18px}.setting-item input[type=number]{border:1px solid #ddd;border-radius:6px;font-size:.9em;margin-top:4px;padding:8px 12px}.setting-description{color:#7f8c8d;font-size:.85em}.notes-section{grid-column-end:-1;grid-column-start:1}.notes-section textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.9em;margin-top:4px;padding:12px;resize:vertical;width:100%}.save-settings-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background .2s ease}.save-settings-btn:hover:not(:disabled){background:#2980b9}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6}.fiscal-disclaimer{background:#fdf6e3;border:1px solid #f1c40f;border-radius:8px;padding:20px}.fiscal-disclaimer h4{color:#f39c12;margin-bottom:15px}.disclaimer-content p{color:#8b7355;line-height:1.5;margin-bottom:10px}.disclaimer-content strong{color:#d68910}.disclaimer-content details{margin-top:15px}.disclaimer-content summary{color:#f39c12;cursor:pointer;font-weight:500}.disclaimer-content ul{margin:10px 0;padding-left:20px}.disclaimer-content li{color:#8b7355;margin-bottom:5px}.fiscal-error{background:#f8f9fa;border-radius:8px}.fiscal-access-denied,.fiscal-error{margin:20px 0;padding:40px 20px;text-align:center}.fiscal-access-denied{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.fiscal-access-denied h3{color:#856404;margin-bottom:10px}.fiscal-error button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}@media (max-width:768px){.fiscal-tracking{padding:15px}.fiscal-cards,.settings-grid{grid-template-columns:1fr}.card-content .amount{font-size:1.8em}.threshold-amount{font-size:1.5em}}.fiscal-exports{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:40px 0;padding:30px}.fiscal-exports h3{color:#2c3e50;margin-bottom:20px;text-align:center}.fiscal-export-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.export-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px;text-align:center}.export-card h4{color:#2c3e50;margin-bottom:10px}.export-card p{color:#6c757d;line-height:1.5;margin-bottom:20px}.export-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:700;padding:10px 20px;transition:all .3s ease}.excel-btn{background:linear-gradient(45deg,#28a745,#20c997);color:#fff}.excel-btn:hover{background:linear-gradient(45deg,#20c997,#17a2b8);transform:translateY(-2px)}.pdf-btn{background:linear-gradient(45deg,#dc3545,#fd7e14);color:#fff}.pdf-btn:hover{background:linear-gradient(45deg,#fd7e14,#ffc107);transform:translateY(-2px)}.profile-form .stripe-configuration-section>:not(h3) h3:after{display:none!important}.stripe-setup-error,.stripe-setup-initial,.stripe-setup-loading,.stripe-setup-pending,.stripe-setup-success{animation:fadeInScale .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8fafb);border:1px solid #4a90a41a;border-radius:16px;box-shadow:0 10px 40px #4a90a41f,0 2px 8px #4a90a414;margin:0 auto;max-width:480px;overflow:hidden;padding:32px;position:relative;width:100%}.stripe-setup-error:before,.stripe-setup-initial:before,.stripe-setup-loading:before,.stripe-setup-pending:before,.stripe-setup-success:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#4a90a4,#5ba4bd,#4a90a4);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stripe-account-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #4a90a433;border-radius:12px;box-shadow:0 8px 32px #4a90a41a,inset 0 1px 0 #ffffff80;margin:25px 0;padding:24px}.info-row{align-items:center;border-bottom:1px solid #4a90a41a;display:flex;justify-content:center;padding:14px 0;transition:all .3s ease}.info-row:last-child{border-bottom:none}.info-row:hover{background:#4a90a40d;border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.info-row .label{align-items:center;color:#64748b;display:flex;font-size:15px;font-weight:600;gap:8px}.info-row .value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90a4,#5ba4bd);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:15px;font-weight:600}.info-row .value.verified{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;font-weight:700}.stripe-description-text{color:#64748b;font-size:1em;font-weight:400;line-height:1.6;margin-bottom:20px;text-align:center}.stripe-info-box{background:linear-gradient(135deg,#4a90a414,#4a90a40a);border:1px solid #4a90a433;border-left:4px solid #4a90a4;border-radius:8px;box-shadow:none!important;font-size:.85em;margin:16px auto;max-width:100%;overflow:hidden;padding:12px 14px;position:relative;width:-webkit-fit-content;width:fit-content}.stripe-info-box p{color:#64748b;line-height:1.4;margin:4px 0}.stripe-features{display:flex;flex-direction:column;gap:16px;margin:25px 0}.feature{align-items:flex-start;background:linear-gradient(135deg,#4a90a40d,#4a90a405);border:1px solid #4a90a41a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.feature:hover{border-color:#4a90a433;box-shadow:0 8px 24px #4a90a41f;transform:translateY(-2px)}.feature-icon{filter:drop-shadow(0 2px 4px rgba(74,144,164,.2));flex-shrink:0;font-size:32px}.feature-content{flex:1 1}.feature-content strong{color:#1e293b;display:block;font-size:16px;font-weight:700;margin-bottom:6px}.feature-content p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.pending-actions,.stripe-account-actions,.stripe-initial-actions{display:flex;flex-direction:row;gap:14px;justify-content:center;margin:25px 0}.loading-spinner-small{animation:spin .8s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.stripe-connect-container .loading{align-items:center;background:linear-gradient(135deg,#fff,#f8fafb);border-radius:16px;color:#475569;display:flex;flex-direction:column;font-size:16px;font-weight:500;justify-content:center;min-height:300px;padding:50px;text-align:center}.stripe-connect-container .loading:before{animation:spin 1s ease-in-out infinite;border:4px solid #4a90a433;border-radius:50%;border-top-color:#4a90a4;box-shadow:0 4px 12px #4a90a433;content:"";height:60px;margin-bottom:24px;width:60px}.error-message{background:linear-gradient(135deg,#ef44441f,#ef444414);border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 4px 12px #ef444426;color:#dc2626;font-weight:600;margin:20px 0;padding:16px 20px}.error-description{color:#64748b;font-size:15px;line-height:1.7;margin-bottom:20px}.stripe-setup-error,.stripe-setup-initial,.stripe-setup-loading,.stripe-setup-pending,.stripe-setup-success{animation:fadeIn .5s ease-out}@media (max-width:768px){.stripe-setup-error,.stripe-setup-initial,.stripe-setup-loading,.stripe-setup-pending,.stripe-setup-success{padding:24px}.pending-actions,.stripe-account-actions,.stripe-initial-actions{flex-direction:column}.feature{padding:16px}.feature-icon{font-size:28px}}:root{--vc-bg-canvas:#000;--vc-bg-panel:#fff;--vc-bg-secondary:#f5f5f7;--vc-bg-tertiary:#f2f2f7;--vc-bg-dark:#1c1c1e;--vc-bg-overlay:#000000bf;--vc-text-primary:#1c1c1e;--vc-text-secondary:#86868b;--vc-text-tertiary:#c7c7cc;--vc-text-inverse:#fff;--vc-accent-blue:#007aff;--vc-accent-blue-hover:#0051d5;--vc-accent-green:#34c759;--vc-accent-red:#ff3b30;--vc-accent-red-hover:#ff2d20;--vc-accent-orange:#ff9500;--vc-border-light:#00000014;--vc-border-medium:#0000001f;--vc-shadow-sm:0 1px 3px #0000000f;--vc-shadow-md:0 2px 8px #00000014;--vc-shadow-lg:0 8px 32px #0000001f,0 0 0 0.5px #0000000f;--vc-shadow-hover:0 12px 48px #00000029;--vc-space-xs:4px;--vc-space-sm:8px;--vc-space-md:12px;--vc-space-lg:16px;--vc-space-xl:24px;--vc-radius-sm:6px;--vc-radius-md:10px;--vc-radius-lg:12px;--vc-radius-xl:20px;--vc-radius-full:9999px;--vc-transition:0.2s cubic-bezier(0.25,0.46,0.45,0.94);--vc-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.video-conference-container{background:#000;background:var(--vc-bg-canvas);color:#fff;color:var(--vc-text-inverse);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--vc-font);height:100vh;overflow:hidden;position:relative;width:100%}.video-conference-container.loading{align-items:center;background:#000;background:var(--vc-bg-canvas);display:flex;justify-content:center}.loading-content:after,.loading-content:before,.video-conference-container.loading :after,.video-conference-container.loading :before,.video-conference-container.loading:after,.video-conference-container.loading:before{content:none!important;display:none!important}.loading-content{max-width:400px;padding:24px;padding:var(--vc-space-xl);text-align:center}.loading-spinner{font-size:48px;margin-bottom:16px;margin-bottom:var(--vc-space-lg)}.loading-content h3{color:#fff;color:var(--vc-text-inverse);font-size:20px;font-weight:600;margin:0 0 8px;margin:0 0 var(--vc-space-sm) 0}.loading-content p{color:#c7c7cc;color:var(--vc-text-tertiary);font-size:15px;margin:0}.video-conference-container.error{align-items:center;background:#000;background:var(--vc-bg-canvas);display:flex;justify-content:center}.error-content{background:#fff;background:var(--vc-bg-panel);border-radius:12px;border-radius:var(--vc-radius-lg);box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;box-shadow:var(--vc-shadow-lg);max-width:500px;padding:24px;padding:var(--vc-space-xl);text-align:center}.error-content h2{color:#ff3b30;color:var(--vc-accent-red);font-size:24px;font-weight:600;margin:0 0 12px;margin:0 0 var(--vc-space-md) 0}.error-content>p{color:#1c1c1e;color:var(--vc-text-primary);font-size:15px;line-height:1.5;margin:0 0 16px;margin:0 0 var(--vc-space-lg) 0}.error-help{background:#f5f5f7;background:var(--vc-bg-secondary);border-radius:10px;border-radius:var(--vc-radius-md);margin-bottom:16px;margin-bottom:var(--vc-space-lg);padding:16px;padding:var(--vc-space-lg);text-align:left}.error-help p{color:#1c1c1e;color:var(--vc-text-primary);font-size:14px;font-weight:600;margin:0 0 8px;margin:0 0 var(--vc-space-sm) 0}.error-help ul{margin:8px 0 0;margin:var(--vc-space-sm) 0 0 0;padding-left:20px}.error-help li{color:#86868b;color:var(--vc-text-secondary);font-size:14px;line-height:1.5;margin-bottom:4px;margin-bottom:var(--vc-space-xs)}.error-actions{display:flex;gap:12px;gap:var(--vc-space-md);justify-content:center}.btn-back,.btn-retry{border:none;border-radius:10px;border-radius:var(--vc-radius-md);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--vc-font);font-size:15px;font-weight:600;padding:8px 24px;padding:var(--vc-space-sm) var(--vc-space-xl);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--vc-transition)}.btn-retry{background:#007aff;background:var(--vc-accent-blue);color:#fff;color:var(--vc-text-inverse)}.btn-retry:hover{background:#0051d5;background:var(--vc-accent-blue-hover);box-shadow:0 2px 8px #00000014;box-shadow:var(--vc-shadow-md);transform:translateY(-1px)}.btn-back{background:#f5f5f7;background:var(--vc-bg-secondary);color:#1c1c1e;color:var(--vc-text-primary)}.btn-back:hover{background:#f2f2f7;background:var(--vc-bg-tertiary)}.video-conference-container.waiting{align-items:center;background:#000;background:var(--vc-bg-canvas);display:flex;justify-content:center}.waiting-content{align-items:center;background:#fff;background:var(--vc-bg-panel);border-radius:12px;border-radius:var(--vc-radius-lg);box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;box-shadow:var(--vc-shadow-lg);display:flex;flex-direction:column;max-width:600px;padding:24px;padding:var(--vc-space-xl);text-align:center}.waiting-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:16px;margin-bottom:var(--vc-space-lg)}.waiting-content h2{color:#1c1c1e;color:var(--vc-text-primary);font-size:28px;font-weight:600;margin:0 0 8px;margin:0 0 var(--vc-space-sm) 0}.waiting-subtitle{color:#86868b;color:var(--vc-text-secondary);font-size:16px;margin:0 0 24px;margin:0 0 var(--vc-space-xl) 0}.countdown-display{background:#f5f5f7;background:var(--vc-bg-secondary);border-radius:10px;border-radius:var(--vc-radius-md);margin-bottom:16px;margin-bottom:var(--vc-space-lg);padding:24px;padding:var(--vc-space-xl)}.countdown-label{color:#86868b;color:var(--vc-text-secondary);font-size:14px;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--vc-space-sm);text-transform:uppercase}.countdown-time{color:#007aff;color:var(--vc-accent-blue);font-family:Courier New,monospace;font-size:48px;font-weight:700;letter-spacing:2px}.meeting-schedule{background:#f2f2f7;background:var(--vc-bg-tertiary);border-radius:10px;border-radius:var(--vc-radius-md);margin-bottom:16px;margin-bottom:var(--vc-space-lg);padding:16px;padding:var(--vc-space-lg);text-align:left}.meeting-schedule p{color:#1c1c1e;color:var(--vc-text-primary);font-size:14px;line-height:1.6;margin:4px 0;margin:var(--vc-space-xs) 0}.waiting-info{margin-bottom:16px;margin-bottom:var(--vc-space-lg)}.waiting-info p{color:#86868b;color:var(--vc-text-secondary);font-size:14px;line-height:1.5;margin:4px 0;margin:var(--vc-space-xs) 0}.meeting-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border-bottom:1px solid #00000014;border-bottom:1px solid var(--vc-border-light);box-shadow:0 1px 3px #0000000f;box-shadow:var(--vc-shadow-sm);flex-wrap:nowrap;gap:24px;gap:var(--vc-space-xl);justify-content:center;min-height:60px;padding:12px 24px;padding:var(--vc-space-md) var(--vc-space-xl);position:relative;z-index:100}.meeting-header,.meeting-info{align-items:center;display:flex;flex-shrink:0}.meeting-info{gap:32px}.meeting-info h2{color:#1c1c1e;color:var(--vc-text-primary);font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0;white-space:nowrap}.participants-count-wrapper{flex-shrink:0;margin-right:48px;position:relative}.participants-count{align-items:center;background:#f5f5f7;background:var(--vc-bg-secondary);border:1px solid #00000014;border:1px solid var(--vc-border-light);border-radius:9999px;border-radius:var(--vc-radius-full);color:#86868b;color:var(--vc-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;gap:var(--vc-space-xs);padding:4px 12px;padding:4px var(--vc-space-md);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--vc-transition);white-space:nowrap}.participants-count:hover{background:#f2f2f7;background:var(--vc-bg-tertiary);border-color:#0000001f;border-color:var(--vc-border-medium);transform:translateY(-1px)}.participants-icon{stroke-width:2.5!important;stroke:currentColor!important;fill:none!important;height:14px!important;width:14px!important}.participants-dropdown{background:#fff;background:var(--vc-bg-panel);border:1px solid #00000014;border:1px solid var(--vc-border-light);border-radius:12px;border-radius:var(--vc-radius-lg);box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;box-shadow:var(--vc-shadow-lg);left:50%;max-width:300px;min-width:200px;opacity:0;padding:8px;padding:var(--vc-space-sm);position:absolute;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:150}.participants-count-wrapper:hover .participants-dropdown{opacity:1;visibility:visible}.participants-dropdown-header{border-bottom:1px solid #00000014;border-bottom:1px solid var(--vc-border-light);color:#86868b;color:var(--vc-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--vc-space-xs);padding:8px 12px;padding:var(--vc-space-sm) var(--vc-space-md);text-transform:uppercase}.participants-list{max-height:300px;overflow-y:auto}.participant-item{align-items:center;border-radius:6px;border-radius:var(--vc-radius-sm);display:flex;gap:8px;gap:var(--vc-space-sm);padding:8px 12px;padding:var(--vc-space-sm) var(--vc-space-md);transition:background .2s cubic-bezier(.25,.46,.45,.94);transition:background var(--vc-transition)}.participant-item:hover{background:#f5f5f7;background:var(--vc-bg-secondary)}.participant-item.current-user{background:#f2f2f7;background:var(--vc-bg-tertiary);font-weight:600}.participant-name{color:#1c1c1e;color:var(--vc-text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-badge{background:#f5f5f7;background:var(--vc-bg-secondary);border-radius:6px;border-radius:var(--vc-radius-sm);color:#c7c7cc;color:var(--vc-text-tertiary);flex-shrink:0;font-size:11px;margin-left:auto;padding:2px 6px}.meeting-controls{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:20px;border-radius:var(--vc-radius-xl);box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;box-shadow:var(--vc-shadow-lg);display:flex;flex-shrink:1;gap:2px;max-width:90vw;overflow-x:auto;overflow-y:hidden;padding:2px 4px;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--vc-transition);z-index:50}.meeting-controls::-webkit-scrollbar{height:4px}.meeting-controls::-webkit-scrollbar-track{background:#0000}.meeting-controls::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.meeting-controls:hover{box-shadow:0 12px 48px #00000029;box-shadow:var(--vc-shadow-hover)}.meeting-controls:hover::-webkit-scrollbar-thumb{background:#0000004d}.control-btn{background:#fff;border:1px solid #0000001a;height:40px;min-height:40px;min-width:40px;width:40px}.control-btn svg{stroke:#1c1c1e;fill:none;height:18px;width:18px}.control-btn:hover{border-color:#0003;box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.control-btn.active{background:#e8f5e9;border-color:#c8e6c9}.control-btn.active svg{stroke:#1c1c1e;fill:none}.control-btn.active:hover{background:#c8e6c9;box-shadow:0 2px 8px #4caf5033}.control-btn.muted{background:#ffebee;border-color:#ffcdd2}.control-btn.muted svg{stroke:#1c1c1e;fill:none}.control-btn.muted:hover{background:#ffcdd2;box-shadow:0 2px 8px #f4433633}.control-btn:not(.active):not(.muted):not(.leave-btn):not(.rec-btn):not(.rec-pause-btn):not(.rec-stop-btn):hover{background:#f0f0f0;border-color:#00000026}.leave-btn{background:#ff3b30;border-color:#ff2d20}.leave-btn svg{stroke:#fff;fill:none}.leave-btn:hover{background:#ff2d20;box-shadow:0 2px 8px #ff3b3066}.rec-btn{background:#fff;border:2px solid #ff3b30}.rec-btn svg{fill:#ff3b30;stroke:none}.rec-btn:not(.disabled){animation:pulse-rec-subtle 3s ease-in-out infinite}@keyframes pulse-rec-subtle{0%,to{box-shadow:0 0 0 0 #ff3b304d}50%{box-shadow:0 0 0 3px #ff3b3000}}.rec-btn:hover:not(.disabled){background:#fff5f5;border-color:#ff2d20;transform:scale(1.08)}.rec-btn.disabled{background:#f5f5f7;border:2px solid #d1d1d6;cursor:not-allowed;opacity:.6}.rec-btn.disabled svg{fill:#8e8e93}.rec-btn.disabled:hover{box-shadow:none;transform:none}.rec-btn.disabled{position:relative}.rec-btn.disabled:after{background:#000000f2;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(title);font-size:13px;font-weight:500;left:50%;line-height:1.4;max-width:280px;opacity:0;padding:10px 16px;pointer-events:none;position:absolute;text-align:center;top:calc(100% + 12px);transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;white-space:nowrap;z-index:10000}.rec-btn.disabled:hover:after{opacity:1;transform:translate(-50%,4px);visibility:visible}.rec-btn.disabled:before{border:7px solid;border-color:#0000 #0000 #000000f2;content:"";left:50%;opacity:0;pointer-events:none;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:10000}.rec-btn.disabled:hover:before{opacity:1;visibility:visible}.rec-pause-btn{background:#fff;border:2px solid #1c1c1e}.rec-pause-btn svg{fill:#1c1c1e;stroke:none}.rec-pause-btn:hover{background:#f5f5f7;border-color:#000;transform:scale(1.05)}.rec-pause-btn.paused{background:#fff;border:2px solid #34c759}.rec-pause-btn.paused svg{fill:#34c759}.rec-pause-btn.paused:hover{background:#f5f5f7;border-color:#28a745;transform:scale(1.05)}.rec-stop-btn{background:#fff;border:2px solid #ff3b30}.rec-stop-btn svg{fill:#ff3b30;stroke:none}.rec-stop-btn:hover{background:#fff5f5;border-color:#ff2d20;transform:scale(1.05)}.rec-stop-btn:active{transform:scale(.95)}.recording-duration-badge{align-items:center;background:#fff;border:2px solid #ff3b30;border-radius:20px;color:#ff3b30;display:inline-flex;flex-shrink:0;font-family:Courier New,monospace;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.message-badge{align-items:center;background:#ff3b30;border:2px solid #fff;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.main-content{flex:1 1;flex-direction:row}.main-content,.main-content-area{background:#000;background:var(--vc-bg-canvas);display:flex;overflow:hidden;position:relative}.main-content-area{flex:1 1}.video-area{background:#000;background:var(--vc-bg-canvas);flex:1 1;overflow:hidden;position:relative}.main-video-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.main-video-wrapper{position:relative}.main-video,.main-video-wrapper{background:#000;background:var(--vc-bg-canvas);height:100%;width:100%}.main-video{object-fit:contain}.video-overlay{align-items:center;background:linear-gradient(0deg,#0009 0,#0000);bottom:0;display:flex;justify-content:space-between;left:0;padding:16px;padding:var(--vc-space-lg);position:absolute;right:0;z-index:10}.video-overlay.main{padding:24px;padding:var(--vc-space-xl)}.video-name{color:#fff;color:var(--vc-text-inverse);font-size:15px;font-weight:600;text-shadow:0 1px 3px #00000080}.video-indicators{align-items:center;display:flex;gap:8px;gap:var(--vc-space-sm)}.video-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:6px;border-radius:var(--vc-radius-sm);color:#fff;color:var(--vc-text-inverse);font-size:13px;padding:4px 8px;padding:4px var(--vc-space-sm)}.video-indicator.muted{background:#ff3b30e6}.video-indicator.video-off{background:#ff9500e6}.video-indicator.screen-share{background:#007affe6}.main-video-placeholder{align-items:center;background:#000;background:var(--vc-bg-canvas);display:flex;height:100%;justify-content:center;width:100%}.placeholder-content{padding:24px;padding:var(--vc-space-xl);text-align:center}.placeholder-content h3{color:#86868b;color:var(--vc-text-secondary);font-size:20px;font-weight:600;margin:0 0 8px;margin:0 0 var(--vc-space-sm) 0}.placeholder-content p{color:#c7c7cc;color:var(--vc-text-tertiary);font-size:15px;margin:0}.thumbnails-container{display:flex;flex-direction:column;gap:8px;gap:var(--vc-space-sm);max-height:calc(100% - 32px);overflow-y:auto;padding:4px;padding:var(--vc-space-xs);position:absolute;right:16px;right:var(--vc-space-lg);top:16px;top:var(--vc-space-lg);z-index:50}.thumbnails-container::-webkit-scrollbar{width:4px}.thumbnails-container::-webkit-scrollbar-track{background:#0000}.thumbnails-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.thumbnail-wrapper{background:#000;background:var(--vc-bg-canvas);border:2px solid #0000;border-radius:10px;border-radius:var(--vc-radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--vc-shadow-md);cursor:pointer;height:105px;min-height:105px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--vc-transition);width:140px}.thumbnail-wrapper:hover{border-color:#007aff;border-color:var(--vc-accent-blue);box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;box-shadow:var(--vc-shadow-lg);transform:scale(1.05)}.thumbnail-wrapper:active{transform:scale(.98)}.thumbnail-video{background:#000;background:var(--vc-bg-canvas);height:100%;object-fit:contain;width:100%}.video-overlay.thumbnail{background:linear-gradient(0deg,#000000b3,#0000);padding:8px;padding:var(--vc-space-sm)}.video-overlay.thumbnail .video-name{font-size:11px}.video-overlay.thumbnail .video-indicators{gap:2px}.video-overlay.thumbnail .video-indicator{font-size:11px;padding:2px 4px}.click-indicator{background:#007affe6;border-radius:6px;border-radius:var(--vc-radius-sm);color:#fff;color:var(--vc-text-inverse);font-size:11px;font-weight:600;padding:2px 6px}.chat-panel{background:#fff;background:var(--vc-bg-panel);border-left:1px solid #00000014;border-left:1px solid var(--vc-border-light);flex-direction:column;height:100%;max-width:400px;min-width:280px;overflow:hidden;width:25%;z-index:10500}.chat-header,.chat-panel{display:flex;flex-shrink:0}.chat-header{align-items:center;background:#f5f5f7;background:var(--vc-bg-secondary);border-bottom:1px solid #00000014;border-bottom:1px solid var(--vc-border-light);justify-content:space-between;padding:16px;padding:var(--vc-space-lg)}.chat-header h3{color:#1c1c1e;color:var(--vc-text-primary);font-size:17px;font-weight:600;margin:0}.close-chat{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--vc-radius-sm);color:#86868b;color:var(--vc-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:4px;padding:var(--vc-space-xs);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--vc-transition);width:32px}.close-chat:hover{background:#f2f2f7;background:var(--vc-bg-tertiary);color:#1c1c1e;color:var(--vc-text-primary)}.chat-messages{background:#fff;background:var(--vc-bg-panel);display:flex;flex:1 1;flex-direction:column;gap:12px;gap:var(--vc-space-md);min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px;padding:var(--vc-space-lg)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#0000001f;background:var(--vc-border-medium);border-radius:3px}.loading-messages,.no-messages{color:#86868b;color:var(--vc-text-secondary);font-size:14px;padding:24px;padding:var(--vc-space-xl);text-align:center}.no-messages p{margin:8px 0;margin:var(--vc-space-sm) 0}.chat-message{animation:fadeInMessage .2s ease;display:flex;flex-direction:column;gap:4px;max-width:85%;word-break:break-word}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-message.own{align-self:flex-end}.message-sender{color:#86868b;color:var(--vc-text-secondary);font-size:11px;font-weight:600}.message-content{word-wrap:break-word;background:#f5f5f7;background:var(--vc-bg-secondary);border-radius:12px;border-radius:var(--vc-radius-lg);color:#1c1c1e;color:var(--vc-text-primary);font-size:14px;line-height:1.5;max-width:100%;padding:8px 12px;padding:var(--vc-space-sm) var(--vc-space-md)}.chat-message.own .message-content{background:#007aff;background:var(--vc-accent-blue);border-radius:12px 12px 4px 12px;border-radius:var(--vc-radius-lg) var(--vc-radius-lg) 4px var(--vc-radius-lg);color:#fff;color:var(--vc-text-inverse)}.chat-message:not(.own) .message-content{border-radius:12px 12px 12px 4px;border-radius:var(--vc-radius-lg) var(--vc-radius-lg) var(--vc-radius-lg) 4px}.message-time{color:#c7c7cc;color:var(--vc-text-tertiary);font-size:11px}.chat-input{background:#fff;background:var(--vc-bg-panel);border-top:1px solid #00000014;border-top:1px solid var(--vc-border-light);display:flex;flex-shrink:0;gap:8px;gap:var(--vc-space-sm);padding:16px;padding:var(--vc-space-lg)}.chat-input input{background:#f5f5f7;background:var(--vc-bg-secondary);border:1px solid #0000001f;border:1px solid var(--vc-border-medium);border-radius:9999px;border-radius:var(--vc-radius-full);color:#1c1c1e;color:var(--vc-text-primary);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--vc-font);font-size:15px;min-width:0;outline:none;padding:8px 12px;padding:var(--vc-space-sm) var(--vc-space-md);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--vc-transition)}.chat-input input:focus{background:#fff;background:var(--vc-bg-panel);border-color:#007aff;border-color:var(--vc-accent-blue)}.chat-input button{background:#007aff;background:var(--vc-accent-blue);border:none;border-radius:9999px;border-radius:var(--vc-radius-full);color:#fff;color:var(--vc-text-inverse);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 16px;padding:var(--vc-space-sm) var(--vc-space-lg);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--vc-transition);white-space:nowrap}.chat-input button:hover:not(:disabled){background:#0051d5;background:var(--vc-accent-blue-hover)}.chat-input button:disabled{cursor:not-allowed;opacity:.4}.file-share-panel{background:#1e1e1e;border-left:1px solid #404040;max-width:350px;min-width:350px;width:350px}.connection-indicator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #00000014;border:1px solid var(--vc-border-light);border-radius:9999px;border-radius:var(--vc-radius-full);box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;box-shadow:var(--vc-shadow-lg);left:50%;padding:8px 16px;padding:var(--vc-space-sm) var(--vc-space-lg);position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.connection-indicator .status{color:#1c1c1e;color:var(--vc-text-primary);font-size:13px;font-weight:600}.status.connecting{color:#ff9500;color:var(--vc-accent-orange)}.status.disconnected{color:#ff3b30;color:var(--vc-accent-red)}.status.reconnecting{color:#ff9500;color:var(--vc-accent-orange)}.video-conference-container.split-mode .main-content{display:flex;flex-direction:row}.video-conference-container.split-mode .main-content-area{flex:1 1;min-width:0}.video-conference-container.split-mode .video-area{height:100%}.video-conference-container.split-mode .chat-panel{width:320px}.video-conference-container:fullscreen{background:#000;background:var(--vc-bg-canvas)}.video-conference-container:-webkit-full-screen{background:#000;background:var(--vc-bg-canvas)}.video-conference-container:-ms-fullscreen{background:#000;background:var(--vc-bg-canvas)}.video-conference-container:-ms-fullscreen .meeting-header,.video-conference-container:-webkit-full-screen .meeting-header,.video-conference-container:fullscreen .meeting-header{z-index:9999}.control-btn:focus-visible{outline:2px solid #007aff;outline:2px solid var(--vc-accent-blue);outline-offset:2px}.chat-input input:focus-visible{outline:2px solid #007aff;outline:2px solid var(--vc-accent-blue);outline-offset:2px}@media (prefers-contrast:high){.control-btn{border:2px solid #1c1c1e;border:2px solid var(--vc-text-primary)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:1200px){.video-conference-container.split-mode .main-content{flex-direction:column}.file-share-panel{height:300px}.file-share-panel,.video-conference-container.split-mode .chat-panel{border-left:none;border-top:1px solid #00000014;border-top:1px solid var(--vc-border-light);width:100%}.video-conference-container.split-mode .chat-panel{height:40vh;max-height:none;min-height:250px}.chat-panel{max-width:350px;min-width:250px;width:30%}}@media (max-width:1024px){.meeting-header{gap:16px;gap:var(--vc-space-lg);padding:8px 16px;padding:var(--vc-space-sm) var(--vc-space-lg)}.meeting-info{gap:24px}.participants-count-wrapper{margin-right:32px}.meeting-info h2{font-size:15px}.participants-count{font-size:12px;padding:3px 8px;padding:3px var(--vc-space-sm)}.control-btn{height:36px;min-height:36px;min-width:36px;width:36px}.control-btn svg{height:18px;width:18px}.recording-duration-badge{font-size:11px;padding:5px 10px}.thumbnail-wrapper{height:90px;min-height:90px;width:120px}.chat-panel{min-width:240px;width:35%}}@media (max-width:768px){.video-conference-container{position:relative}.main-content{flex:1 1}.file-share-panel{border-left:1px solid #00000014;border-left:1px solid var(--vc-border-light);border-top:1px solid #00000014;border-top:1px solid var(--vc-border-light);border-top-left-radius:12px;bottom:0;box-shadow:-4px 0 16px #0000001a;height:100%;left:auto;margin-top:80px;max-width:320px;min-width:280px;position:absolute;right:0;top:0;width:80%;z-index:100}.main-content,.meeting-header{position:relative}.meeting-header{gap:12px;gap:var(--vc-space-md);padding:8px;padding:var(--vc-space-sm);z-index:150}.meeting-info{gap:16px}.participants-count-wrapper{margin-right:24px}.meeting-info h2{font-size:13px}.participants-count{font-size:11px;padding:2px 4px;padding:2px var(--vc-space-xs)}.participants-icon{height:12px!important;width:12px!important}.meeting-controls{justify-content:flex-start;scrollbar-width:thin}.meeting-controls::-webkit-scrollbar{height:3px}.control-btn{flex-shrink:0;height:32px;min-height:32px;min-width:32px;width:32px}.control-btn svg{height:16px;width:16px}.recording-duration-badge{font-size:10px;padding:4px 8px}.message-badge{font-size:9px;height:14px;min-width:14px}.thumbnails-container{bottom:80px;flex-direction:row;left:8px;left:var(--vc-space-sm);max-height:100px;overflow-x:auto;overflow-y:hidden;right:8px;right:var(--vc-space-sm);top:auto}.thumbnail-wrapper{height:75px;min-height:75px;min-width:100px;width:100px}.chat-panel{border-left:1px solid #00000014;border-left:1px solid var(--vc-border-light);bottom:0;box-shadow:-4px 0 16px #0000001a;left:auto;max-width:320px;min-width:280px;position:fixed;right:0;top:0;width:80%;z-index:200}.chat-input{padding:8px;padding:var(--vc-space-sm)}.chat-input input{font-size:14px;padding:4px 8px;padding:var(--vc-space-xs) var(--vc-space-sm)}.chat-input button{font-size:13px;padding:4px 12px;padding:var(--vc-space-xs) var(--vc-space-md)}.chat-messages{gap:8px;gap:var(--vc-space-sm);padding:12px;padding:var(--vc-space-md)}.message-content{font-size:13px;padding:4px 8px;padding:var(--vc-space-xs) var(--vc-space-sm)}.video-conference-container.split-mode .main-content{flex-direction:column}}@media (max-width:480px){.meeting-header{gap:8px;gap:var(--vc-space-sm)}.meeting-info{gap:12px}.meeting-info h2{font-size:12px}.participants-count-wrapper{margin-right:16px}.control-btn{height:28px;min-height:28px;min-width:28px;width:28px}.control-btn svg{height:14px;width:14px}.recording-duration-badge{display:none}.meeting-controls::-webkit-scrollbar{background:#0000000d;height:4px}.meeting-controls::-webkit-scrollbar-thumb{background:#0000004d}}.meeting-controls{animation:fadeIn .3s ease}:root{--wb-bg-dark:#000;--wb-bg-panel:#fff;--wb-bg-secondary:#f5f5f7;--wb-text-primary:#1c1c1e;--wb-text-secondary:#86868b;--wb-text-inverse:#fff;--wb-accent-blue:#007aff;--wb-accent-green:#34c759;--wb-accent-red:#ff3b30;--wb-border-light:#00000014;--wb-shadow-sm:0 1px 3px #0000000f;--wb-shadow-md:0 2px 8px #00000014;--wb-shadow-lg:0 8px 32px #0000001f,0 0 0 0.5px #0000000f;--wb-radius-sm:6px;--wb-radius-md:10px;--wb-radius-lg:12px;--wb-space-xs:4px;--wb-space-sm:8px;--wb-space-md:12px;--wb-space-lg:16px;--wb-space-xl:24px;--wb-transition:0.2s cubic-bezier(0.25,0.46,0.45,0.94);--wb-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.whiteboard-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f7f2;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10001}.whiteboard-loading-spinner{align-items:center;background:#fff;background:var(--wb-bg-panel);border-radius:12px;border-radius:var(--wb-radius-lg);box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;box-shadow:var(--wb-shadow-lg);display:flex;flex-direction:column;gap:16px;padding:32px}.whiteboard-loading-spinner .spinner{animation:spin .8s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--wb-accent-blue);height:40px;width:40px}.whiteboard-loading-spinner p{color:#86868b;color:var(--wb-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--wb-font);font-size:14px;font-weight:500;margin:0}@media (max-width:768px){.whiteboard-loading-spinner{gap:12px;padding:24px}.whiteboard-loading-spinner .spinner{height:32px;width:32px}.whiteboard-loading-spinner p{font-size:13px}}.whiteboard-container{background:#000;background:var(--wb-bg-dark);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--wb-font);height:100vh;left:0;overflow:hidden;position:relative;top:0;width:100vw;z-index:9999}.whiteboard-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffffffa;border-bottom:1px solid #00000014;border-bottom:1px solid var(--wb-border-light);box-shadow:0 1px 3px #0000000f;box-shadow:var(--wb-shadow-sm);display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;min-height:48px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;z-index:10000}.whiteboard-header::-webkit-scrollbar{height:3px}.whiteboard-header::-webkit-scrollbar-track{background:#0000}.whiteboard-header::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.download-btn{background:linear-gradient(135deg,#34c759,#30b350);box-shadow:0 2px 6px #34c7594d}.download-btn:hover{background:linear-gradient(135deg,#30b350,#28a745);box-shadow:0 3px 10px #34c75966}.whiteboard-container .viewer-content{align-items:flex-start;background:#f5f5f7;display:flex;flex:1 1;justify-content:flex-start!important;overflow:auto;padding:10px;position:relative}.whiteboard-container .viewer-content::-webkit-scrollbar{height:10px;width:10px}.whiteboard-container .viewer-content::-webkit-scrollbar-track{background:#00000008}.whiteboard-container .viewer-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:5px}.whiteboard-container .viewer-content::-webkit-scrollbar-thumb:hover{background:#00000040}.whiteboard-container .viewer-zoom-wrapper{display:block;position:relative;transform-origin:top left;will-change:transform}.whiteboard-canvas{background:#fff;background:var(--wb-bg-panel);border-radius:8px;box-shadow:0 4px 16px #0000001a;cursor:crosshair;display:block;touch-action:none}.whiteboard-canvas[data-tool=eraser]{cursor:none!important}.eraser-preview-circle{-webkit-font-smoothing:antialiased;animation:eraser-glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#ffffff1a;border:2px solid #ffffffe6;box-shadow:inset 0 0 10px #ffffff1a,0 0 20px #0000004d,0 0 40px #ffffff1a;transition:transform .1s ease-out,background-color .2s ease;will-change:transform;z-index:10002}@keyframes eraser-glow{0%,to{box-shadow:inset 0 0 10px #ffffff1a,0 0 20px #0000004d,0 0 40px #ffffff1a;opacity:.85}50%{box-shadow:inset 0 0 15px #ffffff26,0 0 25px #0006,0 0 50px #ffffff26;opacity:1}}.eraser-preview-circle.is-erasing{animation:none;background-color:#ff646433;border-color:#ff9696e6;transform:scale(.95)}.text-input-overlay{animation:slideIn .2s ease;display:flex;gap:10px;position:absolute;z-index:10001}.text-input{background:#fff;border:2px solid #007aff;border:2px solid var(--wb-accent-blue);border-radius:6px;box-shadow:0 4px 12px #0003;color:#1c1c1e;color:var(--wb-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--wb-font);font-size:1rem;min-width:200px;outline:none;padding:8px 12px}.text-input:focus{border-color:#34c759;border-color:var(--wb-accent-green);box-shadow:0 0 0 3px #34c75933}.text-submit-btn{background:#34c759;background:var(--wb-accent-green);border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:40px;transition:all .2s ease;width:40px}.text-submit-btn:hover{background:#2fb34a;transform:scale(1.1)}.text-submit-btn:active{transform:scale(.95)}@media (max-width:1024px){.whiteboard-header{min-height:44px;padding:6px 10px}.control-btn{height:30px;min-width:30px;width:30px}.control-btn svg{height:15px;width:15px}.zoom-controls button{height:26px;min-width:26px;width:26px}.zoom-level{font-size:10px;min-width:38px}}@media (max-width:768px){.whiteboard-header{gap:6px;min-height:40px;padding:5px 8px}.file-icon-wrapper{font-size:16px;height:28px;width:28px}.viewer-controls{gap:1px;padding:2px}.control-btn{height:28px;min-width:28px;width:28px}.control-btn svg{height:14px;width:14px}.zoom-controls button{height:24px;min-width:24px;width:24px}.zoom-controls button svg{height:11px;width:11px}.zoom-level{font-size:9px;min-width:35px;padding:0 4px}.text-input{font-size:.9rem;min-width:150px}.text-submit-btn{font-size:1rem;height:35px;width:35px}.eraser-preview-circle{border-width:3px;box-shadow:inset 0 0 15px #ffffff26,0 0 25px #0006}}@media (max-width:480px){.whiteboard-header{min-height:36px;padding:4px 6px}.file-icon-wrapper{font-size:14px;height:24px;width:24px}.control-btn{height:26px;min-width:26px;width:26px}.text-input{font-size:.85rem;min-width:120px;padding:6px 10px}.text-submit-btn{font-size:.9rem;height:32px;width:32px}}@media (hover:none) and (pointer:coarse){.eraser-preview-circle{background-color:#ffffff26;border-width:3px;box-shadow:inset 0 0 20px #fff3,0 0 30px #00000080,0 0 60px #fff3}.whiteboard-canvas{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none}}.control-btn:focus-visible,.zoom-controls button:focus-visible{outline:2px solid #007aff;outline:2px solid var(--wb-accent-blue);outline-offset:2px}.whiteboard-header{user-select:none;-webkit-user-select:none}@media (prefers-contrast:high){.eraser-preview-circle{background-color:#00000080;border-color:#fff;border-width:3px}.control-btn{box-shadow:0 0 0 2px #fff}}@media (prefers-reduced-motion:reduce){.control-btn,.eraser-preview-circle,.text-input,.text-input-overlay,.text-submit-btn,.zoom-controls button{animation:none;transition:none}.eraser-preview-circle{transition:transform .05s ease-out}.viewer-zoom-wrapper{transition:none!important}}@media (prefers-color-scheme:dark){.whiteboard-header{background:#1c1c1efa;border-bottom-color:#ffffff1a}.text-input{background:#1c1c1e;border-color:#0a84ff;color:#fff}}.eraser-preview-circle,.whiteboard-canvas,.whiteboard-container .viewer-zoom-wrapper{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.whiteboard-container .viewer-content{transform:translateZ(0);-webkit-transform:translateZ(0)}@media print{.eraser-preview-circle,.text-input-overlay,.whiteboard-header{display:none!important}.whiteboard-container{background:#fff;position:relative}.whiteboard-canvas{border:1px solid #ccc;box-shadow:none}}.annotation-toolbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0000001f,0 0 0 .5px #0000000f;display:flex;gap:2px;left:50%;max-width:90vw;overflow-x:auto;overflow-y:hidden;padding:1px 3px;position:fixed;transform:translateX(-50%);transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:10000}.annotation-toolbar::-webkit-scrollbar{height:0}.annotation-toolbar:hover{box-shadow:0 12px 48px #00000029,0 0 0 .5px #00000014}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:100%;justify-content:center;line-height:1;margin:0;min-width:32px;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);width:32px}.toolbar-btn:hover{background:#8856d633}.toolbar-btn:active{background:#0000001a;transform:scale(.94)}.toolbar-btn.active{background:#007aff;color:#fff}.toolbar-btn.active:hover{background:#0051d5}.toolbar-btn:disabled{background:#0000;cursor:not-allowed;opacity:.4}.toolbar-btn:disabled:hover{background:#0000;transform:none}.tool-icon{font-size:18px;line-height:1;transition:transform .2s ease}.toolbar-btn.active .tool-icon{transform:scale(1.05)}.toolbar-btn[title=Forme]:not(.active){background:#0000}.toolbar-btn[title=Forme]:not(.active):hover{background:#8856d633}.toolbar-btn[title=Forme]:not(.active) .tool-icon{color:#8856d6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.toolbar-btn[title=Texte]:not(.active) .tool-icon{color:#000;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:20px;font-weight:700}.toolbar-btn[title=Texte].active .tool-icon{color:#fff;font-weight:700}.toolbar-separator{background:#0000001a;flex-shrink:0;height:100%;margin:0 2px;width:1px}.toolbar-section{gap:2px;z-index:1}.color-current-btn,.toolbar-section{display:flex;flex-shrink:0;position:relative}.color-current-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;height:100%;justify-content:center;line-height:1;margin:0;min-width:32px;transition:all .2s ease;width:32px}.color-current-btn:hover{background:#ff980026}.color-current-btn:active{transform:scale(.94)}.color-preview{border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000004d,0 0 0 1px #0003;flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.color-current-btn:hover .color-preview{box-shadow:0 0 0 1.5px #fff,0 3px 14px #00000059;transform:scale(1.15)}.color-picker-popup{animation:popupFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;bottom:80px!important;box-shadow:0 8px 32px #0000004d,0 0 0 2px #00000026!important;padding:12px;pointer-events:auto;position:fixed!important;z-index:99999!important}@keyframes popupFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.color-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.color-option{border:2px solid #0000;border-radius:50%;box-shadow:0 2px 6px #0000001a;cursor:pointer;height:34px;transition:all .2s ease;width:34px}.color-option:hover{box-shadow:0 4px 12px #0003;transform:scale(1.15)}.color-option.active{border-color:#007aff;box-shadow:0 0 0 2px #fff,0 0 0 4px #007aff}.width-picker-popup{animation:popupFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;bottom:80px!important;box-shadow:0 8px 32px #0000004d,0 0 0 2px #00000026;min-width:160px;padding:12px 16px;pointer-events:auto;position:fixed!important;z-index:99999!important}.width-option{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin:4px 0;padding:10px 12px;transition:all .2s ease}.width-option:hover{background:#0000000f}.width-option.active{background:#007aff;color:#fff}.width-preview{align-items:center;display:flex;height:100%;width:40px}.width-line{background:currentColor;border-radius:4px;width:100%}.width-label{font-size:13px;font-weight:500}.fontsize-picker-popup{animation:popupFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;bottom:80px!important;box-shadow:0 8px 32px #0000004d,0 0 0 2px #00000026;min-width:180px;padding:12px 16px;pointer-events:auto;position:fixed!important;z-index:99999!important}.fontsize-option{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:16px;margin:4px 0;padding:10px 12px;transition:all .2s ease}.fontsize-option:hover{background:#0000000f}.fontsize-option.active{background:#007aff;color:#fff}.fontsize-preview{align-items:center;display:flex;flex-shrink:0;font-family:Arial,sans-serif;font-weight:700;height:32px;justify-content:center;width:32px}.fontsize-label{flex:1 1;font-size:13px;font-weight:500}.toolbar-btn.undo-btn:not(:disabled){background:#007aff1a;color:#007aff}.toolbar-btn.undo-btn:not(:disabled):hover{background:#007aff2e}.toolbar-btn.undo-btn:disabled{color:#d1d1d6;opacity:.4}.toolbar-btn.redo-btn:not(:disabled){background:#32ade61a;color:#32ade6}.toolbar-btn.redo-btn:not(:disabled):hover{background:#32ade62e}.toolbar-btn.redo-btn:disabled{color:#d1d1d6;opacity:.4}.toolbar-btn.clear-btn{background:#0000;color:#ff3b30}.toolbar-btn.clear-btn:hover{background:#ff3b302e}.toolbar-btn.clear-btn:active{background:#ff3b3040}@media (max-width:768px){.annotation-toolbar{border-radius:12px;bottom:16px;gap:2px;max-width:95vw;padding:4px}.color-current-btn,.toolbar-btn{border-radius:9px;height:34px;min-width:34px;width:34px}.tool-icon{font-size:18px}.color-preview{height:22px;width:22px}.toolbar-separator{height:22px;margin:0 2px}.color-picker-grid{gap:6px;grid-template-columns:repeat(4,1fr)}.color-option{height:30px;width:30px}.fontsize-picker-popup,.width-picker-popup{min-width:140px;padding:10px 12px}.fontsize-option,.width-option{padding:8px 10px}.fontsize-preview{height:28px;width:28px}}@media (max-width:480px){.annotation-toolbar{border-radius:10px;bottom:12px;gap:2px;padding:3px}.color-current-btn,.toolbar-btn{height:32px;min-width:32px;width:32px}.tool-icon{font-size:16px}.toolbar-separator{height:20px}}.color-current-btn:focus-visible,.toolbar-btn:focus-visible{outline:2px solid #007aff;outline-offset:2px}.annotation-toolbar{user-select:none;-webkit-user-select:none}@media (prefers-reduced-motion:reduce){.annotation-toolbar,.color-option,.color-preview,.fontsize-option,.toolbar-btn,.width-option{animation:none;transition:none}}.video-pip-container{animation:pipSlideIn .3s ease;cursor:grab;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;top:120px;touch-action:none;-webkit-user-select:none;user-select:none;z-index:10500!important}.video-pip-container.dragging{cursor:grabbing;opacity:.9}@keyframes pipSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.pip-video{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 .5px #ffffff1a;height:120px;overflow:hidden;position:relative;transition:all .2s ease;width:160px}.pip-video:hover{box-shadow:0 12px 40px #00000080,0 0 0 .5px #fff3;transform:scale(1.05)}.pip-video-element{height:100%;object-fit:cover;width:100%}.pip-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:6px;bottom:8px;color:#fff;font-size:12px;font-weight:600;left:8px;letter-spacing:-.2px;padding:4px 10px;position:absolute}.pip-close-btn{align-items:center;align-self:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1c1c1ecc;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;margin-top:4px;transition:all .2s ease;width:36px}.pip-close-btn:hover{background:#1c1c1ef2;transform:scale(1.1)}.pip-close-btn:active{transform:scale(.95)}.pip-drag-handle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1ecc;border-radius:4px 0 0 4px;color:#fff9;display:flex;font-size:12px;height:40px;justify-content:center;left:-20px;letter-spacing:-2px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:16px}.video-pip-container:hover .pip-drag-handle{opacity:1}@media (max-width:768px){.video-pip-container{right:12px;top:100px}.pip-video{border-radius:10px;height:90px;width:120px}.pip-label{font-size:11px;padding:3px 8px}.pip-close-btn{font-size:12px;height:32px;width:32px}}.text-annotation-selected{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgcj0iMTMiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwN2FmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTE0IDh2MTJtLTYtNmgxMiIgc3Ryb2tlPSIjMDA3YWZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSI4IiByPSIyIiBmaWxsPSIjMDA3YWZmIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSIyMCIgcj0iMiIgZmlsbD0iIzAwN2FmZiIvPjxjaXJjbGUgY3g9IjgiIGN5PSIxNCIgcj0iMiIgZmlsbD0iIzAwN2FmZiIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iMTQiIHI9IjIiIGZpbGw9IiMwMDdhZmYiLz48L3N2Zz4=) 14 14,grab}.text-annotation-dragging{box-shadow:0 12px 32px #007aff66;cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgcj0iMTMiIGZpbGw9IiMwMDdhZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTE0IDh2MTJtLTYtNmgxMiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSI4IiByPSIyIiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iMTQiIGN5PSIyMCIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgY3g9IjgiIGN5PSIxNCIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iMTQiIHI9IjIiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) 14 14,grabbing;transform:scale(1.02)}.text-annotation-editing,.text-annotation-editing *,.text-annotation-editing .text-annotation-content,.text-annotation-editing:after,.text-annotation-editing:before{border:none!important;box-shadow:none!important;letter-spacing:normal!important;margin:0!important;outline:none!important;padding:8px 12px!important;text-indent:0!important;word-spacing:normal!important}.text-annotation-editing{box-sizing:initial!important;min-width:2px!important;width:auto!important}.text-annotation-editing .text-annotation-content{display:inline-block!important;min-width:2px!important;text-align:left!important;vertical-align:top!important;width:auto!important}.text-annotation{background:#0000;border:none;padding:8px 12px;position:absolute;text-align:left;transition:outline .2s ease;-webkit-user-select:none;user-select:none;z-index:10}.text-annotation-content{cursor:text;line-height:1;margin:0;padding:0;text-align:left;-webkit-user-select:text;user-select:text}.text-annotation-selected{outline:1px dashed #007aff80;outline-offset:2px;transition:all .2s ease}.text-annotation-selected .text-annotation-content{cursor:text}.text-annotation-editing{background:#0000;border:none;box-shadow:none;cursor:text!important;outline:none!important;padding:0!important}.text-annotation-editing .text-annotation-content{cursor:text!important}.text-annotation-dragging{box-shadow:0 4px 12px #007aff33;opacity:.85;outline:1px dashed #007aff80;outline-offset:2px;transition:box-shadow .15s ease;z-index:100}.text-annotation-readonly{opacity:.7}.text-readonly-indicator{background:#808080e6;border-radius:3px;color:#fff;font-size:10px;left:0;padding:2px 6px;pointer-events:none;position:absolute;top:-24px;white-space:nowrap;z-index:1000}.text-resize-handle{background:#0000;border:none;position:absolute;z-index:1001}.text-resize-e,.text-resize-w{cursor:ew-resize!important;height:100%;top:0;width:10px}.text-resize-e{right:-5px}.text-resize-w{left:-5px}.text-resize-n,.text-resize-s{cursor:ns-resize!important;height:10px;left:0;width:100%}.text-resize-n{top:-5px}.text-resize-s{bottom:-5px}.text-resize-ne,.text-resize-nw,.text-resize-se,.text-resize-sw{height:10px;width:10px}.text-resize-ne{cursor:nesw-resize!important;right:-5px;top:-5px}.text-resize-nw{cursor:nwse-resize!important;left:-5px;top:-5px}.text-resize-se{bottom:-5px;cursor:nwse-resize!important;right:-5px}.text-resize-sw{bottom:-5px;cursor:nesw-resize!important;left:-5px}.text-annotation-editing .text-resize-handle{display:none}.text-tool-active,.text-tool-active *{cursor:text!important}@keyframes textSelectPulse{0%,to{outline-color:#007aff4d}50%{outline-color:#007aff99}}.text-annotation-selected:hover{animation:textSelectPulse 2s ease-in-out infinite}@media (max-width:768px){.text-annotation{padding:6px 10px}.text-resize-handle{height:12px!important;width:12px!important}.text-resize-e,.text-resize-w{height:30px!important}.text-readonly-indicator{font-size:10px;padding:3px 6px}}.text-annotation:focus-visible{outline:2px solid #007aff;outline-offset:2px}.text-annotation-dragging .text-annotation-content{user-select:none;-webkit-user-select:none}@media print{.text-annotation-editing,.text-annotation-selected{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}.text-readonly-indicator,.text-resize-handle{display:none!important}}:root{--fs-bg-panel:#fff;--fs-bg-secondary:#f5f5f7;--fs-bg-tertiary:#f2f2f7;--fs-text-primary:#1c1c1e;--fs-text-secondary:#86868b;--fs-text-tertiary:#c7c7cc;--fs-accent-blue:#007aff;--fs-accent-blue-hover:#0051d5;--fs-accent-green:#34c759;--fs-accent-red:#ff3b30;--fs-accent-red-hover:#ff2d20;--fs-accent-orange:#ff9500;--fs-border-light:#00000014;--fs-border-medium:#0000001f;--fs-shadow-sm:0 1px 3px #0000000f;--fs-shadow-md:0 2px 8px #00000014;--fs-shadow-lg:0 8px 32px #0000001f,0 0 0 0.5px #0000000f;--fs-space-xs:4px;--fs-space-sm:8px;--fs-space-md:12px;--fs-space-lg:16px;--fs-space-xl:24px;--fs-radius-sm:6px;--fs-radius-md:10px;--fs-radius-lg:12px;--fs-radius-full:9999px;--fs-transition:0.2s cubic-bezier(0.25,0.46,0.45,0.94);--fs-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.file-share-panel{background:#fff;background:var(--fs-bg-panel);border-left:1px solid #00000014;border-left:1px solid var(--fs-border-light);display:flex;flex-direction:column;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--fs-font);height:100%;max-width:400px;min-width:280px;overflow:hidden;width:25%}.file-panel-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #00000014;box-shadow:0 2px 8px #0000000a;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;min-height:48px;padding:8px 12px;z-index:1000}.file-panel-header h3{color:#1c1c1e;font-size:13px;font-weight:600;letter-spacing:-.3px;margin:0}.close-panel-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--fs-radius-sm);color:#86868b;color:var(--fs-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:4px;padding:var(--fs-space-xs);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--fs-transition);width:32px}.close-panel-btn:hover{background:#f2f2f7;background:var(--fs-bg-tertiary);color:#1c1c1e;color:var(--fs-text-primary)}.file-upload-zone{background:#f5f5f7;background:var(--fs-bg-secondary);border:2px dashed #0000001f;border:2px dashed var(--fs-border-medium);border-radius:12px;border-radius:var(--fs-radius-lg);cursor:pointer;margin:16px;margin:var(--fs-space-lg);padding:24px 16px;padding:var(--fs-space-xl) var(--fs-space-lg);text-align:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--fs-transition)}.file-upload-zone:hover{background:#f2f2f7;background:var(--fs-bg-tertiary);border-color:#007aff;border-color:var(--fs-accent-blue);box-shadow:0 1px 3px #0000000f;box-shadow:var(--fs-shadow-sm);transform:translateY(-2px)}.file-upload-zone.dragging{background:#34c7590d;border-color:#34c759;border-color:var(--fs-accent-green);box-shadow:0 2px 8px #00000014;box-shadow:var(--fs-shadow-md);transform:scale(1.02)}.upload-icon{font-size:48px;margin-bottom:12px;margin-bottom:var(--fs-space-md);opacity:.6}.upload-text{color:#1c1c1e;color:var(--fs-text-primary);font-size:14px;font-weight:500;line-height:1.5;margin:12px 0;margin:var(--fs-space-md) 0}.upload-hint{color:#86868b;color:var(--fs-text-secondary);font-size:12px;margin-top:8px;margin-top:var(--fs-space-sm)}.fileshare-upload-progress{align-items:center;background:#f5f5f7;background:var(--fs-bg-secondary);border-radius:12px;border-radius:var(--fs-radius-lg);display:flex;flex-direction:column;gap:8px;gap:var(--fs-space-sm);margin:16px;margin:var(--fs-space-lg);padding:16px;padding:var(--fs-space-lg)}.fileshare-progress-bar{background:#f2f2f7;background:var(--fs-bg-tertiary);height:6px;overflow:hidden;width:100%}.fileshare-progress-bar,.fileshare-progress-fill{border-radius:9999px;border-radius:var(--fs-radius-full)}.fileshare-progress-fill{background:linear-gradient(90deg,#007aff,#34c759);background:linear-gradient(90deg,var(--fs-accent-blue),var(--fs-accent-green));height:100%;transition:width .3s ease}.fileshare-upload-progress span{color:#007aff;color:var(--fs-accent-blue);font-size:13px;font-weight:600}.file-error{background:#ff3b301a;border:1px solid #ff3b3033;border-radius:10px;border-radius:var(--fs-radius-md);color:#ff3b30;color:var(--fs-accent-red);font-size:13px;font-weight:500;margin:0 16px 16px;margin:0 var(--fs-space-lg) var(--fs-space-lg);text-align:center}.file-error,.files-list{padding:12px;padding:var(--fs-space-md)}.files-list{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--fs-space-sm);min-height:0;overflow-x:hidden;overflow-y:auto}.files-list::-webkit-scrollbar{width:6px}.files-list::-webkit-scrollbar-track{background:#0000}.files-list::-webkit-scrollbar-thumb{background:#0000001f;background:var(--fs-border-medium);border-radius:3px}.files-list::-webkit-scrollbar-thumb:hover{background:#c7c7cc;background:var(--fs-text-tertiary)}.file-item{background:#f5f5f7;background:var(--fs-bg-secondary);border:1px solid #00000014;border:1px solid var(--fs-border-light);border-radius:10px;border-radius:var(--fs-radius-md);cursor:pointer;display:flex;gap:12px;gap:var(--fs-space-md);padding:12px;padding:var(--fs-space-md);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--fs-transition)}.file-item:hover{background:#f2f2f7;background:var(--fs-bg-tertiary);border-color:#0000001f;border-color:var(--fs-border-medium);box-shadow:0 1px 3px #0000000f;box-shadow:var(--fs-shadow-sm);transform:translateX(2px)}.file-item.active{background:#007aff14;border-color:#007aff;border-color:var(--fs-accent-blue);box-shadow:0 2px 8px #00000014;box-shadow:var(--fs-shadow-md)}.file-icon{align-items:center;background:#f2f2f7;background:var(--fs-bg-tertiary);border:1px solid #00000014;border:1px solid var(--fs-border-light);border-radius:6px;border-radius:var(--fs-radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;min-width:40px;transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--fs-transition);width:40px}.file-item:hover .file-icon{transform:scale(1.05)}.file-item.active .file-icon{background:#007aff1a;border-color:#007aff;border-color:var(--fs-accent-blue)}.file-icon svg{transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--fs-transition)}.file-item.active .file-icon svg{stroke:#007aff;stroke:var(--fs-accent-blue)}.file-info{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--fs-space-xs);min-width:0}.file-name{color:#1c1c1e;color:var(--fs-text-primary);font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#86868b;color:var(--fs-text-secondary);display:flex;font-size:12px;gap:12px;gap:var(--fs-space-md)}.file-meta span{white-space:nowrap}.file-stats{color:#c7c7cc;color:var(--fs-text-tertiary);display:flex;font-size:11px;gap:12px;gap:var(--fs-space-md);margin-top:4px;margin-top:var(--fs-space-xs)}.file-expiry.warning{color:#ff9500;color:var(--fs-accent-orange);font-weight:600}.file-actions{flex-direction:column;gap:4px;gap:var(--fs-space-xs)}.delete-file-btn,.file-actions{align-items:center;display:flex;justify-content:center}.delete-file-btn{background:#0000;border:none;border-radius:6px;border-radius:var(--fs-radius-sm);color:#86868b;color:var(--fs-text-secondary);cursor:pointer;font-size:18px;height:28px;padding:4px;padding:var(--fs-space-xs);transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all var(--fs-transition);width:28px}.delete-file-btn:hover{background:#ff3b301a;color:#ff3b30;color:var(--fs-accent-red);transform:scale(1.1)}.active-indicator{animation:pulse 2s infinite;color:#007aff;color:var(--fs-accent-blue);font-size:18px}.no-files{color:#86868b;color:var(--fs-text-secondary);padding:24px;padding:var(--fs-space-xl);text-align:center}.no-files p{font-size:14px;line-height:1.5;margin:8px 0;margin:var(--fs-space-sm) 0}.file-panel-footer{background:#f5f5f7;background:var(--fs-bg-secondary);border-top:1px solid #00000014;border-top:1px solid var(--fs-border-light);flex-shrink:0;padding:16px;padding:var(--fs-space-lg)}.info-text{color:#86868b;color:var(--fs-text-secondary);font-size:12px;line-height:1.4;margin:0 0 4px;margin:0 0 var(--fs-space-xs) 0;text-align:center}.info-text.small{color:#c7c7cc;color:var(--fs-text-tertiary);font-size:11px}@media (max-width:1200px){.file-share-panel{max-width:350px;min-width:250px;width:30%}}@media (max-width:1024px){.file-share-panel{min-width:240px;width:35%}.file-panel-header{padding:12px;padding:var(--fs-space-md)}.file-panel-header h3{font-size:15px}.upload-icon{font-size:40px}.file-icon{height:36px;min-width:36px;width:36px}.file-icon:before{font-size:18px}}@media (max-width:768px){.file-panel-header{min-height:40px;padding:5px 8px}.file-panel-header h3{font-size:11px}.file-upload-zone{margin:12px;margin:var(--fs-space-md);padding:16px;padding:var(--fs-space-lg)}.upload-icon{font-size:36px}.upload-text{font-size:13px}.upload-hint{font-size:11px}.files-list{gap:4px;gap:var(--fs-space-xs)}.file-item,.files-list{padding:8px;padding:var(--fs-space-sm)}.file-item{gap:8px;gap:var(--fs-space-sm)}.file-icon{height:32px;min-width:32px;width:32px}.file-icon:before{font-size:16px}.file-name{font-size:13px}.file-meta{font-size:11px}.file-meta,.file-stats{gap:8px;gap:var(--fs-space-sm)}.file-stats{font-size:10px}.delete-file-btn{font-size:16px;height:24px;width:24px}.file-panel-footer{padding:12px;padding:var(--fs-space-md)}.info-text{font-size:11px}.info-text.small{font-size:10px}}@media (max-width:480px){.file-item{align-items:flex-start;flex-direction:column}.file-actions{flex-direction:row;justify-content:flex-end;margin-top:4px;margin-top:var(--fs-space-xs);width:100%}}.close-panel-btn:focus-visible,.delete-file-btn:focus-visible,.file-item:focus-visible{outline:2px solid #007aff;outline:2px solid var(--fs-accent-blue);outline-offset:2px}@media (prefers-contrast:high){.file-icon,.file-item{border:2px solid #1c1c1e;border:2px solid var(--fs-text-primary)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.active-indicator{animation:none}}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer .endOfContent.active{top:0}.annotation-layer{overflow:hidden;pointer-events:none;z-index:10}.annotation-canvas,.annotation-layer{height:100%;left:0;position:absolute;top:0;width:100%}.annotation-canvas{cursor:crosshair;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.annotation-canvas[style*="cursor: default"]{cursor:default}.eraser-preview-circle{animation:eraser-pulse-subtle 2s ease-in-out infinite;background-color:#fff3;border:2px solid #000c;border-radius:50%;box-shadow:inset 0 0 10px #0000001a,0 0 15px #ffffff4d;pointer-events:none;position:absolute;transition:transform .1s ease-out;z-index:100}@keyframes eraser-pulse-subtle{0%,to{opacity:.9}50%{opacity:1}}.annotation-layer.is-drawing .eraser-preview-circle{animation:none;background-color:#ff646426;border-color:#ff323299;transform:scale(.95)}.annotation-layer[data-tool=eraser] .annotation-canvas{cursor:none!important}.annotation-layer.is-drawing{user-select:none;-webkit-user-select:none}.annotation-layer.is-drawing .annotation-canvas{cursor:crosshair!important}.annotation-layer.is-drawing[data-tool=eraser] .annotation-canvas{cursor:none!important}.annotation-cursor{animation:cursorFadeIn .3s ease-out;pointer-events:none;position:absolute;transform:translate(-8px,-8px);transition:left .1s linear,top .1s linear;z-index:15}@keyframes cursorFadeIn{0%{opacity:0;transform:translate(-8px,-8px) scale(.8)}to{opacity:1;transform:translate(-8px,-8px) scale(1)}}.cursor-pointer{align-items:center;background:#007aff;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #007aff66;color:#fff;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;width:36px}.cursor-label{background:#1c1c1ef2;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;font-weight:500;left:50%;padding:6px 12px;position:absolute;top:44px;transform:translateX(-50%);white-space:nowrap}@media (prefers-reduced-motion:reduce){.annotation-cursor,.eraser-preview-circle{animation:none;transition:none}}@media (hover:none) and (pointer:coarse){.annotation-canvas{touch-action:none}.eraser-preview-circle{border-width:3px;box-shadow:inset 0 0 15px #00000026,0 0 20px #fff6}}@media (max-width:768px){.cursor-pointer{font-size:17px;height:40px;width:40px}.cursor-label{font-size:11px;padding:5px 10px;top:48px}.eraser-preview-circle{border-width:3px}}@media (prefers-color-scheme:dark){.eraser-preview-circle{background-color:#0003;border-color:#fff9}.annotation-layer.is-drawing .eraser-preview-circle{background-color:#ff646433;border-color:#ff6464b3}}.document-viewer{background:#f5f5f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;position:relative;width:100%}.viewer-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #00000014;box-shadow:0 2px 8px #0000000a;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;min-height:48px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;z-index:1000}.viewer-header:after,.viewer-header:before{content:"";flex:1 1;min-width:0}@media (max-width:768px){.viewer-header:after,.viewer-header:before{display:none}}.viewer-header::-webkit-scrollbar{height:3px}.viewer-header::-webkit-scrollbar-track{background:#0000}.viewer-header::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.viewer-title{align-items:center;color:#1c1c1e;display:flex;flex-shrink:1;font-size:13px;font-weight:600;gap:6px;max-width:200px;min-width:0}.viewer-title .file-icon{flex-shrink:0;font-size:16px}.viewer-title .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon-wrapper{align-items:center;background:#f2f2f7;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.page-badge{display:none}.viewer-controls{background:#f2f2f7;border-radius:20px;padding:3px}.page-controls,.viewer-controls{align-items:center;display:flex;flex-shrink:0;gap:2px}.page-controls button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;padding:0;transition:all .2s ease;width:28px}.page-controls button svg{stroke:#1c1c1e;stroke-width:2.5;fill:none;height:12px;width:12px}.page-controls button:hover:not(:disabled){background:#00000014;transform:scale(1.1)}.page-controls button:active:not(:disabled){transform:scale(.95)}.page-controls button:disabled{cursor:not-allowed;opacity:.3}.page-controls button:disabled svg{stroke:#8e8e93}.page-indicator{color:#1c1c1e;font-size:12px;font-weight:600;min-width:40px;padding:0 6px;text-align:center;white-space:nowrap}.controls-separator{background:#0000001a;flex-shrink:0;height:20px;margin:0 2px;width:1px}.zoom-controls{align-items:center;display:flex;flex-shrink:0;gap:2px}.zoom-controls button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;min-width:28px;padding:0;transition:all .2s ease;width:28px}.zoom-controls button svg{stroke:#1c1c1e;stroke-width:2.5;fill:none;height:14px;width:14px}.zoom-controls button:hover{background:#00000014;transform:scale(1.1)}.zoom-controls button:active{transform:scale(.95)}.zoom-level{color:#1c1c1e;font-size:11px;font-weight:600;min-width:40px;padding:0 6px;text-align:center;white-space:nowrap}.control-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.control-btn svg{stroke-width:2;height:16px;transition:all .2s ease;width:16px}.download-annotated-btn svg,.download-btn svg{stroke-width:2.5;height:18px;width:18px}.control-btn:hover{transform:scale(1.08)}.control-btn:active{transform:scale(.95)}.download-annotated-btn,.download-btn{background:linear-gradient(135deg,#34c759,#30b350);box-shadow:0 2px 6px #34c7594d}.download-annotated-btn:hover,.download-btn:hover{background:linear-gradient(135deg,#30b350,#28a745);box-shadow:0 3px 10px #34c75966}.fullscreen-btn{background:linear-gradient(135deg,#007aff,#0051d5);box-shadow:0 2px 6px #007aff4d}.fullscreen-btn svg{stroke:#fff;fill:none}.fullscreen-btn:hover{background:linear-gradient(135deg,#0051d5,#0040a8);box-shadow:0 3px 10px #007aff66}.video-pip-btn{background:linear-gradient(135deg,#5856d6,#4840c4);box-shadow:0 2px 6px #5856d64d}.video-pip-btn svg{stroke:#fff;fill:none}.video-pip-btn:hover{background:linear-gradient(135deg,#4840c4,#3830b0);box-shadow:0 3px 10px #5856d666}.video-pip-btn.active{background:#5856d6;box-shadow:0 0 0 2px #5856d64d,0 2px 6px #5856d64d}.close-btn{background:linear-gradient(135deg,#ff3b30,#ff2d20);box-shadow:0 2px 6px #ff3b304d}.close-btn svg{stroke:#fff;stroke-width:2.5}.close-btn:hover{background:linear-gradient(135deg,#ff2d20,#e62117);box-shadow:0 3px 10px #ff3b3066}.viewer-content{align-items:flex-start;background:#f5f5f7;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px;position:relative}.viewer-content::-webkit-scrollbar{height:10px;width:10px}.viewer-content::-webkit-scrollbar-track{background:#00000008}.viewer-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:5px}.viewer-content::-webkit-scrollbar-thumb:hover{background:#00000040}.viewer-content::-webkit-scrollbar-corner{background:#00000008}.viewer-zoom-wrapper{position:relative;transform-origin:top left;will-change:transform}.error-state,.loading-state{min-height:300px;padding:48px 24px}.error-state{color:#ff3b30}.error-icon{margin-bottom:16px}.error-title{color:#1c1c1e;font-size:18px;font-weight:600;margin:0 0 8px}.error-filename{color:#8e8e93;font-size:14px;margin:0 0 8px}.error-message{color:#ff3b30;font-size:14px;margin:0 0 24px}.retry-btn{background:linear-gradient(135deg,#007aff,#0051d5);border:none;border-radius:10px;box-shadow:0 2px 8px #007aff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.retry-btn:hover{background:linear-gradient(135deg,#0051d5,#0040a8);box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}.spinner{border:3px solid #0000001a;border-top-color:#007aff;height:36px;margin-bottom:16px;width:36px}.loading-filename,.loading-text{color:#1c1c1e;font-size:14px;margin:0}.loading-filename{color:#8e8e93;margin-top:8px}.page-loading p,.pdf-loading p{font-size:14px}.viewer-footer{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #00000014;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;min-height:36px;overflow-x:auto;overflow-y:hidden;padding:6px 12px;z-index:1000}.viewer-footer::-webkit-scrollbar{height:3px}.viewer-footer::-webkit-scrollbar-track{background:#0000}.viewer-footer::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.footer-info{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;white-space:nowrap}.active-tool,.annotation-count,.gesture-hint{color:#8e8e93;flex-shrink:0;font-size:11px}.active-tool{color:#007aff;font-weight:600}.document-viewer.fullscreen{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.document-viewer.fullscreen .annotation-toolbar,.document-viewer.fullscreen~.annotation-toolbar{z-index:9999!important}.document-image{border-radius:8px;box-shadow:0 4px 16px #0000001a;display:block;height:auto;max-width:100%}.react-pdf__Document{display:flex;justify-content:center}.react-pdf__Page{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a}.page-loading,.pdf-loading{align-items:center;color:#8e8e93;display:flex;flex-direction:column;justify-content:center;padding:24px}.page-loading p,.pdf-loading p{font-size:13px;margin:0}[data-tool=text]{cursor:text!important}.document-image,.react-pdf__Page{cursor:crosshair}.document-image[data-tool=text],.react-pdf__Page[data-tool=text]{cursor:text!important}@media (max-width:1024px){.viewer-header{min-height:44px;padding:6px 10px}.viewer-title{font-size:12px;max-width:150px}.control-btn{height:30px;min-width:30px;width:30px}.control-btn svg{height:15px;width:15px}.page-controls button,.zoom-controls button{height:26px;min-width:26px;width:26px}.page-indicator{font-size:11px;min-width:38px}.zoom-level{font-size:10px;min-width:38px}.viewer-content{padding:16px}.gesture-hint{display:none}}@media (max-width:768px){.viewer-header{gap:6px;min-height:40px;padding:5px 8px}.viewer-title{font-size:11px;max-width:100px}.viewer-title .file-icon{font-size:14px}.viewer-controls{gap:1px;padding:2px}.control-btn{height:28px;min-width:28px;width:28px}.control-btn svg{height:14px;width:14px}.page-controls button,.zoom-controls button{height:24px;min-width:24px;width:24px}.page-controls button svg,.zoom-controls button svg{height:11px;width:11px}.page-indicator{font-size:10px}.page-indicator,.zoom-level{min-width:35px;padding:0 4px}.zoom-level{font-size:9px}.controls-separator{height:16px}.viewer-content{padding:10px}.viewer-footer{min-height:32px;padding:4px 8px}.footer-info{gap:8px}.active-tool,.annotation-count{font-size:10px}.gesture-hint{display:none}}.control-btn:focus-visible,.page-controls button:focus-visible,.zoom-controls button:focus-visible{outline:2px solid #007aff;outline-offset:2px}.react-pdf__Page__textContent{-webkit-user-select:text;user-select:text}.document-viewer{animation:fadeIn .3s ease}.notification-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.notification{align-items:center;animation:slideInRight .3s ease,fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;gap:12px;max-width:450px;min-width:320px;padding:16px;pointer-events:all;transition:all .3s ease}.notification:hover{box-shadow:0 12px 30px #0003;transform:translateX(-4px)}.notification-success{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:4px solid #4caf50}.notification-success .notification-icon{color:#4caf50}.notification-error{background:linear-gradient(135deg,#fff,#fef2f2);border-left:4px solid #ef4444}.notification-error .notification-icon{color:#ef4444}.notification-warning{background:linear-gradient(135deg,#fff,#fffbeb);border-left:4px solid #f59e0b}.notification-warning .notification-icon{color:#f59e0b}.notification-info{background:linear-gradient(135deg,#fff,#eff6ff);border-left:4px solid #3b82f6}.notification-info .notification-icon{color:#3b82f6}.notification-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.notification-close:hover{background:#f3f4f6;color:#4b5563}.notification-close:active{transform:scale(.9)}@media (max-width:768px){.notification-container{left:12px;right:12px;top:60px}.notification{max-width:none;min-width:auto}}.admin-payment-management{max-width:none;padding:20px 10px;width:100%}.management-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.tab-button{background-color:#f5f5f5;border:1px solid #ddd;border-bottom:none;border-radius:5px 5px 0 0;cursor:pointer;margin-right:5px;padding:10px 20px}.tab-button.active{background-color:#5b9bd5;border-color:#5b9bd5;color:#fff}.plans-section,.subscriptions-section,.transactions-section{margin-top:20px;max-width:none;width:100%}.filters-bar{background-color:#f9f9f9;border-radius:5px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.filter-group{align-items:center;display:flex}.filter-group label{font-weight:700;margin-right:8px}.filter-group select{border:1px solid #ddd;border-radius:4px;padding:8px}.data-table table{border-collapse:collapse}.data-table th{background-color:#5b9bd5;padding:12px}.data-table td{border-bottom:1px solid #ddd;padding:10px}.data-table tr:hover{background-color:#f5f5f5}.action-button{background-color:#5b9bd5;color:#fff;display:inline-block;padding:8px 12px}.action-button.small{font-size:.9em;padding:5px 10px}.action-button:hover{background-color:#4a8ac4}.pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}.page-button{background-color:#5b9bd5;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 5px;padding:8px 15px}.page-button:disabled{background-color:#ccc;cursor:not-allowed}.page-info{color:#666;margin:0 10px}.plans-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.plan-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:20px}.plan-card.active{border-color:#5b9bd5}.plan-card.inactive{border-color:#e74c3c;opacity:.7}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.status-badge{border-radius:20px;font-size:.8em;padding:5px 10px}.status-badge.active{background-color:#dff0d8;color:#3c763d}.status-badge.inactive{background-color:#f2dede;color:#a94442}.plan-price{color:#5b9bd5;font-size:1.5em}.price-period{color:#666;font-size:.6em}.plan-description{color:#666;margin-bottom:15px}.plan-features{margin-bottom:20px;padding:0}.plan-features li{border-bottom:1px solid #eee;padding:5px 0}.plan-actions{display:flex;justify-content:space-between}.new-plan-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;margin:20px auto;max-width:none;padding:25px;width:100%}.new-plan-form h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-row.single-column{grid-template-columns:1fr}.form-row.three-columns{grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.form-row{gap:15px}.form-row,.form-row.three-columns{grid-template-columns:1fr}}.form-group{margin-bottom:0}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5b9bd5;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group textarea{font-family:inherit}.features-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;margin-top:15px;padding:20px;width:100%}.feature-input{align-items:center;display:flex;gap:12px;margin-bottom:12px}.feature-input input{flex:1 1;margin:0}.remove-feature-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;min-width:40px;padding:8px 12px;transition:background-color .2s}.remove-feature-btn:hover{background-color:#c0392b}.add-feature-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:15px;padding:10px 16px;transition:background-color .2s}.add-feature-btn:hover{background-color:#4a8ac4}.form-actions{border-top:1px solid #e0e0e0;gap:15px;margin-top:30px;padding-top:20px}.form-actions button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s}.create-btn,.submit-btn{background-color:#5b9bd5;border:none;color:#fff}.create-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background-color:#4a8ac4;transform:translateY(-1px)}.cancel-btn{background-color:#95a5a6;border:none;color:#fff}.cancel-btn:hover:not(:disabled){background-color:#7f8c8d}.form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.empty-message,.error-message,.loading-indicator{border-radius:5px;margin:20px 0;padding:20px;text-align:center}.loading-indicator{background-color:#e8f4fd;color:#2196f3}.error-message{background-color:#f2dede;color:#a94442}.empty-message{background-color:#f5f5f5;color:#666}.plans-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.add-plan-btn,.toggle-subscription-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.toggle-subscription-btn{background-color:#3498db;color:#fff}.toggle-subscription-btn:hover{background-color:#4a8ac4;transform:translateY(-1px)}.add-plan-btn{background-color:#5b9bd5;color:#fff}.add-plan-btn:hover{background-color:#4a8ac4;transform:translateY(-1px)}.plan-target{margin:12px 0 15px}.target-badge{border-radius:15px;display:inline-block;font-size:.75rem;font-weight:500;padding:6px 12px;text-align:center}.target-both{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.target-teacher{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.target-student{background-color:#fff3e0;border:1px solid #ffcc02;color:#f57c00}.form-help{color:#666;display:block;font-size:.8rem;font-style:italic;margin-top:4px}.admin-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px 0;overflow-x:auto;width:100%}.admin-table{border-collapse:collapse;margin:0;min-width:900px;width:100%}.admin-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.admin-table td{border-bottom:1px solid #dee2e6;padding:12px 8px;vertical-align:middle}.admin-table tr:hover{background-color:#f8f9fa}.admin-table .photo-column{min-width:80px;width:80px}.admin-table .name-column{color:#2c3e50;font-weight:500;min-width:150px}.admin-table .email-column{color:#6c757d;min-width:200px}.admin-table .subscription-column{min-width:200px}.admin-table .actions-column{min-width:160px}.admin-table .manage-subscription-column{min-width:140px}.subscription-status{border-radius:12px;display:inline-block;font-size:.85em;font-weight:500;min-width:60px;padding:4px 8px;text-align:center}.subscription-status.active{background-color:#d4edda;color:#155724}.subscription-status.free{background-color:#e2e3e5;color:#383d41}.action-buttons{gap:4px;justify-content:flex-start}.action-button{border-radius:4px;font-weight:500;gap:4px;padding:6px 10px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.action-button:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.subscription-details{line-height:1.4}.subscription-plan-name{color:#2c3e50;display:block;font-weight:600;margin-bottom:4px}.subscription-end-date{color:#6c757d;font-size:.9em}.no-subscription-message{color:#6c757d;font-style:italic}@media (max-width:1200px){.admin-table{min-width:800px}.admin-table td,.admin-table th{font-size:.9em;padding:10px 6px}.action-buttons{flex-direction:column;gap:2px}.action-button{font-size:.8em;padding:4px 8px}}@media (max-width:992px){.admin-table{min-width:700px}.admin-table .manage-subscription-column,.admin-table .subscription-column{min-width:120px}.subscription-details{font-size:.8em}}@media (max-width:768px){.admin-table-container{border-radius:0;margin:15px -15px}.admin-table{min-width:600px}.admin-table td,.admin-table th{font-size:.85em;padding:8px 4px}.admin-table .photo-column{min-width:60px;width:60px}.admin-table .name-column{min-width:120px}.admin-table .email-column{min-width:150px}}.admin-table-container::-webkit-scrollbar{height:8px}.admin-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.action-button.cancel-immediate{background-color:#dc3545}.action-button.cancel-immediate:hover{background-color:#a71d2a;transform:translateY(-1px)}.action-button.cancel-standard{background-color:#ffc107}.action-button.cancel-standard:hover{background-color:#e0a800}.action-button.extend{background-color:#17a2b8}.action-button.extend:hover{background-color:#138496}.action-button.reactivate{background-color:#28a745}.action-button.reactivate:hover{background-color:#1e7e34}.action-button.create{background-color:#007bff}.action-button.create:hover{background-color:#0056b3}.subscription-status.cancelled{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.subscription-status.expired{background-color:#f8d7da;border:1px solid #f1c2c7;color:#721c24}.subscription-status.suspended{background-color:#e2e3e5;border:1px solid #d1d3d4;color:#383d41}.subscription-actions-container{min-width:140px}.action-button.small{padding:4px 8px}.modal-alert{border-left:4px solid;border-radius:8px;margin:16px 0;padding:12px}.modal-alert.success{background-color:#d4edda;border-color:#28a745;color:#155724}.modal-alert.warning{background-color:#fff3cd;border-color:#ffc107;color:#856404}.modal-alert.error{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.modal-alert.info{background-color:#d1ecf1;border-color:#17a2b8;color:#0c5460}.plan-badge{border-radius:12px;display:inline-block;font-size:.7em;font-weight:600;margin-left:8px;padding:2px 8px}.plan-badge.recommended{background-color:#007bff;color:#fff}.plan-badge.popular{background-color:#28a745;color:#fff}.action-button[title]{position:relative}.action-button[title]:hover:after{background:#333;border-radius:4px;color:#fff;content:attr(title);font-size:.7em;margin-bottom:4px;padding:4px 8px;white-space:nowrap}.action-button[title]:hover:after,.action-button[title]:hover:before{bottom:100%;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.action-button[title]:hover:before{border:4px solid #0000;border-top-color:#333;content:""}@media (max-width:768px){.subscription-actions-container{min-width:100px}.action-button{font-size:.7em;padding:4px 6px}.subscription-quick-actions{flex-direction:column}}.subscription-time-remaining{font-size:.7em;font-weight:500;margin-top:4px}.subscription-actions-container{display:flex;flex-direction:column;gap:4px;min-width:160px}.subscription-quick-actions{gap:2px}.action-button.small{border-radius:4px;font-size:.7em;min-width:auto;padding:3px 6px}.action-button.small:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05)}.students-management-container,.teachers-management-container{background:linear-gradient(135deg,#f5f7fa,#e8ebf0);box-sizing:border-box;max-width:none;min-height:100vh;padding:30px;width:100%}.data-table{border-radius:12px;margin-bottom:20px;overflow-x:auto;width:100%}.data-table table{border-collapse:initial;border-spacing:0 12px;min-width:1200px;width:100%}.data-table thead tr{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #343a4033}.data-table th{background:#0000;border:none;color:#fff;font-size:.9em;font-weight:600;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table th:first-child{border-radius:12px 0 0 12px;padding-left:24px}.data-table th:last-child{border-radius:0 12px 12px 0;padding-right:24px}.data-table tbody tr{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.data-table td{background:#0000;border:none;padding:20px 16px;vertical-align:middle}.data-table td:first-child{border-radius:12px 0 0 12px;padding-left:24px}.data-table td:last-child{border-radius:0 12px 12px 0;padding-right:24px}.data-table tbody tr:nth-child(2n){background:linear-gradient(135deg,#fff,#f8f9fa)}.data-table .photo-column{width:80px}.data-table .photo-column img{border:3px solid #495057;border-radius:50%;box-shadow:0 4px 12px #4950574d;transition:all .3s ease}.data-table tbody tr:hover .photo-column img{border-color:#343a40;transform:scale(1.1)}.data-table td strong{color:#2c3e50;display:block;font-size:1em;font-weight:600;margin-bottom:2px}.data-table td{color:#6c757d;font-size:.9em}.subscription-display{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #495057;border-radius:10px;gap:10px;padding:12px}.plan-info,.subscription-display{display:flex;flex-direction:column}.plan-info{gap:6px}.plan-info strong{align-items:center;color:#495057;display:flex;font-size:1em;font-weight:700;gap:8px}.plan-info strong:before{content:"💎";font-size:1.2em}.plan-price{background:#fff;border-radius:20px;box-shadow:0 2px 6px #49505733;color:#495057;display:inline-block;font-size:.95em;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.subscription-dates{align-items:center;color:#6c757d;display:flex;font-size:.8em;gap:6px}.subscription-dates:before{content:"📅";font-size:1em}.status-badge{border-radius:25px;box-shadow:0 3px 10px #00000026;font-size:.85em;font-weight:700;letter-spacing:.5px;margin-top:8px;padding:8px 16px;position:static!important;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.status-badge:hover{box-shadow:0 5px 15px #00000040;transform:translateY(-2px)}.status-badge.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#155724}.status-badge.active:before{content:"✅"}.status-badge.inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;color:#721c24}.status-badge.inactive:before{content:"⚠️"}.status-badge.expired{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;color:#721c24}.status-badge.expired:before{content:"❌"}.status-badge.cancelled{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;color:#856404}.status-badge.cancelled:before{content:"⏸️"}.status-badge.no-sub{background:linear-gradient(135deg,#e2e3e5,#d1d3d4);border:2px solid #adb5bd;color:#495057}.status-badge.no-sub:before{content:"➖"}.no-subscription{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #6c757d;border-radius:10px;display:flex;padding:12px}.subscription-actions-container,.user-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px}.action-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:inline-flex;font-size:.85em;font-weight:600;gap:6px;justify-content:center;letter-spacing:.3px;padding:10px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:hover{box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.action-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.action-button.view{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.action-button.small{border-radius:6px;font-size:.75em;padding:6px 12px}.action-button.extend{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.action-button.cancel-standard{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.action-button.cancel-immediate{background:linear-gradient(135deg,#dc3545,#a71d2a);color:#fff}.action-button.reactivate{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.action-button.create{background:linear-gradient(135deg,#495057,#343a40);color:#fff}.subscription-quick-actions{display:flex;flex-wrap:wrap;gap:4px}.data-table tbody tr{animation:fadeInUp .5s ease-out}.data-table tbody tr:first-child{animation-delay:.05s}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:.2s}.data-table tbody tr:nth-child(5){animation-delay:.25s}@media (max-width:1400px){.data-table table{min-width:1000px}.students-management-container,.teachers-management-container{padding:20px}}@media (max-width:768px){.students-management-container,.teachers-management-container{padding:15px}.data-table table{min-width:900px}.data-table td,.data-table th{font-size:.85em;padding:12px 10px}.status-badge{font-size:.75em;padding:6px 12px}.action-button{font-size:.8em;padding:8px 12px}}.data-table::-webkit-scrollbar{height:10px}.data-table::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.data-table::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;box-shadow:0 2px 6px #4950574d}.data-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#343a40,#212529)}.data-table tbody tr.loading{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-add-user-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;box-sizing:border-box;margin:0 auto;padding:24px}.admin-add-user-container,.admin-add-user-form{max-width:100%;overflow-x:hidden;width:100%}.form-sections{display:flex;flex-direction:column;gap:32px;width:100%}.form-section{background:#fafafa;border-left:4px solid #1976d2;border-radius:8px;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:24px;width:100%}.form-grid{margin:0!important;max-width:100%!important;overflow-x:hidden;width:100%!important}.form-field{border-radius:4px;box-sizing:border-box;max-width:100%}.form-field,.form-field .MuiOutlinedInput-root{background:#fff}.form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#1976d2}.photo-upload-container{align-items:center;background:#fff;border:2px dashed #e0e0e0;border-radius:8px;display:flex;gap:16px;padding:16px;transition:border-color .2s ease}.photo-upload-container:hover{border-color:#1976d2}.photo-input{flex:1 1;font-family:inherit;padding:8px}.photo-preview{border:3px solid #1976d2;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:100px;overflow:hidden;width:100px}.preview-image{height:100%;object-fit:cover;width:100%}.subject-category{color:#666;font-size:.875rem;margin-left:8px}.form-section:has(.teacher-option){border-left-color:#4caf50}.form-section:has(.teacher-option) .section-title{color:#4caf50}.availability-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto;padding:16px;width:100%}.no-availability-message{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;padding:24px;text-align:center}.admin-options{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.admin-option{background:#1976d205;border-radius:4px;margin:0;padding:12px;transition:background-color .2s ease}.admin-option:hover{background:#1976d20d}.teacher-option{background:#4caf5005;border-left:3px solid #4caf50}.teacher-option:hover{background:#4caf500d}.admin-super-option{background:#ff980005;border-left:3px solid #ff9800}.admin-super-option:hover{background:#ff98000d}.admin-switch{color:#1976d2}.teacher-option .admin-switch{color:#4caf50}.admin-super-option .admin-switch{color:#ff9800}.form-actions{background:#f8f9fa;border-radius:8px;display:flex;justify-content:flex-end;margin-top:16px;padding:24px}.submit-button{border-radius:6px;box-shadow:0 2px 8px #1976d24d;font-size:1.1rem;font-weight:600;padding:12px 32px;transition:all .2s ease}.submit-button:hover{box-shadow:0 4px 12px #1976d266;transform:translateY(-1px)}.submit-button:disabled{box-shadow:0 1px 4px #0000001a;transform:none}@media (max-width:768px){.admin-add-user-container{margin:12px;padding:16px}.admin-add-user-header{margin-bottom:24px}.header-title{font-size:1.25rem}.form-section{padding:16px}.section-title{font-size:1.1rem}.photo-upload-container{align-items:flex-start;flex-direction:column}.photo-preview{align-self:center}.availability-container{padding:8px}.form-actions{padding:16px}.submit-button{padding:16px;width:100%}}@media (prefers-color-scheme:dark){.admin-add-user-container{background:#1e1e1e;color:#fff}.form-section{background:#2a2a2a}.form-field{background:#333}.photo-upload-container{background:#333;border-color:#555}.admin-options{background:#333}.no-availability-message{background:#333;border-color:#555;color:#ccc}.availability-container{background:#333}.form-actions{background:#2a2a2a}}.admin-switch:focus,.form-field:focus-within,.photo-input:focus{outline:2px solid #1976d2;outline-offset:2px}.submit-button .MuiCircularProgress-root{margin-right:8px}.form-field.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#d32f2f;border-width:2px}.form-field.Mui-error .MuiFormHelperText-root{color:#d32f2f;font-weight:500}.form-section.success{background:#4caf500d;border-left-color:#4caf50}.form-section.success .section-title{color:#4caf50}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker :after,.react-time-picker :before{box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{border:thin solid gray;display:flex;flex-grow:1;flex-shrink:0}.react-time-picker__inputGroup{box-sizing:initial;flex-grow:1;min-width:calc(12px + 3.674em);padding:0 2px}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block}.react-time-picker__inputGroup__input{-webkit-appearance:textfield;appearance:textfield;background:none;border:0;box-sizing:initial;color:currentColor;font:inherit;height:100%;min-width:.54em;padding:0 1px;position:relative}.react-time-picker__inputGroup__input::-webkit-inner-spin-button,.react-time-picker__inputGroup__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{-webkit-appearance:menulist;appearance:menulist;font:inherit}.react-time-picker__button{background:#0000;border:0;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:focus .react-time-picker__button__icon,.react-time-picker__button:enabled:hover .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{background-color:#fff;border:thin solid #a0a096;height:200px;max-width:100vw;padding:25px;width:200px;z-index:1}.react-time-picker__clock--closed{display:none}:root{--availability-primary:#5b9bd5;--availability-primary-hover:#4a8ac4;--availability-secondary:#1976d2;--availability-success:#2e7d32;--availability-error:#d32f2f;--availability-bg-light:#f8f9fa;--availability-bg-card:#fff;--availability-border:#e9ecef;--availability-text-primary:#2c3e50;--availability-text-secondary:#666;--availability-shadow:0 2px 8px #00000014;--availability-shadow-hover:0 4px 12px #0000001f;--availability-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.availability-table-container{background:#0000!important;box-shadow:none!important}.availability-table .header-cell{border-bottom:2px solid #4a8ac4!important;border-bottom:2px solid var(--availability-primary-hover)!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;padding:16px!important}.availability-table .header-cell,.availability-table thead tr{background-color:#5b9bd5!important;background-color:var(--availability-primary)!important}.availability-table .header-cell:hover{background-color:#4a8ac4!important;background-color:var(--availability-primary-hover)!important}.availability-table .table-row{background-color:initial!important}.availability-table .table-row:hover{background-color:#5b9bd50d!important}.availability-table-container .MuiTableCell-root{background-color:initial;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--availability-border)}.add-global-slot-form{align-items:center;background:#5b9bd50d;border:1px solid #e9ecef;border:1px solid var(--availability-border);border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.add-global-slot-form .form-label{color:#2c3e50;color:var(--availability-text-primary);font-size:1rem;font-weight:600;min-width:120px}.add-global-slot-form .form-separator{color:#666;color:var(--availability-text-secondary);font-weight:600;margin:0 2px}.add-subslot-form{align-items:center;display:flex;gap:10px;padding:8px}.add-subslot-form .add-subslot-label{color:#2c3e50;color:var(--availability-text-primary);font-size:.875rem;font-weight:600;min-width:70px}.add-subslot-form .add-subslot-separator{color:#666;color:var(--availability-text-secondary);font-weight:600;margin:0 2px}.availability-info-box{background:#5b9bd51a;border-left:4px solid #5b9bd5;border-left:4px solid var(--availability-primary);border-radius:8px;margin-bottom:20px;padding:12px 16px}.availability-info-text{color:#2c3e50;color:var(--availability-text-primary);font-size:.9rem;margin:0}.compact-time-picker .react-time-picker__wrapper{align-items:center;background:#fff;background:var(--availability-bg-card);border:2px solid #e9ecef;border:2px solid var(--availability-border);border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;font-size:1rem;height:48px;justify-content:center;min-width:140px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--availability-transition)}.compact-time-picker .react-time-picker__wrapper:hover{border-color:#5b9bd5;border-color:var(--availability-primary);box-shadow:0 2px 6px #5b9bd526;transform:translateY(-1px)}.compact-time-picker .react-time-picker__wrapper:focus-within{border-color:#5b9bd5;border-color:var(--availability-primary);box-shadow:0 0 0 4px #5b9bd526;outline:none}.mini-time-picker .react-time-picker__wrapper{align-items:center;background:#fff;background:var(--availability-bg-card);border:1px solid #e9ecef;border:1px solid var(--availability-border);border-radius:6px;display:flex;font-size:.875rem;height:40px;justify-content:center;min-width:125px;padding:6px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--availability-transition)}.mini-time-picker .react-time-picker__wrapper:hover{border-color:#5b9bd5;border-color:var(--availability-primary);box-shadow:0 1px 4px #5b9bd51a}.mini-time-picker .react-time-picker__wrapper:focus-within{border-color:#5b9bd5;border-color:var(--availability-primary);box-shadow:0 0 0 3px #5b9bd51f}.compact-time-picker .react-time-picker__inputGroup,.mini-time-picker .react-time-picker__inputGroup{align-items:center;display:flex;gap:8px;justify-content:center;padding:0}.compact-time-picker .react-time-picker__inputGroup__input,.mini-time-picker .react-time-picker__inputGroup__input{align-items:center!important;color:#2c3e50;color:var(--availability-text-primary);display:flex!important;font-size:1.2rem!important;font-weight:600;justify-content:center!important;min-width:32px!important;padding:2px!important;text-align:center!important;width:32px!important}.mini-time-picker .react-time-picker__inputGroup__input{font-size:1rem!important;min-width:28px!important;width:28px!important}.compact-time-picker .react-time-picker__inputGroup__leadingZero,.mini-time-picker .react-time-picker__inputGroup__leadingZero{display:none!important}.compact-time-picker .react-time-picker__inputGroup__divider,.mini-time-picker .react-time-picker__inputGroup__divider{align-items:center;color:#2c3e50;color:var(--availability-text-primary);display:flex;font-size:1.2rem;font-weight:700;justify-content:center;padding:0 6px}.mini-time-picker .react-time-picker__inputGroup__divider{font-size:1rem;padding:0 5px}.compact-time-picker .react-time-picker__button,.mini-time-picker .react-time-picker__button{background:#0000;border:none;border-radius:4px;padding:4px;transition:background-color .2s ease}.compact-time-picker .react-time-picker__button:hover,.mini-time-picker .react-time-picker__button:hover{background-color:#5b9bd51a}.compact-time-picker .react-time-picker__button:enabled:hover svg,.mini-time-picker .react-time-picker__button:enabled:hover svg{stroke:#5b9bd5;stroke:var(--availability-primary)}.compact-time-picker .react-time-picker__button svg,.mini-time-picker .react-time-picker__button svg{stroke:#666;stroke:var(--availability-text-secondary);height:16px;width:16px}.compact-time-picker .react-time-picker__calendar-button,.compact-time-picker .react-time-picker__clear-button,.mini-time-picker .react-time-picker__calendar-button,.mini-time-picker .react-time-picker__clear-button{display:none!important}.react-time-picker__clock{background:#fff;background:var(--availability-bg-card);border:1px solid #e9ecef;border:1px solid var(--availability-border);border-radius:8px;box-shadow:0 4px 12px #0000001f;box-shadow:var(--availability-shadow-hover)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.global-slot-cell{padding:16px!important}.global-slot-content{align-items:center;display:flex;gap:12px}.time-range{color:#2c3e50;color:var(--availability-text-primary);font-size:1rem;font-weight:600}.subslots-cell{padding:16px!important}.subslot-item{align-items:center;display:flex;gap:10px;margin-bottom:8px}.subslot-item:last-child{margin-bottom:0}.subslot-time{color:#2c3e50;color:var(--availability-text-primary);font-size:.9rem;font-weight:500}.no-subslots{color:#666;color:var(--availability-text-secondary);font-size:.875rem;font-style:italic}.actions-cell{padding:16px!important}.delete-btn,.delete-btn-small{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--availability-transition)}.delete-btn-small:hover,.delete-btn:hover{transform:scale(1.1)}.add-subslot-btn{white-space:nowrap}@media screen and (max-width:768px){.compact-time-picker .react-time-picker__wrapper{font-size:.9rem;height:44px;min-width:120px;padding:6px 12px}.mini-time-picker .react-time-picker__wrapper{font-size:.8rem;height:36px;min-width:105px;padding:5px 8px}.compact-time-picker .react-time-picker__inputGroup__input{font-size:1.1rem!important;min-width:30px!important;width:30px!important}.mini-time-picker .react-time-picker__inputGroup__input{font-size:.95rem!important;min-width:26px!important;width:26px!important}.availability-table .header-cell{font-size:.875rem!important;padding:12px 8px!important}.add-global-slot-form{flex-wrap:wrap;gap:12px}.add-subslot-form{flex-wrap:wrap;gap:8px}}@media screen and (max-width:480px){.compact-time-picker .react-time-picker__wrapper,.mini-time-picker .react-time-picker__wrapper{justify-content:center;width:100%}.compact-time-picker .react-time-picker__inputGroup,.mini-time-picker .react-time-picker__inputGroup{justify-content:center}.availability-table .header-cell{font-size:.75rem!important;padding:10px 6px!important}}.compact-time-picker .react-time-picker__wrapper:focus-visible,.mini-time-picker .react-time-picker__wrapper:focus-visible{outline:3px solid #5b9bd5;outline:3px solid var(--availability-primary);outline-offset:2px}.compact-time-picker .react-time-picker__button:focus-visible,.mini-time-picker .react-time-picker__button:focus-visible{border-radius:4px;outline:2px solid #5b9bd5;outline:2px solid var(--availability-primary);outline-offset:2px}.compact-time-picker .react-time-picker__wrapper:disabled,.mini-time-picker .react-time-picker__wrapper:disabled{background-color:#f5f5f5;border-color:#e0e0e0;cursor:not-allowed;opacity:.6}.compact-time-picker .react-time-picker__button:disabled,.mini-time-picker .react-time-picker__button:disabled{cursor:not-allowed;opacity:.5}@media (prefers-color-scheme:dark){:root{--availability-bg-light:#1e1e1e;--availability-bg-card:#2d2d2d;--availability-border:#404040;--availability-text-primary:#e0e0e0;--availability-text-secondary:#b0b0b0}.compact-time-picker .react-time-picker__wrapper,.mini-time-picker .react-time-picker__wrapper{background:#fff;background:var(--availability-bg-card);color:#2c3e50;color:var(--availability-text-primary)}.availability-table .header-cell{background-color:#5b9bd5!important;background-color:var(--availability-primary)!important;color:#fff!important}}@media print{.compact-time-picker .react-time-picker__button,.mini-time-picker .react-time-picker__button{display:none}.compact-time-picker .react-time-picker__wrapper,.mini-time-picker .react-time-picker__wrapper{border:1px solid #000;box-shadow:none}.availability-table .header-cell{background-color:#5b9bd5!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--courses-primary:#5b9bd5;--courses-primary-hover:#4a8ac4;--courses-border:#e9ecef;--courses-shadow:0 2px 8px #00000014;--courses-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.user-courses-table-container.MuiPaper-root{background:#0000!important;box-shadow:none!important}.MuiTableContainer-root .user-courses-table .MuiTableCell-head,.user-courses-table .MuiTableCell-head{background-color:#5b9bd5!important;background-color:var(--courses-primary)!important;border-bottom:2px solid #4a8ac4!important;border-bottom:2px solid var(--courses-primary-hover)!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;padding:16px!important}.user-courses-table .MuiTableHead-root .MuiTableRow-root,.user-courses-table thead tr{background-color:#5b9bd5!important;background-color:var(--courses-primary)!important}.user-courses-table .MuiTableCell-head:hover{background-color:#4a8ac4!important;background-color:var(--courses-primary-hover)!important}.user-courses-table .MuiTableBody-root .MuiTableRow-root,.user-courses-table tbody tr{background-color:initial!important;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--courses-transition)}.user-courses-table .MuiTableBody-root .MuiTableRow-root:hover,.user-courses-table tbody tr:hover{background-color:#5b9bd50d!important}.user-courses-table .MuiTableCell-root{background-color:initial;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--courses-border)}@media screen and (max-width:768px){.user-courses-table .MuiTableCell-head{font-size:.875rem!important;padding:12px 8px!important}}@media screen and (max-width:480px){.user-courses-table .MuiTableCell-head{font-size:.75rem!important;padding:10px 6px!important}}@media print{.user-courses-table .MuiTableCell-head{background-color:#5b9bd5!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.addf-container{--addf-primary:#2563eb;--addf-primary-light:#3b82f6;--addf-primary-dark:#1d4ed8;--addf-primary-bg:#2563eb0f;--addf-success:#059669;--addf-success-light:#d1fae5;--addf-success-border:#a7f3d0;--addf-warning:#d97706;--addf-warning-light:#fef3c7;--addf-warning-border:#fde68a;--addf-error:#dc2626;--addf-error-light:#fee2e2;--addf-error-border:#fecaca;--addf-info:#0891b2;--addf-info-light:#cffafe;--addf-info-border:#a5f3fc;--addf-text-primary:#111827;--addf-text-secondary:#4b5563;--addf-text-muted:#9ca3af;--addf-text-inverse:#fff;--addf-bg-page:#f8fafc;--addf-bg-card:#fff;--addf-bg-subtle:#f1f5f9;--addf-border:#e2e8f0;--addf-border-light:#f1f5f9;--addf-shadow-xs:0 1px 2px #0000000a;--addf-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--addf-shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;--addf-shadow-lg:0 10px 25px #0000000f,0 6px 12px #00000014,0 2px 4px #0000000a;--addf-shadow-xl:0 20px 40px #00000014,0 10px 20px #0000000f,0 4px 8px #0000000a;--addf-shadow-inset:inset 0 2px 4px #00000005;--addf-radius-sm:8px;--addf-radius-md:12px;--addf-radius-lg:16px;--addf-radius-xl:20px;--addf-radius-full:9999px;--addf-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--addf-transition-base:250ms cubic-bezier(0.4,0,0.2,1)}@keyframes addfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes addfFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes addfSpin{to{transform:rotate(1turn)}}@keyframes addfPulse{0%,to{opacity:1}50%{opacity:.7}}.addf-container{animation:addfFadeIn var(--addf-transition-base) ease-out;background:var(--addf-bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:28px}.addf-header{border-bottom:1px solid var(--addf-border-light);margin-bottom:28px;padding-bottom:20px;text-align:center}.addf-header-content{gap:14px;margin-bottom:8px}.addf-header-content,.addf-header-icon{align-items:center;display:flex;justify-content:center}.addf-header-icon{background:linear-gradient(145deg,var(--addf-primary),var(--addf-primary-dark));border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-md),inset 0 1px 0 #ffffff26;color:var(--addf-text-inverse);height:48px;width:48px}.addf-header-icon svg{height:24px;width:24px}.addf-title{color:var(--addf-text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0}.addf-subtitle{color:var(--addf-text-secondary);font-size:14px;font-weight:500;margin:0}.addf-summary-card{animation:addfFadeInUp var(--addf-transition-base) ease-out;background:var(--addf-bg-card);border:1px solid var(--addf-border);border-left:4px solid var(--addf-warning);border-radius:var(--addf-radius-lg);box-shadow:var(--addf-shadow-md);margin-bottom:24px;padding:24px}.addf-summary-header{align-items:center;border-bottom:1px solid var(--addf-border-light);display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.addf-summary-icon{align-items:center;background:linear-gradient(145deg,var(--addf-warning-light),#fde68a);border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-sm),inset 0 -2px 4px #d977061a;color:var(--addf-warning);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.addf-summary-icon svg{height:24px;width:24px}.addf-summary-title-group{flex:1 1;min-width:0}.addf-summary-title{color:var(--addf-text-primary);font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.addf-status-badge{align-items:center;border-radius:var(--addf-radius-full);box-shadow:var(--addf-shadow-xs);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.addf-status-badge.open{background:linear-gradient(145deg,var(--addf-warning-light),#fde68a);border:1px solid var(--addf-warning-border);color:#92400e}.addf-status-badge.under_review{background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:1px solid #bfdbfe;color:#1e40af}.addf-course-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.addf-meta-badge{align-items:center;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:1px solid #0000000a;border-radius:var(--addf-radius-md);box-shadow:0 3px 8px #00000014,0 1px 4px #0000000f,inset 0 -1px 2px #0000000a;color:var(--addf-text-secondary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all var(--addf-transition-fast)}.addf-meta-badge:hover{box-shadow:0 6px 14px #0000001f,0 2px 6px #00000014;transform:translateY(-2px)}.addf-meta-badge svg{color:var(--addf-primary);flex-shrink:0;height:18px;width:18px}.addf-meta-badge.price{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1976d2;font-weight:600}.addf-meta-badge.price,.addf-meta-badge.price span{font-size:.9rem!important}.addf-meta-badge.price:hover{background:linear-gradient(145deg,#bbdefb,#90caf9)}.addf-meta-badge.price svg{color:#1976d2;height:18px!important;width:18px!important}.addf-participants-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.addf-participant-card{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #0000000f;border-radius:var(--addf-radius-md);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a;display:flex;gap:14px;padding:16px;transition:all var(--addf-transition-fast)}.addf-participant-card:hover{box-shadow:0 8px 20px #0000001f,0 4px 10px #00000014;transform:translateY(-2px)}.addf-participant-avatar{border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;flex-shrink:0;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.addf-participant-avatar:hover{box-shadow:0 6px 16px #0003,0 3px 8px #00000026;transform:scale(1.08)}.addf-participant-avatar-placeholder{align-items:center;background:linear-gradient(145deg,#4a90a4,#3a7a8a);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #4a90a44d,0 2px 6px #4a90a433;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;text-shadow:0 1px 2px #0003;transition:all .3s ease;width:50px}.addf-participant-avatar-placeholder:hover{box-shadow:0 6px 16px #4a90a466,0 3px 8px #4a90a44d;transform:scale(1.08)}.addf-participant-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.addf-participant-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.addf-participant-name{color:#1f2937;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addf-positions-section{animation:addfFadeInUp var(--addf-transition-base) ease-out;animation-delay:.1s;animation-fill-mode:backwards;margin-bottom:24px}.addf-section-title{align-items:center;color:var(--addf-text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 18px}.addf-section-title-icon{align-items:center;background:linear-gradient(145deg,var(--addf-primary-bg),#dbeafe);border-radius:var(--addf-radius-sm);box-shadow:var(--addf-shadow-xs);color:var(--addf-primary);display:flex;height:32px;justify-content:center;width:32px}.addf-section-title-icon svg{height:18px;width:18px}.addf-position-card{background:var(--addf-bg-card);border:1px solid var(--addf-border);border-radius:var(--addf-radius-lg);box-shadow:var(--addf-shadow-sm);margin-bottom:16px;padding:22px;transition:all var(--addf-transition-fast)}.addf-position-card:hover{box-shadow:var(--addf-shadow-md)}.addf-position-card.opener{background:linear-gradient(145deg,var(--addf-bg-card) 0,#fffbeb 100%);border-left:4px solid var(--addf-warning)}.addf-position-card.respondent{background:linear-gradient(145deg,var(--addf-bg-card) 0,#eff6ff 100%);border-left:4px solid var(--addf-primary)}.addf-position-card.waiting{background:var(--addf-bg-subtle);border-left:4px solid var(--addf-border)}.addf-position-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.addf-position-title{align-items:center;color:var(--addf-text-primary);display:flex;font-size:15px;font-weight:700;gap:10px;margin:0}.addf-position-title-icon{align-items:center;border-radius:var(--addf-radius-sm);box-shadow:var(--addf-shadow-xs);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.addf-position-title-icon svg{height:18px;width:18px}.addf-position-card.opener .addf-position-title-icon{background:linear-gradient(145deg,var(--addf-warning-light),#fde68a);color:var(--addf-warning)}.addf-position-card.respondent .addf-position-title-icon{background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:var(--addf-primary)}.addf-position-card.waiting .addf-position-title-icon{background:var(--addf-bg-card);color:var(--addf-text-muted)}.addf-position-date{background:var(--addf-bg-subtle);border-radius:var(--addf-radius-full);color:var(--addf-text-muted);font-size:12px;font-weight:500;padding:4px 10px}.addf-reason-badge{align-items:center;background:var(--addf-error-light);border:1px solid var(--addf-error-border);border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-xs);color:var(--addf-error);display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:18px;padding:12px 16px}.addf-reason-badge svg{flex-shrink:0;height:18px;width:18px}.addf-description-box{background:var(--addf-bg-subtle);border:1px solid var(--addf-border-light);border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-inset);color:var(--addf-text-primary);font-size:14px;line-height:1.7;margin-bottom:18px;padding:16px 18px}.addf-claim-box{background:var(--addf-bg-card);border:1px solid var(--addf-border);border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-xs);font-size:14px;padding:16px 18px}.addf-claim-label{color:var(--addf-text-primary);font-weight:700;margin-right:8px}.addf-claim-value{color:var(--addf-text-secondary);font-weight:500}.addf-claim-justification{border-top:1px solid var(--addf-border-light);line-height:1.6;margin:14px 0 0;padding-top:14px}.addf-claim-justification,.addf-waiting-text{color:var(--addf-text-muted);font-style:italic}.addf-waiting-text{font-size:14px;line-height:1.5;margin:0}.addf-form-section{animation:addfFadeInUp var(--addf-transition-base) ease-out;animation-delay:.15s;animation-fill-mode:backwards;background:var(--addf-bg-card);border:1px solid var(--addf-border);border-radius:var(--addf-radius-lg);box-shadow:var(--addf-shadow-sm);margin-bottom:24px;padding:24px}.addf-form-section-header{margin-bottom:20px}.addf-form-section-title{align-items:center;color:var(--addf-text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 6px}.addf-form-section-title-icon{align-items:center;background:linear-gradient(145deg,var(--addf-success-light),#a7f3d0);border-radius:var(--addf-radius-sm);box-shadow:var(--addf-shadow-xs);color:var(--addf-success);display:flex;height:32px;justify-content:center;width:32px}.addf-form-section-title-icon svg{height:18px;width:18px}.addf-form-section-subtitle{color:var(--addf-text-secondary);font-size:14px;margin:0;padding-left:42px}.addf-decision-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.addf-decision-option{cursor:pointer;position:relative}.addf-decision-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.addf-decision-content{background:var(--addf-bg-subtle);border:2px solid var(--addf-border);border-radius:var(--addf-radius-md);padding:18px 22px;transition:all var(--addf-transition-fast)}.addf-decision-header{align-items:center;display:flex;gap:12px;margin-bottom:6px}.addf-decision-icon{align-items:center;border-radius:var(--addf-radius-sm);box-shadow:var(--addf-shadow-xs);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--addf-transition-fast);width:36px}.addf-decision-icon svg{height:20px;width:20px}.addf-decision-label{color:var(--addf-text-primary);font-size:15px;font-weight:700}.addf-decision-description{color:var(--addf-text-secondary);font-size:13px;line-height:1.5;margin:0;padding-left:48px}.addf-decision-option:hover .addf-decision-content{border-color:var(--addf-primary-light);box-shadow:var(--addf-shadow-md);transform:translateY(-2px)}.addf-decision-option.color-success .addf-decision-icon{background:linear-gradient(145deg,var(--addf-success-light),#a7f3d0);color:var(--addf-success)}.addf-decision-option.color-primary .addf-decision-icon{background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:var(--addf-primary)}.addf-decision-option.color-warning .addf-decision-icon{background:linear-gradient(145deg,var(--addf-warning-light),#fde68a);color:var(--addf-warning)}.addf-decision-option.selected .addf-decision-content{box-shadow:var(--addf-shadow-md);transform:translateY(-2px)}.addf-decision-option.selected.color-success .addf-decision-content{background:linear-gradient(145deg,var(--addf-success-light),#d1fae5);border-color:var(--addf-success)}.addf-decision-option.selected.color-success .addf-decision-label{color:#065f46}.addf-decision-option.selected.color-success .addf-decision-icon{background:linear-gradient(145deg,var(--addf-success),#047857);box-shadow:var(--addf-shadow-sm);color:var(--addf-text-inverse)}.addf-decision-option.selected.color-primary .addf-decision-content{background:linear-gradient(145deg,#dbeafe,#eff6ff);border-color:var(--addf-primary)}.addf-decision-option.selected.color-primary .addf-decision-label{color:#1e40af}.addf-decision-option.selected.color-primary .addf-decision-icon{background:linear-gradient(145deg,var(--addf-primary),var(--addf-primary-dark));box-shadow:var(--addf-shadow-sm);color:var(--addf-text-inverse)}.addf-decision-option.selected.color-warning .addf-decision-content{background:linear-gradient(145deg,var(--addf-warning-light),#fef3c7);border-color:var(--addf-warning)}.addf-decision-option.selected.color-warning .addf-decision-label{color:#92400e}.addf-decision-option.selected.color-warning .addf-decision-icon{background:linear-gradient(145deg,var(--addf-warning),#b45309);box-shadow:var(--addf-shadow-sm);color:var(--addf-text-inverse)}.addf-percentage-selector{animation:addfFadeInUp var(--addf-transition-fast) ease-out;background:linear-gradient(145deg,var(--addf-info-light),#a5f3fc);border:1px solid var(--addf-info-border);border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-sm);box-sizing:border-box;margin-top:20px;overflow:hidden;padding:24px}.addf-percentage-label{color:#0e7490;display:block;font-size:15px;font-weight:600;margin-bottom:16px}.addf-percentage-label strong{color:#155e75}.addf-percentage-slider{-webkit-appearance:none;background:linear-gradient(90deg,var(--addf-success),var(--addf-info),var(--addf-primary));border-radius:5px;box-sizing:border-box;cursor:pointer;height:10px;margin:8px 0;outline:none;width:100%}.addf-percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid var(--addf-primary);border-radius:50%;box-shadow:0 2px 8px #2563eb4d;cursor:grab;height:24px;-webkit-transition:transform var(--addf-transition-fast);transition:transform var(--addf-transition-fast);width:24px}.addf-percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.addf-percentage-slider::-webkit-slider-thumb:active{cursor:grabbing}.addf-percentage-slider::-moz-range-thumb{background:#fff;border:3px solid var(--addf-primary);border-radius:50%;box-shadow:0 2px 8px #2563eb4d;cursor:grab;height:24px;width:24px}.addf-percentage-markers{color:#0e7490;display:flex;font-size:11px;font-weight:600;justify-content:space-between;margin-top:8px}.addf-amount-preview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px}.addf-amount-card{background:var(--addf-bg-card);border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-xs);padding:18px;text-align:center;transition:all var(--addf-transition-fast)}.addf-amount-card:hover{box-shadow:var(--addf-shadow-sm);transform:translateY(-2px)}.addf-amount-card.student{background:linear-gradient(145deg,var(--addf-success-light),#d1fae5);border:2px solid var(--addf-success-border)}.addf-amount-card.teacher{background:linear-gradient(145deg,#dbeafe,#eff6ff);border:2px solid #93c5fd}.addf-amount-label{font-size:12px;font-weight:600;letter-spacing:.025em;margin:0 0 8px;text-transform:uppercase}.addf-amount-card.student .addf-amount-label{color:#047857}.addf-amount-card.teacher .addf-amount-label{color:#1e40af}.addf-amount-value{font-size:22px;font-weight:700;margin:0}.addf-amount-card.student .addf-amount-value{color:#065f46}.addf-amount-card.teacher .addf-amount-value{color:#1e3a8a}.addf-textarea-wrapper{position:relative}.addf-textarea{background:var(--addf-bg-card);border:2px solid var(--addf-border);border-radius:var(--addf-radius-md);box-sizing:border-box;color:var(--addf-text-primary);font-family:inherit;font-size:14px;line-height:1.6;min-height:120px;padding:16px 18px;resize:vertical;transition:all var(--addf-transition-fast);width:100%}.addf-textarea:focus{border-color:var(--addf-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.addf-char-count,.addf-textarea::placeholder{color:var(--addf-text-muted)}.addf-char-count{background:none;border:none;box-shadow:none;display:block;font-size:12px;font-weight:500;margin-top:8px;padding:0;text-align:right}.addf-char-count.warning{color:var(--addf-warning)}.addf-validation-wrapper{display:flex;justify-content:center;margin-bottom:24px}.addf-validation-message{align-items:center;animation:addfFadeIn var(--addf-transition-fast) ease-out;background:linear-gradient(145deg,var(--addf-warning-light),#fef3c7);border:1px solid var(--addf-warning-border);border-radius:var(--addf-radius-md);box-shadow:var(--addf-shadow-xs);color:#92400e;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;width:-webkit-fit-content;width:fit-content}.addf-validation-message svg{color:var(--addf-warning);flex-shrink:0;height:18px;width:18px}.addf-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.addf-btn{align-items:center;border:none;border-radius:var(--addf-radius-md);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all var(--addf-transition-fast)}.addf-btn svg{height:18px;width:18px}.addf-btn-cancel{background:var(--addf-bg-subtle);border:2px solid var(--addf-border);color:var(--addf-text-secondary)}.addf-btn-cancel:hover:not(:disabled){background:var(--addf-border);border-color:var(--addf-text-muted);transform:translateY(-2px)}.addf-btn-submit{background:linear-gradient(145deg,var(--addf-primary),var(--addf-primary-dark));box-shadow:var(--addf-shadow-md),inset 0 1px 0 #ffffff26;color:var(--addf-text-inverse)}.addf-btn-submit:hover:not(:disabled){background:linear-gradient(145deg,var(--addf-primary-dark),#1e40af);box-shadow:var(--addf-shadow-lg),inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.addf-btn-submit:active:not(:disabled){box-shadow:var(--addf-shadow-sm);transform:translateY(0)}.addf-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.addf-spinner{animation:addfSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:768px){.addf-container{padding:20px}.addf-header{margin-bottom:24px}.addf-title{font-size:20px}.addf-form-section,.addf-summary-card{padding:20px}.addf-course-meta{gap:8px}.addf-meta-badge{font-size:.85rem;padding:8px 12px}.addf-participants-grid{gap:12px;grid-template-columns:1fr}.addf-participant-avatar,.addf-participant-avatar-placeholder{font-size:16px;height:45px;width:45px}.addf-participant-card{padding:14px}.addf-amount-preview{grid-template-columns:1fr}.addf-position-header{align-items:flex-start;flex-direction:column}.addf-actions{flex-direction:column}.addf-btn{width:100%}.addf-decision-description{margin-top:8px;padding-left:0}.addf-form-section-subtitle{margin-top:4px;padding-left:0}}.addf-commission-note{align-items:center;background:linear-gradient(145deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--addf-radius-full);box-shadow:var(--addf-shadow-xs);color:#92400e;display:inline-flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 14px;width:-webkit-fit-content;width:fit-content}@media (max-width:480px){.addf-container{padding:16px}.addf-header-content{flex-direction:column;gap:10px}.addf-form-section,.addf-position-card,.addf-summary-card{border-radius:var(--addf-radius-md);padding:16px}.addf-meta-badge{font-size:.8rem;gap:6px;padding:6px 10px}.addf-meta-badge svg{height:16px;width:16px}.addf-participant-avatar,.addf-participant-avatar-placeholder{font-size:14px;height:40px;width:40px}.addf-decision-content{padding:14px 16px}.addf-percentage-selector{padding:18px}.addf-section-title{font-size:15px}.addf-position-title{font-size:14px}}.addf-btn:focus-visible,.addf-decision-option:focus-within .addf-decision-content,.addf-textarea:focus-visible{outline:2px solid var(--addf-primary);outline-offset:2px}.dm-dialog-paper.MuiPaper-root{border-radius:20px;box-shadow:0 20px 40px #00000014,0 10px 20px #0000000f,0 4px 8px #0000000a;overflow:hidden}.dm-dialog-content{--dm-primary:#2563eb;--dm-primary-light:#3b82f6;--dm-primary-dark:#1d4ed8;--dm-primary-bg:#2563eb0f;--dm-success:#059669;--dm-success-light:#d1fae5;--dm-success-border:#a7f3d0;--dm-warning:#d97706;--dm-warning-light:#fef3c7;--dm-warning-border:#fde68a;--dm-error:#dc2626;--dm-error-light:#fee2e2;--dm-error-border:#fecaca;--dm-text-primary:#111827;--dm-text-secondary:#4b5563;--dm-text-muted:#9ca3af;--dm-text-inverse:#fff;--dm-bg-page:#f8fafc;--dm-bg-card:#fff;--dm-bg-subtle:#f1f5f9;--dm-border:#e2e8f0;--dm-border-light:#f1f5f9;--dm-shadow-xs:0 1px 2px #0000000a;--dm-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--dm-shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;--dm-shadow-inset:inset 0 2px 4px #00000005;--dm-radius-sm:8px;--dm-radius-md:12px;--dm-radius-lg:16px;--dm-radius-full:9999px;--dm-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--dm-transition-base:250ms cubic-bezier(0.4,0,0.2,1)}@keyframes dmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dmFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dm-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:8px}.dm-stat-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #0000000f;border-radius:16px;box-shadow:0 10px 25px #00000014,0 6px 12px #0000000f,0 2px 4px #0000000a,inset 0 1px 0 #ffffffe6;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dm-stat-card:before{border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.dm-stat-card:hover{box-shadow:0 20px 40px #0000001f,0 12px 20px #00000014,0 4px 8px #0000000f,inset 0 1px 0 #ffffffe6;transform:translateY(-6px)}.dm-stat-card.dm-stat-error:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.dm-stat-card.dm-stat-warning:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.dm-stat-card.dm-stat-success:before{background:linear-gradient(90deg,#059669,#10b981)}.dm-stat-card.dm-stat-info:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.dm-stat-icon-wrapper{align-items:center;border-radius:14px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 2px 4px #ffffff40,inset 0 -2px 4px #0000001a;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.dm-stat-icon-wrapper svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:28px;width:28px}.dm-stat-card:hover .dm-stat-icon-wrapper{box-shadow:0 8px 20px #0003,0 4px 8px #00000026,inset 0 2px 4px #ffffff40,inset 0 -2px 4px #0000001a;transform:scale(1.08) rotate(-3deg)}.dm-stat-icon-error{background:linear-gradient(145deg,#ef4444,#dc2626)}.dm-stat-icon-warning{background:linear-gradient(145deg,#f59e0b,#d97706)}.dm-stat-icon-success{background:linear-gradient(145deg,#10b981,#059669)}.dm-stat-icon-info{background:linear-gradient(145deg,#3b82f6,#2563eb)}.dm-stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.dm-stat-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.dm-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;line-height:1.1;margin:0}.dm-stat-card.dm-stat-error .dm-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;background-clip:text}.dm-stat-card.dm-stat-warning .dm-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d97706,#b45309);-webkit-background-clip:text;background-clip:text}.dm-stat-card.dm-stat-success .dm-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#047857);-webkit-background-clip:text;background-clip:text}.dm-stat-card.dm-stat-info .dm-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;background-clip:text}.dm-stat-subtitle{color:#9ca3af;font-size:12px;font-weight:500;margin:0}.dm-table-container{background:#0000;border-radius:16px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;overflow:hidden}.dm-table-container .MuiTableContainer-root{background:#0000}.dm-table-container .MuiTable-root{background:#fff}.dm-table-container .MuiTableHead-root{background:linear-gradient(145deg,#5b9bd5,#4a8ac4)}.dm-table-container .MuiTableHead-root .MuiTableCell-root{background:#0000;border-bottom:2px solid #4a8ac4;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.01em;padding:16px 12px;text-transform:none;white-space:nowrap}.dm-table-container .MuiTableHead-root .MuiTableCell-root:first-of-type{border-radius:12px 0 0 0}.dm-table-container .MuiTableHead-root .MuiTableCell-root:last-of-type{border-radius:0 12px 0 0}.dm-table-container .MuiTableBody-root .MuiTableRow-root{background:#fff;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-table-container .MuiTableBody-root .MuiTableRow-root:hover{background:linear-gradient(145deg,#f8fafc,#f1f5f9)}.dm-table-container .MuiTableBody-root .MuiTableCell-root{border-bottom:1px solid #f1f5f9;color:#4b5563;font-size:.875rem;padding:14px 12px}.dm-btn-details{align-items:center;background:linear-gradient(145deg,#fff,#f1f5f9);border:2px solid #2563eb;border-radius:12px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;color:#2563eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-btn-details:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);border-color:#1d4ed8;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;color:#fff;transform:translateY(-2px)}.dm-btn-details svg{height:16px;width:16px}.dm-dialog-header{align-items:center;background:linear-gradient(180deg,#fff,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 28px}.dm-dialog-title-content{align-items:center;display:flex;gap:14px}.dm-dialog-title-icon{align-items:center;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:12px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014,inset 0 1px 0 #ffffff26;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.dm-dialog-title-icon svg{height:22px;width:22px}.dm-dialog-title-text{color:#111827;font-size:19px;font-weight:700;letter-spacing:-.025em;margin:0}.dm-status-badge{align-items:center;border-radius:9999px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.01em;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-status-badge svg{height:16px;width:16px}.dm-status-badge.resolved{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border:1px solid #a7f3d0;color:#065f46}.dm-status-badge.under_review{background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:1px solid #bfdbfe;color:#1e40af}.dm-status-badge.open{background:linear-gradient(145deg,#fef3c7,#fde68a);border:1px solid #fde68a;color:#92400e}.dm-dialog-content{background:#f8fafc;max-height:75vh;overflow-y:auto;padding:28px}.dm-dialog-content::-webkit-scrollbar{width:8px}.dm-dialog-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dm-dialog-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.dm-dialog-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dm-dispute-summary{animation:dmFadeInUp ease-out .25s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e2e8f0;border-left:4px solid #d97706;border-radius:16px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;margin-bottom:24px;padding:24px}.dm-summary-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.dm-summary-icon{align-items:center;background:linear-gradient(145deg,#fef3c7,#fde68a);border-radius:12px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f,inset 0 -2px 4px #d977061a;color:#d97706;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dm-summary-icon svg{height:24px;width:24px}.dm-summary-title-group{flex:1 1;min-width:0}.dm-summary-title{color:#111827;font-size:17px;font-weight:700;margin:0 0 4px}.dm-summary-subtitle{color:#9ca3af;font-size:13px;font-weight:500;margin:0}.dm-course-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.dm-meta-badge{align-items:center;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:1px solid #0000000a;border-radius:12px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;color:#546e7a;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-meta-badge:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;transform:translateY(-2px)}.dm-meta-badge svg{color:#2563eb;flex-shrink:0;height:18px;width:18px}.dm-meta-badge.price{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1976d2;font-size:.8rem;font-weight:600;padding:8px 14px}.dm-meta-badge.price svg{color:#1976d2;height:16px;width:16px}.dm-participants-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.dm-participant-card{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;display:flex;gap:14px;padding:16px;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-participant-card:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;transform:translateY(-2px)}.dm-participant-avatar{border-radius:50%;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.dm-participant-avatar:hover{transform:scale(1.08)}.dm-participant-avatar-placeholder{align-items:center;background:linear-gradient(145deg,#4a90a4,#3a7a8a);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #4a90a44d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.dm-participant-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.dm-participant-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.dm-participant-name{color:#1f2937;font-size:15px;font-weight:700}.dm-participant-email,.dm-participant-name{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-participant-email{color:#9ca3af;font-size:12px}.dm-positions-section{animation:dmFadeInUp ease-out .25s cubic-bezier(.4,0,.2,1);animation-delay:.1s;animation-fill-mode:backwards;margin-bottom:24px}.dm-position-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;margin-bottom:16px;padding:22px;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-position-card:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014}.dm-position-card.opener{background:linear-gradient(145deg,#fff,#fffbeb);border-left:4px solid #d97706}.dm-position-card.respondent{background:linear-gradient(145deg,#fff,#eff6ff);border-left:4px solid #2563eb}.dm-position-card.waiting{background:#f1f5f9;border-left:4px solid #e2e8f0}.dm-position-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.dm-position-title{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:700;gap:10px;margin:0}.dm-position-title-icon{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000000a;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dm-position-title-icon svg{height:18px;width:18px}.dm-position-card.opener .dm-position-title-icon{background:linear-gradient(145deg,#fef3c7,#fde68a);color:#d97706}.dm-position-card.respondent .dm-position-title-icon{background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#2563eb}.dm-position-card.waiting .dm-position-title-icon{background:#fff;color:#9ca3af}.dm-position-date{background:#f1f5f9;border-radius:9999px;color:#9ca3af;font-size:12px;font-weight:500;padding:4px 10px}.dm-reason-badge{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;box-shadow:0 1px 2px #0000000a;color:#dc2626;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:18px;padding:12px 16px}.dm-reason-badge svg{flex-shrink:0;height:18px;width:18px}.dm-description-box{background:#f1f5f9;border:1px solid #f1f5f9;border-radius:12px;box-shadow:inset 0 2px 4px #00000005;color:#111827;line-height:1.7}.dm-claim-box,.dm-description-box{font-size:14px;margin-bottom:18px;padding:16px 18px}.dm-claim-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000a}.dm-claim-label{color:#111827;font-weight:700;margin-right:8px}.dm-claim-value{color:#4b5563;font-weight:500}.dm-claim-justification{border-top:1px solid #f1f5f9;color:#9ca3af;font-style:italic;line-height:1.6;margin:14px 0 0;padding-top:14px}.dm-waiting-text{color:#9ca3af;font-size:14px;font-style:italic;line-height:1.5;margin:0;padding:20px;text-align:center}.dm-evidence-section{border-top:1px solid #f1f5f9;margin-top:18px;padding-top:18px}.dm-evidence-title{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.dm-evidence-title svg{color:#2563eb;height:16px;width:16px}.dm-evidence-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.dm-evidence-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-evidence-item:hover{border-color:#2563eb;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;transform:translateY(-3px)}.dm-evidence-preview{align-items:center;background:#f1f5f9;color:#2563eb;display:flex;flex-direction:column;height:90px;justify-content:center;width:100%}.dm-evidence-preview svg{height:36px;margin-bottom:6px;width:36px}.dm-evidence-preview span{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dm-evidence-info{background:#fff;border-top:1px solid #f1f5f9;padding:10px 12px}.dm-evidence-name{color:#111827;font-size:12px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-evidence-download{align-items:center;color:#2563eb;display:flex;font-size:11px;font-weight:600;gap:4px}.dm-evidence-download svg{height:12px;width:12px}.dm-resolution-card{animation:dmFadeInUp ease-out .25s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #a7f3d0;border-left:4px solid #059669;border-radius:16px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;margin-bottom:24px;padding:24px}.dm-resolution-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.dm-resolution-icon{align-items:center;background:linear-gradient(145deg,#d1fae5,#a7f3d0);border-radius:12px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;color:#059669;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.dm-resolution-icon svg{height:24px;width:24px}.dm-resolution-title-group{flex:1 1}.dm-resolution-title{color:#065f46;font-size:17px;font-weight:700;margin:0 0 4px}.dm-resolution-subtitle{color:#047857;font-size:13px;margin:0}.dm-resolution-content{background:#f1f5f9;border-radius:12px;box-shadow:inset 0 2px 4px #00000005;margin-bottom:18px;padding:18px}.dm-decision-text{align-items:center;color:#065f46;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 18px}.dm-decision-text svg{color:#059669;height:18px;width:18px}.dm-amounts-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.dm-amount-card{background:#fff;border:1px solid #a7f3d0;border-radius:12px;box-shadow:0 1px 2px #0000000a;padding:18px;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-amount-card:hover{box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;transform:translateY(-2px)}.dm-amount-label{color:#047857;font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.dm-amount-value{color:#065f46;font-size:22px;font-weight:700;margin:0}.dm-resolution-notes{background:linear-gradient(145deg,#d1fae5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px;box-shadow:0 1px 2px #0000000a;color:#047857;font-size:14px;line-height:1.6;padding:16px 18px}.dm-resolution-notes strong{color:#065f46}.dm-dialog-actions{background:linear-gradient(180deg,#f1f5f9,#fff);border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:18px 28px}.dm-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;transition:all .15s cubic-bezier(.4,0,.2,1)}.dm-btn svg{height:18px;width:18px}.dm-btn-secondary{background:#f1f5f9;border:2px solid #e2e8f0;color:#4b5563}.dm-btn-secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.dm-btn-primary{background:linear-gradient(145deg,#2563eb,#1d4ed8);box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;color:#fff}.dm-btn-primary:hover{background:linear-gradient(145deg,#1d4ed8,#1e40af);box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}@media (max-width:1200px){.dm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dm-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.dm-dialog-content{padding:20px}.dm-dialog-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.dm-amounts-grid,.dm-participants-grid{grid-template-columns:1fr}.dm-position-header{align-items:flex-start;flex-direction:column}.dm-evidence-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dm-dialog-actions{flex-direction:column;padding:16px 20px}.dm-btn{width:100%}}@media (max-width:600px){.dm-stats-grid{gap:16px;grid-template-columns:1fr}.dm-stat-card{padding:20px}.dm-stat-icon-wrapper{height:48px;width:48px}.dm-stat-icon-wrapper svg{height:24px;width:24px}.dm-stat-value{font-size:28px}}@media (max-width:480px){.dm-dialog-content,.dm-dispute-summary,.dm-position-card,.dm-resolution-card{padding:16px}.dm-course-meta{gap:8px}.dm-meta-badge{font-size:.85rem;padding:8px 12px}.dm-participant-avatar,.dm-participant-avatar-placeholder{font-size:14px;height:40px;width:40px}}.dm-btn-details:focus-visible,.dm-btn:focus-visible,.dm-evidence-item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.dashboard-container{background-color:#f7f9fc;border-radius:12px;box-shadow:0 0 20px #0000000d;display:flex;font-family:Arial,sans-serif;height:calc(100vh - 80px);margin:20px;max-height:800px;min-height:500px;overflow:visible!important;position:relative}.loading{color:#333;font-size:1rem;margin:20px}.dashboard-sidebar{background-color:#fff;border-right:1px solid #e8eef7;box-shadow:2px 0 5px #00000008;display:flex;flex-direction:column;overflow:visible!important;transition:width .3s ease;width:40%}.no-conversations{background:linear-gradient(135deg,#e8f5e9,#e3f2fd);border:2px solid #81c7844d;border-radius:16px;flex-direction:column;margin:20px;min-height:300px;padding:60px 30px}.no-conversations,.no-conversations-icon{align-items:center;display:flex;justify-content:center;position:relative}.no-conversations-icon{animation:pulse-icon 3s ease-in-out infinite;background:linear-gradient(145deg,#81c784,#64b5f6);border:2px solid #fff6;border-radius:50%;box-shadow:0 10px 30px #64b5f666,0 6px 16px #81c7844d,0 3px 8px #00000026,inset 0 3px 0 #ffffff80,inset 0 -3px 0 #00000026;font-size:48px;height:100px;margin-bottom:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100px;z-index:1}@keyframes pulse-icon{0%,to{box-shadow:0 10px 30px #64b5f666,0 6px 16px #81c7844d,0 3px 8px #00000026,inset 0 3px 0 #ffffff80,inset 0 -3px 0 #00000026;transform:scale(1)}50%{box-shadow:0 15px 40px #64b5f680,0 8px 20px #81c78466,0 4px 10px #0003,inset 0 3px 0 #fff9,inset 0 -3px 0 #0003;transform:scale(1.05)}}.no-conversations-icon:hover{box-shadow:0 18px 50px #64b5f699,0 10px 25px #81c78480,0 5px 12px #00000040,inset 0 3px 0 #ffffffb3,inset 0 -3px 0 #0003;transform:scale(1.15) rotate(5deg)}.no-conversations h3{color:#2d3748;font-size:20px;font-weight:600;margin:0 0 12px;position:relative;z-index:1}.no-conversations p{color:#718096;line-height:1.6;margin:0 0 24px;max-width:280px}.no-conversations p,.no-conversations-cta{font-size:15px;position:relative;z-index:1}.no-conversations-cta{align-items:center;background:linear-gradient(145deg,#81c784,#64b5f6);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 8px 20px #64b5f666,0 4px 12px #81c7844d,0 2px 6px #00000026,inset 0 2px 0 #fff6,inset 0 -2px 0 #00000026;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;overflow:hidden;padding:14px 28px;text-decoration:none;transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.no-conversations-cta:before{animation:shimmer-button 3s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:skewX(-20deg);width:200%}@keyframes shimmer-button{0%{transform:translateX(-100%) skewX(-20deg)}to{transform:translateX(200%) skewX(-20deg)}}.no-conversations-cta:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.no-conversations-cta:hover{background:linear-gradient(145deg,#66bb6a,#42a5f5);box-shadow:0 12px 30px #64b5f680,0 6px 16px #81c78466,0 3px 8px #0003,inset 0 2px 0 #ffffff80,inset 0 -3px 0 #0003;transform:translateY(-5px) scale(1.05)}.no-conversations-cta:hover:after{height:300px;width:300px}.no-conversations-cta:active{box-shadow:0 4px 12px #64b5f666,0 2px 6px #81c7844d,inset 0 2px 6px #0003,inset 0 1px 0 #00000026;transform:translateY(0) scale(1.02)}.no-conversations-cta span{position:relative;transition:transform .2s ease;z-index:1}.no-conversations-cta:hover span{transform:scale(1.1)}.conversation-item{border-bottom:1px solid #eee;padding:15px}.conversation-item:hover{background:#f5f5f5}.conversation-item.selected{background-color:#e6f7ff;border-left:4px solid #1890ff;box-shadow:0 2px 8px #00000017;transform:translateZ(0) scale(1.01);z-index:1}@keyframes highlight{0%{background-color:initial;transform:translateX(-5px)}50%{background-color:#e6f7ff;transform:translateX(0)}to{background-color:#e6f7ff}}.conversation-item.selected{animation:highlight .3s ease-out forwards}.conversation-preview{color:#666;margin:5px 0 0;padding-right:25px}.conversation-item.unread .conversation-preview{color:#333}.conversation-header h4{font-weight:500;transition:all .3s ease}.conversation-item.selected .conversation-header h4{color:#1890ff;font-weight:600}.dashboard-main{background-color:#f9fafc;border-radius:0 12px 12px 0;display:flex;flex-direction:column;transition:all .3s ease;width:70%}.placeholder-text{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8edf5);border-radius:8px;box-shadow:inset 0 0 10px #0000000d;color:#8c8c8c;display:flex;flex:1 1;font-size:1.2rem;font-style:italic;justify-content:center;margin:20px;padding:30px;text-align:center}.message-list-container{flex:1 1;overflow-y:auto}.message-item{border-radius:8px;margin-bottom:10px;max-width:60%;padding:10px}.message-item.sent{background-color:#daf5cb}.message-item.received{background-color:#f1f1f1}@media (max-width:768px){.dashboard-container{height:calc(100vh - 60px);margin:10px}.dashboard-sidebar{width:40%}.dashboard-main{width:60%}.no-conversations-icon{font-size:40px;height:80px;width:80px}.no-conversations-cta{font-size:14px;padding:12px 24px}}@media (max-width:576px){.dashboard-container{flex-direction:column;height:calc(100vh - 40px);margin:5px}.dashboard-sidebar{height:40%;min-height:200px;width:100%}.dashboard-main{height:60%;width:100%}.no-conversations{padding:40px 20px}.no-conversations-icon{font-size:36px;height:70px;width:70px}.no-conversations-cta{font-size:13px;padding:10px 20px}}.message-list-container{border:none;border-radius:12px;box-shadow:0 2px 8px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100%;overflow:hidden}.message-list-container,.messages{background:#f5f7fa;display:flex;flex-direction:column}.messages{background-attachment:fixed;flex-grow:1;gap:18px;overflow-y:auto;padding:28px;scroll-behavior:smooth}.message-item{word-wrap:break-word;animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);border-radius:18px;display:inline-flex;flex-direction:column;font-size:15px;line-height:1.6;margin-bottom:4px;max-width:65%;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-item.sent{align-self:flex-end;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:20px 20px 6px 20px;box-shadow:0 10px 30px #93c5fd40,0 5px 15px #bfdbfe33,0 2px 8px #93c5fd26,inset 0 2px 0 #fff6,inset 0 -2px 0 #0000000d;color:#1a1a1a;margin-left:auto;overflow:hidden;position:relative;text-align:left}.message-item.sent:before{animation:shimmer 4s infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.message-item.sent:hover{box-shadow:0 15px 40px #93c5fd4d,0 8px 20px #bfdbfe40,0 4px 10px #93c5fd33,inset 0 2px 0 #ffffff80,inset 0 -2px 0 #00000014;transform:translateY(-3px) scale(1.02)}.message-item.received{align-self:flex-start;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:20px 20px 20px 6px;box-shadow:0 10px 30px #6ee7b740,0 5px 15px #86efac33,0 2px 8px #6ee7b726,inset 0 2px 0 #fff6,inset 0 -2px 0 #0000000d;color:#1a1a1a;margin-right:auto;overflow:hidden;position:relative;text-align:left}.message-item.received:before{animation:shimmer 4s infinite;background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.message-item.received:hover{box-shadow:0 15px 40px #6ee7b74d,0 8px 20px #86efac40,0 4px 10px #6ee7b733,inset 0 2px 0 #ffffff80,inset 0 -2px 0 #00000014;transform:translateY(-3px) scale(1.02)}.message-header{margin-bottom:10px}.sender-photo{background:linear-gradient(135deg,#667eea,#764ba2);border:none!important;border-radius:50%;box-shadow:0 8px 20px #667eea4d,0 4px 10px #667eea33,0 2px 5px #667eea26;cursor:pointer;flex-shrink:0;height:40px;object-fit:cover;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:40px}.sender-photo:after{background:linear-gradient(135deg,#4ade80,#22c55e);border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 6px #22c55e99;content:"";height:12px;position:absolute;right:0;width:12px}.sender-photo:hover{box-shadow:0 12px 32px #667eea66,0 6px 16px #667eea4d,0 3px 8px #667eea33;transform:scale(1.2) translateY(-4px) rotate(5deg)}.sender-photo:not([src]),.sender-photo[src=""]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;position:relative}.sender-photo:not([src]):after,.sender-photo[src=""]:after{color:#fff;content:"?";font-size:16px;font-weight:700;position:absolute}.sender-name{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;background-color:initial!important;border-radius:0!important;box-shadow:none!important;color:#1a1a1a!important;cursor:pointer;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:0!important;text-shadow:none!important;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sender-name:hover{transform:scale(1.08) translateY(-2px)}.message-content{background:#0000!important;background-color:initial!important;color:#1a1a1a!important;font-size:15px;font-weight:500;line-height:1.6;margin-top:0;padding:0;position:relative;text-shadow:none!important;white-space:pre-wrap;word-break:break-word;z-index:1}.message-time{border-top:1px solid #0000001a;color:#4a5568!important;font-size:10px;font-weight:600;letter-spacing:.4px;margin-top:8px;opacity:.7;padding-top:6px;text-align:right;text-transform:uppercase;transition:opacity .3s ease}.message-item:hover .message-time{opacity:.9}.message-input-form{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:0 0 12px 12px;border-top:1px solid #0000000f;box-shadow:0 -4px 12px #0000000a,inset 0 1px 0 #fffc;display:flex;gap:12px;padding:16px 20px}.message-input{background:linear-gradient(145deg,#f5f7fa,#fff);border:2px solid #0000;border-radius:24px;box-shadow:inset 0 2px 6px #0000000f,0 1px 2px #fffc;color:#2c3e50;flex:1 1;font-family:inherit;font-size:15px;min-width:0;outline:none;padding:12px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-input::placeholder{color:#95a5a6;font-weight:400}.message-input:focus{background:#fff;border-color:#0084ff;box-shadow:inset 0 2px 6px #0084ff14,0 0 0 3px #0084ff26,0 1px 2px #fffc}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 6px 20px #667eea66,0 3px 10px #764ba24d,0 1px 4px #667eea33,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:15px;font-weight:700;justify-content:center;letter-spacing:.3px;max-width:-webkit-max-content;max-width:max-content;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:12px 28px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:auto!important}.send-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.send-button:hover:before{height:200px;width:200px}.send-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 10px 28px #667eea80,0 5px 14px #764ba266,0 2px 6px #667eea4d,inset 0 1px 0 #ffffff40,inset 0 -2px 0 #00000026;transform:translateY(-2px) scale(1.03)}.send-button:active{box-shadow:0 4px 12px #667eea66,inset 0 2px 6px #0003;transform:translateY(0) scale(.98)}.send-button:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:0 2px 6px #0000001a,inset 0 1px 0 #ffffff26;cursor:not-allowed;transform:none}.loading-indicator{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px}.loading-indicator:before{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:16px;width:16px}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#00000005;border-radius:4px}.messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#667eea80,#764ba280)}@media (max-width:768px){.message-item{font-size:14px;max-width:75%;padding:12px 16px}.messages{gap:12px;padding:16px}.sender-photo{height:32px;width:32px}.sender-name{font-size:11px}.message-content{font-size:16px}.send-button{font-size:14px;padding:10px 20px!important}.message-input{font-size:14px;padding:10px 16px}}@media (max-width:576px){.message-item{max-width:85%;padding:10px 14px}.messages{padding:12px}.sender-photo{height:28px;width:28px}.sender-name{font-size:10px}.message-content{font-size:15px}.message-input-form{gap:8px;padding:12px 14px}.send-button{font-size:13px;padding:10px 18px!important}.message-input{font-size:13px;padding:10px 14px}}.conversation-list-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;height:100%;overflow-x:visible;overflow-y:auto;padding:5px}.no-conversations{color:#888;font-style:italic;margin-top:30px;text-align:center}.conversation-list{list-style:none;margin:0;padding:0}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;border-left:4px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:14px;margin-bottom:4px;overflow:visible;padding:16px;position:relative;transition:all .3s ease}.conversation-item:hover{background:#f9f9f9;transform:translateX(2px)}.conversation-item:active{background:#f0f0f0}.conversation-item.active{background-color:#e6f7ff;border-left:4px solid #1890ff;box-shadow:0 2px 8px #1890ff26;padding-left:12px}.avatar{border:none!important;border-radius:50%;box-shadow:0 8px 24px #0000002e,0 4px 12px #00000024,0 2px 6px #0000001a;flex-shrink:0;height:52px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.conversation-item:hover .avatar{box-shadow:0 12px 32px #0000003d,0 6px 16px #0000002e,0 3px 8px #0000001f;transform:scale(1.08) translateY(-2px)}.conversation-item.active .avatar{box-shadow:0 12px 32px #1890ff59,0 6px 16px #1890ff40,0 3px 8px #1890ff26}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.conversation-header h4{color:#1a1a1a;flex:1 1;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;gap:10px;margin:-6px 0;overflow:visible;padding:6px 0}.badge,.conversation-meta{align-items:center;flex-shrink:0}.badge{background:linear-gradient(145deg,#dc3545,#c82333);border:1px solid #00000026;border-radius:9px;box-shadow:0 5px 15px #dc354580,0 3px 8px #00000040,inset 0 2px 0 #fff6,inset 0 -2px 0 #0003;color:#fff;display:inline-flex;font-size:10px;font-weight:600;height:18px;justify-content:center;letter-spacing:-.2px;line-height:18px;min-width:18px;padding:0 5px;position:relative;transform:translateY(-2px);transition:all .25s cubic-bezier(.4,0,.2,1)}.conversation-item:hover .badge{box-shadow:0 8px 20px #dc354599,0 4px 12px #0000004d,inset 0 2px 0 #ffffff80,inset 0 -3px 0 #00000040;transform:translateY(-4px) scale(1.08)}.conversation-item:active .badge{box-shadow:0 2px 6px #dc354566,0 1px 3px #0003,inset 0 2px 5px #0000004d,inset 0 1px 0 #00000026;transform:translateY(0) scale(.98)}.conversation-item.active .badge{background:linear-gradient(145deg,#e63946,#dc3545);box-shadow:0 6px 18px #e63946b3,0 3px 10px #0000004d,inset 0 2px 0 #ffffff73,inset 0 -2px 0 #0003}.last-message-date{color:#999;flex-shrink:0;font-size:13px;font-weight:500;white-space:nowrap}.conversation-item.active .last-message-date{color:#1890ff;font-weight:600}.conversation-preview{color:#888;font-size:14px;font-weight:400;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-header h4{color:#1890ff;font-weight:700}.conversation-item.active .conversation-preview{color:#555;font-weight:500}.badge,.conversation-item,.conversation-item .conversation-header h4,.conversation-item .conversation-preview,.conversation-item .last-message-date{transition:all .25s ease-in-out}.conversation-list-container::-webkit-scrollbar{width:8px}.conversation-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.conversation-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.conversation-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.deleted-user-badge{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:9px;font-weight:600;letter-spacing:.5px;padding:3px 8px;position:absolute;right:8px;text-transform:uppercase;top:2px;z-index:2}@media (max-width:768px){.deleted-user-badge{font-size:9px;padding:1px 4px;right:6px;top:6px}.avatar{height:44px;width:44px}.conversation-header h4{font-size:16px}.conversation-preview{font-size:13px}.badge{border-radius:8px;box-shadow:0 4px 12px #dc354573,0 2px 6px #0003,inset 0 1.5px 0 #ffffff59,inset 0 -1.5px 0 #0000002e;font-size:9px;height:16px;line-height:16px;min-width:16px;padding:0 4px;transform:translateY(-1.5px)}.conversation-item:hover .badge{transform:translateY(-3px) scale(1.06)}.last-message-date{font-size:12px}}@media (max-width:576px){.badge{border-radius:7px;box-shadow:0 3px 10px #dc354566,0 2px 5px #0000002e,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #00000026;font-size:8px;height:14px;line-height:14px;min-width:14px;padding:0 3px;transform:translateY(-1px)}.conversation-item:hover .badge{transform:translateY(-2px) scale(1.05)}.conversation-header h4{font-size:15px}.last-message-date{font-size:11px}.conversation-meta{gap:8px}}:root{--udp-primary:#4a90a4;--udp-primary-light:#6aacbf;--udp-primary-lighter:#8dc5d9;--udp-primary-dark:#3a7385;--udp-secondary:#6aacbf;--udp-secondary-light:#8dc5d9;--udp-teacher:linear-gradient(135deg,#4a90a4,#6aacbf);--udp-student:linear-gradient(135deg,#e6a954,#d4954a);--udp-admin:linear-gradient(135deg,#5ba88d,#4a8f77);--udp-bg-page:linear-gradient(135deg,#f8fafb,#eff3f6);--udp-bg-card:#fff;--udp-bg-card-gradient:linear-gradient(145deg,#fff,#fafbfc);--udp-text-primary:#2c3e50;--udp-text-secondary:#546e7a;--udp-text-muted:#78909c;--udp-text-inverse:#fff;--udp-border:#4a90a426;--udp-border-light:#4a90a414;--udp-shadow-3d:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;--udp-shadow-3d-hover:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;--udp-shadow-inset:inset 0 2px 4px #0000000d,0 1px 2px #0000000d;--udp-radius-sm:8px;--udp-radius-md:12px;--udp-radius-lg:16px;--udp-radius-xl:24px;--udp-radius-full:9999px;--udp-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.modern-profile-page{background:linear-gradient(135deg,#f8fafb,#eff3f6);background:var(--udp-bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:32px 20px 60px;position:relative}.profile-hero{align-items:center;animation:fadeIn .4s ease-out;background:linear-gradient(145deg,#fff,#fafbfc);background:var(--udp-bg-card-gradient);border:1px solid #4a90a426;border:1px solid var(--udp-border);border-radius:16px;border-radius:var(--udp-radius-lg);box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--udp-shadow-3d);display:flex;gap:32px;margin:0 auto 40px;max-width:1200px;min-height:150px;padding:24px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition)}.profile-hero:hover{box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;box-shadow:var(--udp-shadow-3d-hover);transform:translateY(-2px)}.profile-photo-container{display:contents}.profile-photo-container img{animation:scaleIn .4s ease-out .1s backwards;border:3px solid #4a90a4;border:3px solid var(--udp-primary);border-radius:9999px;border-radius:var(--udp-radius-full);box-shadow:0 8px 24px #4a90a44d,0 4px 12px #0000001f;flex-shrink:0;height:100px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition);width:100px}.profile-photo-container img:hover{box-shadow:0 12px 32px #4a90a466,0 6px 16px #00000026;transform:scale(1.08)}.profile-content{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.profile-name{color:#2c3e50;color:var(--udp-text-primary);font-size:clamp(24px,3.5vw,32px);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000000d}.profile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.role-badge{background:linear-gradient(135deg,#4a90a4,#6aacbf);background:var(--udp-teacher);border:none;border-radius:9999px;border-radius:var(--udp-radius-full);box-shadow:0 4px 12px #4a90a44d,inset 0 -2px 4px #0000001a;color:#fff;color:var(--udp-text-inverse);font-size:13px;font-weight:600;letter-spacing:.3px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition)}.role-badge.student{background:linear-gradient(135deg,#e6a954,#d4954a);background:var(--udp-student);box-shadow:0 4px 12px #e6a9544d,inset 0 -2px 4px #0000001a}.role-badge:hover{box-shadow:0 6px 16px #4a90a466,inset 0 -2px 4px #00000026;transform:translateY(-2px)}.btn-admin-rate{background:linear-gradient(135deg,#5ba88d,#4a8f77);background:var(--udp-admin);border:none;border-radius:9999px;border-radius:var(--udp-radius-full);box-shadow:0 4px 12px #5ba88d4d,inset 0 -2px 4px #0000001a;color:#fff;color:var(--udp-text-inverse);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition)}.btn-admin-rate:hover{box-shadow:0 6px 16px #5ba88d66,inset 0 -2px 4px #00000026;transform:translateY(-2px)}.hourly-rate{align-items:baseline;background:linear-gradient(145deg,#fff,#fafbfc);background:var(--udp-bg-card-gradient);border:2px solid #4a90a426;border:2px solid var(--udp-border);border-radius:9999px;border-radius:var(--udp-radius-full);box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--udp-shadow-3d);display:inline-flex;gap:6px;margin-left:auto;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition)}.hourly-rate:hover{border-color:#4a90a4;border-color:var(--udp-primary);box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;box-shadow:var(--udp-shadow-3d-hover);transform:translateY(-2px)}.rate-value{color:#4a90a4;color:var(--udp-primary);font-size:24px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px #4a90a426}.rate-label{color:#78909c;color:var(--udp-text-muted);font-size:14px;font-weight:500}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.info-card{animation:fadeInUp .4s ease-out backwards;background:linear-gradient(145deg,#fff,#fafbfc);background:var(--udp-bg-card-gradient);border:1px solid #4a90a426;border:1px solid var(--udp-border);border-left:4px solid #4a90a4!important;border-left:4px solid var(--udp-primary)!important;border-radius:var(--udp-radius-md);box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--udp-shadow-3d);grid-column:span 12;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition)}.info-card:hover{border-left-color:#8dc5d9;border-left-color:var(--udp-secondary-light);box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;box-shadow:var(--udp-shadow-3d-hover);transform:translateY(-4px)}.info-card.card-description{animation-delay:.05s;grid-column:span 12}.info-card.card-qualifications{animation-delay:.1s;grid-column:span 12}@media (min-width:768px){.info-card.card-qualifications{grid-column:span 6}}@media (min-width:1024px){.info-card.card-qualifications{grid-column:span 4}}.info-card.card-school{animation-delay:.1s;grid-column:span 12}@media (min-width:768px){.info-card.card-school{grid-column:span 6}}.info-card.card-subjects{animation-delay:.15s;grid-column:span 12}@media (min-width:1024px){.info-card.card-subjects{grid-column:span 8}}.info-card.card-location{animation-delay:.2s;grid-column:span 12}@media (min-width:768px){.info-card.card-location{grid-column:span 6}}@media (min-width:1024px){.info-card.card-location{grid-column:span 4}}.info-card.card-availability{animation-delay:.25s;grid-column:span 12}.info-card.full-width{grid-column:span 12}.card-title{color:#2c3e50;color:var(--udp-text-primary);font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:12px;position:relative;text-shadow:0 2px 4px #0000000d}.card-title:after{background-color:#5b9bd5!important;border-radius:2px;bottom:0;box-shadow:0 2px 4px #4a90a44d;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.info-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.info-item{align-items:flex-start;background:linear-gradient(145deg,#f8f9fa,#fff);border-left:3px solid #4a90a4;border-left:3px solid var(--udp-primary);border-radius:8px;border-radius:var(--udp-radius-sm);box-shadow:inset 0 2px 4px #0000000d,0 1px 2px #0000000d;box-shadow:var(--udp-shadow-inset);display:flex;flex:1 1 200px;gap:16px;min-width:200px;padding:14px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition)}.info-item:hover{background:linear-gradient(145deg,#fff,#f8f9fa);border-left-width:4px;box-shadow:0 4px 8px #00000014,inset 0 -2px 4px #0000000d;transform:translateX(4px)}.info-icon{filter:drop-shadow(0 2px 4px rgba(74,144,164,.2));flex-shrink:0;font-size:24px;opacity:.9}.info-icon,.info-label{color:#4a90a4;color:var(--udp-primary)}.info-label{font-size:11px;font-weight:700;letter-spacing:.8px;margin:0 0 4px;text-transform:uppercase}.info-value{font-size:15px;font-weight:500;line-height:1.6}.description-text,.info-value{color:#546e7a;color:var(--udp-text-secondary);margin:0}.description-text{font-size:16px;line-height:1.7}.subjects-container{display:flex;flex-direction:column;gap:24px}.subject-category{display:flex;flex-direction:column;gap:12px}.category-name{align-items:center;color:#4a90a4;color:var(--udp-primary);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;margin:0;text-transform:uppercase}.category-name:before{background:#4a90a4;background:var(--udp-primary);border-radius:3px;box-shadow:0 2px 4px #4a90a433;content:"";height:14px;width:3px}.subject-tags{display:flex;flex-wrap:wrap;gap:10px}.subject-tag{background:#4a90a414;border:1px solid #4a90a426;border-radius:9999px;border-radius:var(--udp-radius-full);box-shadow:0 2px 4px #0000000d;color:#4a90a4;color:var(--udp-primary);font-size:14px;font-weight:500;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition)}.subject-tag:hover{background:#4a90a4;background:var(--udp-primary);border-color:#0000;box-shadow:0 4px 8px #4a90a44d;color:#fff;color:var(--udp-text-inverse);transform:translateY(-2px)}.availability-wrapper{border-radius:8px;border-radius:var(--udp-radius-sm);margin:-8px;overflow-x:auto;padding:8px}.availability-wrapper::-webkit-scrollbar{height:6px}.availability-wrapper::-webkit-scrollbar-track{background:#4a90a40d;border-radius:3px}.availability-wrapper::-webkit-scrollbar-thumb{background:#4a90a4;background:var(--udp-primary);border-radius:3px}.action-buttons{animation:fadeInUp .4s ease-out .3s backwards;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px;margin:48px 0 0;padding:0 20px}.btn-action{align-items:center;border:none;border-radius:9999px;border-radius:var(--udp-radius-full);box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--udp-shadow-3d);cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--udp-transition);white-space:nowrap}.btn-contact{background:linear-gradient(135deg,#4a90a4,#6aacbf);background:var(--udp-teacher);color:#fff;color:var(--udp-text-inverse)}.btn-contact:hover{box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;box-shadow:var(--udp-shadow-3d-hover);transform:translateY(-3px)}.btn-book{background:linear-gradient(135deg,#e6a954,#d4954a);background:var(--udp-student);color:#fff;color:var(--udp-text-inverse)}.btn-book:hover{box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;box-shadow:var(--udp-shadow-3d-hover);transform:translateY(-3px)}.btn-action:active{transform:translateY(-1px)}.btn-action:active,.btn-back{box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--udp-shadow-3d)}.btn-back{background:linear-gradient(145deg,#fff,#fafbfc);background:var(--udp-bg-card-gradient);border:2px solid #4a90a426;border:2px solid var(--udp-border);border-radius:9999px;border-radius:var(--udp-radius-full);color:#4a90a4;color:var(--udp-primary);font-size:15px;padding:12px 28px;transition:var(--udp-transition)}.btn-back:hover{background:#4a90a4;background:var(--udp-primary);border-color:#4a90a4;border-color:var(--udp-primary);box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;box-shadow:var(--udp-shadow-3d-hover);color:#fff;color:var(--udp-text-inverse)}.error-state,.loading-state{align-items:center;animation:fadeIn .4s ease-out;background:linear-gradient(145deg,#fff,#fafbfc);background:var(--udp-bg-card-gradient);border:1px solid #4a90a426;border:1px solid var(--udp-border);border-radius:16px;border-radius:var(--udp-radius-lg);box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-shadow:var(--udp-shadow-3d);display:flex;flex-direction:column;justify-content:center;margin:100px auto;max-width:500px;min-height:400px;padding:48px 32px;text-align:center}.loading-state:before{animation:spin 1s ease-in-out infinite;border:5px solid #4a90a433;border-radius:50%;border-top:5px solid var(--udp-primary);box-shadow:0 4px 8px #4a90a426;content:"";height:50px;margin-bottom:20px;width:50px}.error-state p,.loading-state p{color:#546e7a;color:var(--udp-text-secondary);font-size:16px;font-weight:500;line-height:1.5;margin:0}@media (max-width:400px){.modern-profile-page{padding:24px 16px 48px}.profile-hero{flex-direction:column;gap:20px;min-height:auto;padding:28px 24px;text-align:center}.profile-photo-container img{margin:0 auto}.profile-content{align-items:center}.profile-meta{justify-content:center}.hourly-rate{margin-left:0}.profile-name{font-size:24px}.info-grid{gap:16px;grid-template-columns:1fr;padding:0}.info-card{grid-column:span 1!important;padding:24px 20px}.action-buttons{flex-direction:column;gap:12px;padding:0}.btn-action{justify-content:center;width:100%}}@media (max-width:480px){.profile-photo-container img{height:90px;width:90px}.profile-name{font-size:22px}.btn-admin-rate,.role-badge{font-size:12px;padding:7px 14px}.rate-value{font-size:22px}.card-title{font-size:17px}.info-item{padding:12px}.info-icon{font-size:20px}}.admin-rating-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-rating-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.admin-rating-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.admin-rating-modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{font-size:2rem;transition:color .2s}.close-button:hover{color:#333}.admin-rating-form{padding:20px}.form-group label{color:#333}.form-group .required{color:#e74c3c}.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;padding:10px;transition:border-color .2s;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#4caf50}.star-rating{font-size:2rem;gap:5px}.star-rating .star{color:#ddd;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.star-rating .star.filled{color:#ffc107}.star-rating .star:hover{color:#ffb300}.char-count{color:#666;font-size:.85rem;margin-top:4px}.error-message{background-color:#fee;border-left:4px solid #c33;border-radius:6px;color:#c33;margin-bottom:20px;padding:12px}.modal-actions{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:20px}.btn-cancel,.btn-submit{border-radius:6px;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background-color:#e0e0e0}.btn-submit{background-color:#4caf50;color:#fff}.btn-submit:hover:not(:disabled){background-color:#45a049}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5}.search-input{border:1px solid #ddd;border-radius:6px;font-size:.95rem;margin-bottom:8px;padding:8px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#4caf50;outline:none}.search-input::placeholder{color:#999}.result-count{color:#666;display:block;font-size:.85rem;font-style:italic;margin-top:4px}.form-group select{margin-top:0}.my-courses-container{animation:fadeIn .5s ease-out;background-color:#f8f9fa;border-radius:10px;box-shadow:0 0 20px #00000008;margin:0 auto;max-width:900px;min-height:100vh;padding:24px}.loading{align-items:center;animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.loading:before{animation:spin 1s ease-in-out infinite;border:5px solid #3498db33;border-top-color:#3498db;box-shadow:0 4px 8px #3498db26;height:50px;margin-bottom:20px;width:50px}.no-courses{align-items:center;animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;color:#546e7a;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.no-courses p{font-size:1rem;line-height:1.6;margin-bottom:20px}.no-courses a{align-items:center;background:#5b9bd5;border-radius:12px;box-shadow:0 6px 16px #b4a7d64d,0 3px 8px #b4a7d633,inset 0 -2px 4px #0000001a;color:#fff;display:inline-flex;font-weight:600;gap:8px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.no-courses a:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transition:width .5s,height .5s;width:0}.no-courses a:hover:before{height:300px;width:300px}.no-courses a:hover{box-shadow:0 10px 24px #b4a7d666,0 5px 12px #b4a7d64d,inset 0 -3px 6px #00000026}.courses-list{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr}.course-card-modern{animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#fff,#fafafa);border:1px solid #0000000a;border-radius:20px;box-shadow:0 12px 35px #00000024,0 8px 15px #0000001a,0 3px 6px #0000000f;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card-modern:hover{box-shadow:0 20px 50px #0000002e,0 12px 24px #00000024,0 6px 10px #0000001a;transform:translateY(-2px) scale(1.01)}.course-header-modern{align-items:center;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000000f;box-shadow:inset 0 -1px 0 #ffffff80,0 2px 8px #0000000a;display:flex;gap:16px;justify-content:space-between;padding:8px}.participant-avatar-section{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.participant-avatar{border-radius:50%;box-shadow:0 6px 16px #00000026,0 3px 8px #0000001a;flex-shrink:0;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.participant-avatar:hover{box-shadow:0 10px 24px #0003,0 5px 12px #00000026;transform:scale(1.08) translateY(-2px)}.participant-avatar-placeholder{align-items:center;background:linear-gradient(145deg,#3498db,#2980b9);border:3px solid #fff;border-radius:50%;box-shadow:0 6px 16px #3498db4d,0 3px 8px #3498db33;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;text-shadow:0 2px 4px #0003;transition:all .3s ease;width:60px}.participant-avatar-placeholder:hover{box-shadow:0 10px 24px #3498db66,0 5px 12px #3498db4d;transform:scale(1.08) translateY(-2px)}.participant-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.participant-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.participant-name-link-modern{color:#2c3e50;font-size:1.1rem;font-weight:700;position:relative;text-decoration:none;text-shadow:0 2px 4px #0000000d;transition:all .3s ease}.participant-name-link-modern:hover{color:#3498db;transform:translateX(2px)}.participant-name-link-modern:after{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px;bottom:-2px;box-shadow:0 2px 4px #3498db4d;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.participant-name-link-modern:hover:after{width:100%}.participant-name-not-specified{color:#95a5a6;font-size:1.1rem;font-style:italic;font-weight:600}.course-subject-header{align-items:center;display:flex;flex:1.5 1;gap:10px;justify-content:center;min-width:0;text-align:center}.course-subject-header svg{color:#3b82f6;flex-shrink:0;height:22px;width:22px}.course-subject-header span{color:#1e3a5f;font-size:1.25rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-main-info{background:linear-gradient(145deg,#fff,#fafafa);padding:12px}.course-metadata-badges{display:flex;flex-wrap:wrap;gap:12px}.metadata-badge{align-items:center;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:1px solid #0000000a;border-radius:12px;box-shadow:0 3px 8px #0000001a,0 1px 4px #00000014,inset 0 -1px 2px #0000000d;color:#546e7a;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.metadata-badge:hover{box-shadow:0 6px 14px #00000026,0 2px 6px #0000001f,inset 0 -2px 4px #00000014}.badge-icon{flex-shrink:0;height:18px;width:18px}.metadata-badge .badge-icon{color:#2563eb}.badge-text{white-space:nowrap}.price-badge{color:#1976d2;font-weight:700}.price-badge:hover{background:linear-gradient(145deg,#bbdefb,#90caf9)}.price-value{font-size:1.05em;text-shadow:0 1px 2px #1976d21a}.expiration-info-modern{align-items:center;animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#fff5e6,#ffe8cc);border:2px solid #ff9800;border-radius:16px;box-shadow:0 6px 16px #ff980040,0 3px 8px #ff980026,inset 0 -2px 4px #ff98001a;display:inline-flex;flex-direction:column;gap:8px;margin:20px auto;padding:16px 28px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.expiration-info-modern:hover{box-shadow:0 8px 20px #ff98004d,0 4px 10px #ff980033,inset 0 -3px 6px #ff980026}.expiration-content{align-items:center;display:flex;flex-direction:column;text-align:center}.expiration-title{align-items:center;color:#d35400;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;margin-bottom:10px;text-shadow:0 1px 2px #0000000d}.expiration-title-icon{color:#d97706;flex-shrink:0}.expiration-reason-text{color:#e67e22;font-size:.95rem;font-weight:600;margin-bottom:4px}.expiration-date-text{color:#f39c12;font-size:.85rem;font-weight:500}.course-message-modern{animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#f8f9fa,#fff);border-left:4px solid #3498db;border-radius:16px;box-shadow:0 4px 10px #00000014,inset 0 -1px 2px #0000000d;margin:0 24px 20px;padding:20px 24px;transition:all .3s ease}.course-message-modern:hover{border-left-width:5px;box-shadow:0 6px 16px #0000001f,inset 0 -2px 4px #00000014}.message-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.message-icon{color:#3498db;flex-shrink:0;height:20px;width:20px}.message-label{color:#546e7a;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #00000008;text-transform:uppercase}.message-text{color:#2c3e50;font-size:.95rem;font-style:italic;line-height:1.6;margin:0}.student-ratings-modern{animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:16px;box-shadow:0 8px 20px #2196f333,0 4px 10px #2196f31f,inset 0 -2px 4px #2196f314;margin:0 24px 20px;padding:24px;transition:all .3s ease}.student-ratings-modern:hover{box-shadow:0 10px 26px #2196f340,0 6px 14px #2196f326,inset 0 -3px 6px #2196f31a}.ratings-header-modern{align-items:center;display:flex;gap:12px;margin-bottom:18px}.ratings-icon{color:#1976d2;flex-shrink:0;height:24px;width:24px}.ratings-title-modern{color:#1976d2;font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000000d}.ratings-summary-modern{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014,inset 0 -1px 2px #0000000d;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px;transition:all .3s ease}.ratings-summary-modern:hover{box-shadow:0 6px 16px #0000001f,inset 0 -2px 4px #00000014}.rating-avg-container{align-items:center;display:flex;gap:10px}.avg-stars-modern{filter:drop-shadow(0 2px 4px rgba(245,158,11,.2));font-size:1.4em}.avg-number-modern{color:#f57c00;font-size:1.3em;font-weight:700;text-shadow:0 2px 4px #f57c0026}.ratings-count-modern{color:#666;font-size:.9em;font-weight:600}.ratings-list-modern{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.rating-item-modern{background:#fff;border-left:3px solid #1976d2;border-radius:12px;box-shadow:0 3px 8px #00000014,inset 0 -1px 2px #0000000d;padding:16px;transition:all .3s ease}.rating-item-modern:hover{border-left-width:4px;box-shadow:0 6px 14px #0000001f,inset 0 -2px 4px #00000014}.rating-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.rating-stars-modern{filter:drop-shadow(0 1px 2px rgba(245,158,11,.15));font-size:1.1em}.rating-date-modern{color:#999;font-size:.85em;font-weight:500}.rating-comment-modern{color:#555;font-size:.95em;font-style:italic;line-height:1.5;margin:10px 0}.rating-author-modern{color:#666;display:block;font-size:.85em;font-weight:500;margin-top:8px}.btn-toggle-ratings-modern{background:linear-gradient(145deg,#1976d2,#1565c0);border:none;border-radius:12px;box-shadow:0 4px 10px #1976d24d,0 2px 5px #1976d233,inset 0 -2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.95em;font-weight:600;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-toggle-ratings-modern:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transition:width .4s,height .4s;width:0}.btn-toggle-ratings-modern:hover:before{height:200px;width:200px}.btn-toggle-ratings-modern:hover{background:linear-gradient(145deg,#1565c0,#0d47a1);box-shadow:0 6px 16px #1976d266,0 3px 8px #1976d24d,inset 0 -3px 6px #00000026}.btn-toggle-ratings-modern:active{box-shadow:0 2px 4px #1976d24d,inset 0 2px 4px #0003}.no-ratings-modern{align-items:center;background:#fff;border-radius:12px;box-shadow:0 3px 8px #0000000d,inset 0 -1px 2px #00000008;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.no-ratings-icon{color:#90caf9;height:32px;width:32px}.no-ratings-modern p{color:#666;font-size:.95em;font-style:italic;margin:0}.loading-ratings-modern{align-items:center;background:#fff;border-radius:12px;color:#999;display:flex;font-size:.9em;font-style:italic;gap:12px;justify-content:center;padding:20px}.spinner-small-modern{animation:spin .8s linear infinite;border:3px solid #1976d233;border-radius:50%;border-top-color:#1976d2;height:20px;width:20px}.time-remaining-modern{animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 10px #00000014,inset 0 -1px 2px #0000000d;margin:0 24px 20px;padding:24px;transition:all .3s ease}.time-remaining-modern:hover{background:linear-gradient(145deg,#f8f9fa,#fff);box-shadow:0 6px 16px #0000001f,inset 0 -2px 4px #00000014}.timer-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.timer-label-container{align-items:center;display:flex;gap:10px}.timer-icon{flex-shrink:0;height:22px;width:22px}.timer-label{font-size:.95em;font-weight:600;text-shadow:0 1px 2px #0000000d}.timer-value{font-size:1.2em;font-weight:700;text-shadow:0 2px 4px #0000001a}.urgency-green .timer-icon,.urgency-green .timer-label,.urgency-green .timer-value{color:#27ae60}.urgency-orange .timer-icon,.urgency-orange .timer-label,.urgency-orange .timer-value{color:#f39c12}.urgency-red .timer-icon,.urgency-red .timer-label,.urgency-red .timer-value{color:#e74c3c}.urgency-expired .timer-icon,.urgency-expired .timer-label,.urgency-expired .timer-value{color:#95a5a6}.urgency-development .timer-icon,.urgency-development .timer-label,.urgency-development .timer-value{color:#9c27b0}.progress-container-modern{margin-top:12px}.progress-bar-modern{background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border-radius:10px;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;height:16px;overflow:hidden;position:relative;width:100%}.progress-fill-modern{border-radius:10px;box-shadow:0 2px 4px #0000001a,inset 0 1px 2px #fff3;height:100%;transition:width .5s ease,background-color .3s ease}.urgency-green .progress-fill-modern{background:linear-gradient(90deg,#2ecc71,#27ae60)}.urgency-orange .progress-fill-modern{background:linear-gradient(90deg,#f39c12,#e67e22)}.urgency-red .progress-fill-modern{background:linear-gradient(90deg,#e74c3c,#c0392b)}.urgency-expired .progress-fill-modern{background:#bdc3c7}.urgency-development .progress-fill-modern{background:linear-gradient(90deg,#9c27b0,#ba68c8)}.progress-label-modern{align-items:center;display:flex;font-size:.9em;font-weight:600;gap:6px;justify-content:center;margin-top:8px;text-align:center;text-shadow:0 1px 2px #0000000d}.progress-label-modern svg{flex-shrink:0}.course-footer-modern{background:linear-gradient(145deg,#fafafa,#fff);border-radius:0 0 20px 20px;border-top:1px solid #0000000f;padding:10px 2px}.course-actions-container{align-items:center;animation:fadeIn .5s ease-out;background:linear-gradient(145deg,#f9fafb,#f3f4f6);border-radius:16px;box-shadow:0 4px 10px #00000014,inset 0 -1px 2px #0000000d;display:flex;flex-direction:column;gap:2px;margin-top:2px;padding:6px}.course-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:0 16px}.course-actions button{border-radius:12px;cursor:pointer;font-weight:600;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-actions button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transition:width .5s,height .5s;width:0}.course-actions button:hover:before{height:300px;width:300px}.teacher-payment-info{animation:pulse 2s ease-in-out infinite;background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:10px;box-shadow:0 4px 10px #3b82f633,inset 0 -1px 2px #3b82f61a;color:#1e40af;gap:8px;max-width:90%;padding:12px 20px;text-align:center}.deadline-info,.teacher-payment-info{align-items:center;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;width:auto}.deadline-info{background:linear-gradient(145deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:6px;box-shadow:0 2px 4px #f59e0b26;color:#92400e;gap:6px;margin-top:12px;padding:10px 14px}.btn-confirm-course{align-items:center;background:linear-gradient(145deg,#059669,#047857);border:none;border-radius:12px;box-shadow:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:14px 28px;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-confirm-course:hover{background:linear-gradient(145deg,#047857,#065f46);box-shadow:0 10px 25px #0000000f,0 6px 12px #00000014,0 2px 4px #0000000a,inset 0 1px 0 #ffffff26}.btn-confirm-course:active{box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f}.btn-confirm-course svg{height:18px;width:18px}.btn-dispute-course{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);border:#0000;border-radius:12px;box-shadow:none;color:#991b1b;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-dispute-course:hover{background:linear-gradient(145deg,#fef3c7,#fde68a);border-color:#d97706;box-shadow:0 6px 12px #f59e0b40}.dispute-claim-info{align-items:center;background:linear-gradient(145deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;display:inline-flex;font-size:13px;gap:8px;justify-content:center;max-width:90%;padding:10px 16px;width:auto}.dispute-claim-info .claim-label{color:#92400e;font-weight:600}.dispute-claim-info .claim-value{color:#78350f;font-weight:700}.btn-respond-dispute{align-items:center;background:linear-gradient(145deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-respond-dispute:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666}.btn-cancel,.btn-cancel-small{background:linear-gradient(145deg,#fff,#f5f5f5);border:2px solid #ddd;box-shadow:0 3px 8px #00000014,inset 0 -1px 2px #0000000d;color:#666;flex-shrink:0;max-width:180px;padding:10px 16px}.btn-cancel-small{font-size:.9em;max-width:150px;padding:8px 12px}.btn-cancel-small:hover:not(:disabled),.btn-cancel:hover:not(:disabled){background:linear-gradient(145deg,#f5f5f5,#e8e8e8);border-color:#e74c3c;box-shadow:0 6px 14px #e74c3c26;color:#e74c3c}button:disabled{cursor:not-allowed;opacity:.6}.btn-accept{align-items:center;background:linear-gradient(145deg,#059669,#047857);border:none;border-radius:12px;box-shadow:0 4px 14px #05966959,0 2px 6px #05966933,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-accept:hover:not(:disabled){background:linear-gradient(145deg,#047857,#065f46);box-shadow:0 8px 20px #05966966,0 4px 10px #05966940,inset 0 1px 0 #ffffff26}.btn-accept:active:not(:disabled){box-shadow:0 2px 8px #0596694d,inset 0 2px 4px #0000001a}.btn-accept svg{flex-shrink:0}.btn-reject{align-items:center;background:linear-gradient(145deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 14px #dc262659,0 2px 6px #dc262633,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-reject:hover:not(:disabled){background:linear-gradient(145deg,#b91c1c,#991b1b);box-shadow:0 8px 20px #dc262666,0 4px 10px #dc262640,inset 0 1px 0 #ffffff26}.btn-reject:active:not(:disabled){box-shadow:0 2px 8px #dc26264d,inset 0 2px 4px #0000001a}.btn-reject svg{flex-shrink:0}.course-expired-notice{background:linear-gradient(145deg,#fef3c7,#fde68a);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 10px #ffc10740;padding:18px;text-align:center;transition:all .3s ease}.course-expired-notice:hover{box-shadow:0 6px 16px #ffc1074d}.course-expired-notice .expired-text{color:#fd7e14;display:block;font-size:1em;font-weight:600;margin-bottom:10px}.course-expired-notice .expired-help{color:#856404;font-size:.9em;font-style:italic;margin:10px 0 0}.expired-notice{background:linear-gradient(145deg,#ffeaa7,#fdcb6e);border:2px solid #e67e22;border-radius:10px;box-shadow:0 4px 10px #e67e2240;color:#d35400;display:inline-block;font-size:.95em;font-weight:600;padding:12px 18px;transition:all .3s ease}.expired-notice:hover{box-shadow:0 6px 16px #e67e224d}.join-meeting-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1em;font-weight:700;max-width:250px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.join-meeting-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transition:width .5s,height .5s;width:0}.join-meeting-button:hover:before{height:300px;width:300px}.join-meeting-button.active{align-items:center;background:linear-gradient(180deg,#34d399,#10b981);box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #10b9814d;color:#fff;display:inline-flex;font-weight:600;gap:10px;justify-content:center;letter-spacing:.3px}.join-meeting-button.active:hover{background:linear-gradient(180deg,#4ade80,#22c55e);box-shadow:inset 0 1px 0 #ffffff4d,0 8px 20px #10b98166}.join-meeting-button.active:after{animation:live-pulse 2s ease-in-out infinite;background:#f44;border-radius:50%;box-shadow:0 0 8px #f449;content:"";flex-shrink:0;height:10px;order:-1;width:10px}@keyframes live-pulse{0%,to{box-shadow:0 0 8px #f449;transform:scale(1)}50%{box-shadow:0 0 16px #ff4444e6;transform:scale(1.3)}}.pagination-controls{display:flex;gap:16px;justify-content:center;margin-top:32px;padding:20px}.btn-accept,.btn-cancel,.btn-cancel-small,.btn-pay,.btn-reject{align-items:center;display:inline-flex;gap:8px;justify-content:center}.btn-accept .MuiCircularProgress-root,.btn-cancel .MuiCircularProgress-root,.btn-cancel-small .MuiCircularProgress-root,.btn-pay .MuiCircularProgress-root,.btn-reject .MuiCircularProgress-root{color:inherit}.btn-load-more,.btn-view-all{background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid #3498db;border-radius:12px;box-shadow:0 4px 10px #3498db33;color:#3498db;cursor:pointer;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-load-more:before,.btn-view-all:before{background:#3498db1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transition:width .4s,height .4s;width:0}.btn-load-more:hover:before,.btn-view-all:hover:before{height:200px;width:200px}.btn-load-more:hover,.btn-view-all:hover{background:linear-gradient(145deg,#3498db,#2980b9);box-shadow:0 8px 16px #3498db4d;color:#fff}.btn-view-all{border-color:#27ae60;color:#27ae60}.btn-view-all:before{background:#27ae601a}.btn-view-all:hover{background:linear-gradient(145deg,#27ae60,#229954);box-shadow:0 8px 16px #27ae604d;color:#fff}.btn-accept:disabled,.btn-cancel-small:disabled,.btn-cancel:disabled,.btn-pay:disabled,.btn-reject:disabled{cursor:wait}.course-card-modern:has(button:disabled){cursor:wait}.my-courses-container.processing,.my-courses-container.processing *{cursor:wait}@media (max-width:768px){.my-courses-container{padding:16px}.courses-list{gap:20px}.course-card-modern{border-radius:16px}.course-header-modern{align-items:flex-start;flex-direction:column;padding:20px}.participant-avatar-section{width:100%}.participant-avatar,.participant-avatar-placeholder{font-size:20px;height:50px;width:50px}.course-main-info{padding:20px}.course-metadata-badges{gap:8px}.metadata-badge{font-size:.85rem;padding:8px 12px}.course-message-modern,.expiration-info-modern,.student-ratings-modern,.time-remaining-modern{margin:0 20px 16px;padding:18px}.course-footer-modern{padding:14px 20px}.course-actions{align-items:center;flex-direction:column}.btn-accept,.btn-confirm-course,.btn-dispute-course,.btn-pay,.btn-reject,.btn-respond-dispute,.join-meeting-button{max-width:280px;width:100%}.pagination-controls{flex-direction:column}.btn-load-more,.btn-view-all{width:100%}.rating-item-header{align-items:flex-start;flex-direction:column;gap:6px}.course-actions-container{gap:12px;padding:16px}}@media (max-width:480px){.my-courses-container{padding:12px}.course-header-modern{padding:16px}.participant-avatar,.participant-avatar-placeholder{font-size:18px;height:45px;width:45px}.course-main-info{padding:16px}.metadata-badge{font-size:.8rem;padding:6px 10px}.badge-icon{height:16px;width:16px}.course-message-modern,.expiration-info-modern,.student-ratings-modern,.time-remaining-modern{margin:0 16px 12px;padding:14px}.course-footer-modern{padding:12px 16px}.btn-accept,.btn-pay,.btn-reject,.join-meeting-button{font-size:.95em;padding:12px 20px}}.mc-status-badge{align-items:center;border-radius:9999px;box-shadow:0 1px 2px #0000000a;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;max-width:90%;padding:8px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);width:auto}.mc-status-badge svg{flex-shrink:0;height:14px;width:14px}.mc-status-badge:hover{box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a}.mc-status-waiting{background:linear-gradient(145deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.mc-status-waiting:hover{box-shadow:0 2px 4px #f59e0b26,0 1px 2px #f59e0b1a}.mc-status-confirmed{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.mc-status-confirmed:hover{box-shadow:0 2px 4px #10b98126,0 1px 2px #10b9811a}.mc-status-success{background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.mc-status-success:hover{box-shadow:0 2px 4px #3b82f626,0 1px 2px #3b82f61a}.mc-status-dispute{background:linear-gradient(145deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.mc-status-dispute:hover{box-shadow:0 2px 4px #ef444426,0 1px 2px #ef44441a}.mc-status-expired{background:linear-gradient(145deg,#fed7aa,#fdba74);border:1px solid #fb923c;color:#9a3412}.mc-status-expired:hover{box-shadow:0 2px 4px #fb923c26,0 1px 2px #fb923c1a}.mc-status-resolved{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.mc-status-resolved:hover{box-shadow:0 2px 4px #10b98126,0 1px 2px #10b9811a}.mc-status-completed{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.mc-status-completed:hover{box-shadow:0 2px 4px #10b98126,0 1px 2px #10b9811a}.mc-status-cancelled{background:linear-gradient(145deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.mc-status-cancelled:hover{box-shadow:0 2px 4px #ef444426,0 1px 2px #ef44441a}.mc-status-request{background:linear-gradient(145deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.mc-status-request:hover{box-shadow:0 2px 4px #f59e0b26,0 1px 2px #f59e0b1a}.mc-status-accepted{background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.mc-status-accepted:hover{box-shadow:0 2px 4px #3b82f626,0 1px 2px #3b82f61a}.mc-status-payment-expired{background:linear-gradient(145deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.mc-status-payment-expired:hover{box-shadow:0 2px 4px #f59e0b26,0 1px 2px #f59e0b1a}@media (max-width:768px){.mc-status-badge{font-size:11px;padding:6px 12px}.mc-status-badge svg{height:12px;width:12px}}@media (max-width:480px){.mc-status-badge{font-size:10px;padding:5px 10px}.mc-status-badge svg{height:11px;width:11px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rating-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#2c3e50;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:#f0f0f0}.rating-modal form{padding:20px}.rated-person-info{background:#f8f9fa;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.person-photo{border-radius:50%;height:60px;object-fit:cover;width:60px}.rated-person-info h4{color:#2c3e50;margin:0 0 5px}.rated-person-info p{color:#666;font-size:.9em;margin:0 0 3px}.rating-section{margin-bottom:20px}.rating-section label{color:#2c3e50;display:block;font-weight:700;margin-bottom:10px}.stars-container{display:flex;gap:5px}.star-button{color:#ddd;font-size:32px;padding:0;transition:color .2s}.star-button.filled,.star-button:hover{color:#ffc107}.comment-section{margin-bottom:20px}.comment-section label{color:#2c3e50;display:block;font-weight:700;margin-bottom:8px}.comment-section textarea{border:1px solid #ddd;border-radius:6px;min-height:80px;padding:10px}.modal-actions{border-top:1px solid #eee;gap:10px;padding-top:15px}.btn{border-radius:6px;font-weight:700;padding:10px 20px;transition:background-color .2s}.dispute-detail-modal{--ddm-primary:#2563eb;--ddm-primary-light:#3b82f6;--ddm-primary-dark:#1d4ed8;--ddm-primary-bg:#2563eb0f;--ddm-success:#059669;--ddm-success-light:#d1fae5;--ddm-success-border:#a7f3d0;--ddm-warning:#d97706;--ddm-warning-light:#fef3c7;--ddm-warning-border:#fde68a;--ddm-error:#dc2626;--ddm-error-light:#fee2e2;--ddm-error-border:#fecaca;--ddm-info:#0891b2;--ddm-info-light:#cffafe;--ddm-text-primary:#111827;--ddm-text-secondary:#4b5563;--ddm-text-muted:#9ca3af;--ddm-text-inverse:#fff;--ddm-bg-page:#f8fafc;--ddm-bg-card:#fff;--ddm-bg-subtle:#f1f5f9;--ddm-border:#e2e8f0;--ddm-border-light:#f1f5f9;--ddm-shadow-xs:0 1px 2px #0000000a;--ddm-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--ddm-shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;--ddm-shadow-lg:0 10px 25px #0000000f,0 6px 12px #00000014,0 2px 4px #0000000a;--ddm-shadow-xl:0 20px 40px #00000014,0 10px 20px #0000000f,0 4px 8px #0000000a;--ddm-shadow-inset:inset 0 2px 4px #00000005;--ddm-radius-sm:8px;--ddm-radius-md:12px;--ddm-radius-lg:16px;--ddm-radius-xl:20px;--ddm-radius-full:9999px;--ddm-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--ddm-transition-base:250ms cubic-bezier(0.4,0,0.2,1)}@keyframes ddmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ddmFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ddmSpin{to{transform:rotate(1turn)}}.dispute-detail-modal.MuiPaper-root{border-radius:var(--ddm-radius-xl);box-shadow:var(--ddm-shadow-xl);overflow:hidden}.ddm-dialog-title{align-items:center;background:linear-gradient(180deg,var(--ddm-bg-card) 0,var(--ddm-bg-subtle) 100%);border-bottom:1px solid var(--ddm-border);display:flex;justify-content:space-between;padding:20px 28px}.ddm-title-content{align-items:center;display:flex;gap:14px}.ddm-title-icon{align-items:center;background:linear-gradient(145deg,var(--ddm-primary),var(--ddm-primary-dark));border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-md),inset 0 1px 0 #ffffff26;color:var(--ddm-text-inverse);display:flex;height:44px;justify-content:center;width:44px}.ddm-title-icon svg{height:22px;width:22px}.ddm-title-text{color:var(--ddm-text-primary);font-size:19px;font-weight:700;letter-spacing:-.025em;margin:0}.ddm-status-badge{align-items:center;border-radius:var(--ddm-radius-full);box-shadow:var(--ddm-shadow-sm);display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.01em;padding:8px 16px;transition:all var(--ddm-transition-fast)}.ddm-status-badge svg{height:16px;width:16px}.ddm-status-badge.resolved{background:linear-gradient(145deg,var(--ddm-success-light),#a7f3d0);border:1px solid var(--ddm-success-border);color:#065f46}.ddm-status-badge.under_review{background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:1px solid #bfdbfe;color:#1e40af}.ddm-status-badge.open{background:linear-gradient(145deg,var(--ddm-warning-light),#fde68a);border:1px solid var(--ddm-warning-border);color:#92400e}.ddm-dialog-content{background:var(--ddm-bg-page);max-height:70vh;overflow-y:auto;padding:28px}.ddm-dialog-content::-webkit-scrollbar{width:8px}.ddm-dialog-content::-webkit-scrollbar-track{background:var(--ddm-bg-subtle);border-radius:4px}.ddm-dialog-content::-webkit-scrollbar-thumb{background:var(--ddm-border);border-radius:4px}.ddm-dialog-content::-webkit-scrollbar-thumb:hover{background:var(--ddm-text-muted)}.ddm-loading-container{align-items:center;animation:ddmFadeIn var(--ddm-transition-base) ease-out;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:240px}.ddm-spinner{animation:ddmSpin .8s linear infinite;border:3px solid var(--ddm-border);border-radius:50%;border-top-color:var(--ddm-primary);height:48px;width:48px}.ddm-loading-text{color:var(--ddm-text-secondary);font-size:15px;font-weight:500;margin:0}.ddm-error-container{align-items:center;animation:ddmFadeIn var(--ddm-transition-base) ease-out;background:linear-gradient(145deg,var(--ddm-error-light),#fee2e2);border:1px solid var(--ddm-error-border);border-radius:var(--ddm-radius-lg);box-shadow:var(--ddm-shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:40px 28px;text-align:center}.ddm-error-icon{color:var(--ddm-error);height:48px;margin-bottom:16px;width:48px}.ddm-error-text{color:var(--ddm-error);font-size:15px;font-weight:600;line-height:1.5;margin:0}.ddm-dispute-summary{animation:ddmFadeInUp var(--ddm-transition-base) ease-out;background:var(--ddm-bg-card);border:1px solid var(--ddm-border);border-left:4px solid var(--ddm-warning);border-radius:var(--ddm-radius-lg);box-shadow:var(--ddm-shadow-md);margin-bottom:24px;padding:24px}.ddm-summary-header{align-items:center;border-bottom:1px solid var(--ddm-border-light);display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.ddm-summary-icon{align-items:center;background:linear-gradient(145deg,var(--ddm-warning-light),#fde68a);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-sm),inset 0 -2px 4px #d977061a;color:var(--ddm-warning);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ddm-summary-icon svg{height:24px;width:24px}.ddm-summary-title-group{flex:1 1;min-width:0}.ddm-summary-title{color:var(--ddm-text-primary);font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.ddm-summary-subtitle{color:var(--ddm-text-muted);font-size:13px;font-weight:500;margin:0}.ddm-course-info{grid-gap:12px;background:var(--ddm-bg-subtle);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-inset);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;padding:16px}.ddm-info-item{align-items:center;color:var(--ddm-text-secondary);display:flex;font-size:14px;font-weight:500;gap:10px}.ddm-info-item.price{color:var(--ddm-primary-dark);font-weight:700}.ddm-info-icon{align-items:center;background:var(--ddm-bg-card);border-radius:var(--ddm-radius-sm);box-shadow:var(--ddm-shadow-xs);color:var(--ddm-primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ddm-info-icon svg{height:18px;width:18px}.ddm-participants-grid{grid-gap:14px;gap:14px}.ddm-participant-card{background:var(--ddm-bg-card);border:1px solid var(--ddm-border-light);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-xs);transition:all var(--ddm-transition-fast)}.ddm-participant-card:hover{border-color:var(--ddm-primary-light);box-shadow:var(--ddm-shadow-sm);transform:translateY(-1px)}.ddm-participant-icon{align-items:center;background:linear-gradient(145deg,var(--ddm-primary-bg),#dbeafe);border-radius:var(--ddm-radius-full);box-shadow:var(--ddm-shadow-xs);color:var(--ddm-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ddm-participant-icon svg{height:20px;width:20px}.ddm-participant-label{color:var(--ddm-text-muted);letter-spacing:.05em;margin:0 0 4px}.ddm-participant-name{color:var(--ddm-text-primary);font-size:14px;font-weight:600}.ddm-positions-section{animation:ddmFadeInUp var(--ddm-transition-base) ease-out;animation-delay:.1s;animation-fill-mode:backwards;margin-bottom:24px}.ddm-section-title{align-items:center;color:var(--ddm-text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 18px}.ddm-section-title-icon{align-items:center;background:linear-gradient(145deg,var(--ddm-primary-bg),#dbeafe);border-radius:var(--ddm-radius-sm);box-shadow:var(--ddm-shadow-xs);color:var(--ddm-primary);display:flex;height:32px;justify-content:center;width:32px}.ddm-section-title-icon svg{height:18px;width:18px}.ddm-position-card{background:var(--ddm-bg-card);border:1px solid var(--ddm-border);border-radius:var(--ddm-radius-lg);box-shadow:var(--ddm-shadow-sm);margin-bottom:16px;padding:22px;transition:all var(--ddm-transition-fast)}.ddm-position-card:hover{box-shadow:var(--ddm-shadow-md)}.ddm-position-card.opener{background:linear-gradient(145deg,var(--ddm-bg-card) 0,#fffbeb 100%);border-left:4px solid var(--ddm-warning)}.ddm-position-card.respondent{background:linear-gradient(145deg,var(--ddm-bg-card) 0,#eff6ff 100%);border-left:4px solid var(--ddm-primary)}.ddm-position-card.waiting{background:var(--ddm-bg-subtle);border-left:4px solid var(--ddm-border)}.ddm-position-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.ddm-position-title{align-items:center;color:var(--ddm-text-primary);display:flex;font-size:15px;font-weight:700;gap:10px;margin:0}.ddm-position-title-icon{align-items:center;border-radius:var(--ddm-radius-sm);box-shadow:var(--ddm-shadow-xs);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ddm-position-title-icon svg{height:18px;width:18px}.ddm-position-card.opener .ddm-position-title-icon{background:linear-gradient(145deg,var(--ddm-warning-light),#fde68a);color:var(--ddm-warning)}.ddm-position-card.respondent .ddm-position-title-icon{background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:var(--ddm-primary)}.ddm-position-card.waiting .ddm-position-title-icon{background:var(--ddm-bg-card);color:var(--ddm-text-muted)}.ddm-position-date{background:var(--ddm-bg-subtle);border-radius:var(--ddm-radius-full);color:var(--ddm-text-muted);font-size:12px;font-weight:500;padding:4px 10px}.ddm-reason-badge{align-items:center;background:var(--ddm-error-light);border:1px solid var(--ddm-error-border);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-xs);color:var(--ddm-error);display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:18px;padding:12px 16px}.ddm-reason-badge svg{flex-shrink:0;height:18px;width:18px}.ddm-description-box{background:var(--ddm-bg-subtle);border:1px solid var(--ddm-border-light);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-inset);color:var(--ddm-text-primary);font-size:14px;line-height:1.7;margin-bottom:18px;padding:16px 18px}.ddm-claim-box{background:var(--ddm-bg-card);border:1px solid var(--ddm-border);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-xs);font-size:14px;padding:16px 18px}.ddm-claim-label{color:var(--ddm-text-primary);font-weight:700;margin-right:8px}.ddm-claim-value{color:var(--ddm-text-secondary);font-weight:500}.ddm-claim-justification{border-top:1px solid var(--ddm-border-light);color:var(--ddm-text-muted);font-style:italic;line-height:1.6;margin:14px 0 0;padding-top:14px}.ddm-waiting-title{align-items:center;color:var(--ddm-text-secondary);display:flex;font-size:15px;font-weight:700;gap:10px;margin:0 0 10px}.ddm-waiting-text{color:var(--ddm-text-muted);font-size:14px;font-style:italic;line-height:1.5;margin:0}.ddm-resolution-card{animation:ddmFadeInUp var(--ddm-transition-base) ease-out;animation-delay:.2s;animation-fill-mode:backwards;background:var(--ddm-bg-card);border:1px solid var(--ddm-success-border);border-left:4px solid var(--ddm-success);border-radius:var(--ddm-radius-lg);box-shadow:var(--ddm-shadow-md);padding:24px}.ddm-resolution-header{align-items:center;border-bottom:1px solid var(--ddm-border-light);display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.ddm-resolution-icon{align-items:center;background:linear-gradient(145deg,var(--ddm-success-light),#a7f3d0);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-sm),inset 0 -2px 4px #0596691a;color:var(--ddm-success);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ddm-resolution-icon svg{height:24px;width:24px}.ddm-resolution-title-group{flex:1 1}.ddm-resolution-title{color:#065f46;font-size:17px;font-weight:700;margin:0 0 4px}.ddm-resolution-subtitle{color:#047857;font-size:13px;font-weight:500;margin:0}.ddm-resolution-content{background:var(--ddm-bg-subtle);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-inset);margin-bottom:18px;padding:18px}.ddm-decision-text{align-items:center;color:#065f46;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 18px}.ddm-decision-text svg{color:var(--ddm-success);height:18px;width:18px}.ddm-amounts-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ddm-amount-card{background:var(--ddm-bg-card);border:1px solid var(--ddm-success-border);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-xs);padding:18px;text-align:center;transition:all var(--ddm-transition-fast)}.ddm-amount-card:hover{box-shadow:var(--ddm-shadow-sm);transform:translateY(-2px)}.ddm-amount-label{color:#047857;font-size:12px;font-weight:600;letter-spacing:.025em;margin:0 0 8px;text-transform:uppercase}.ddm-amount-value{color:#065f46;font-size:22px;font-weight:700;margin:0}.ddm-resolution-notes{background:linear-gradient(145deg,var(--ddm-success-light),#d1fae5);border:1px solid var(--ddm-success-border);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-xs);color:#047857;font-size:14px;line-height:1.6;padding:16px 18px}.ddm-resolution-notes strong{color:#065f46;font-weight:700}.ddm-dialog-actions{background:linear-gradient(180deg,var(--ddm-bg-subtle) 0,var(--ddm-bg-card) 100%);border-top:1px solid var(--ddm-border);display:flex;justify-content:flex-end;padding:18px 28px}.ddm-btn-close{align-items:center;background:linear-gradient(145deg,var(--ddm-primary),var(--ddm-primary-dark));border:none;border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-md),inset 0 1px 0 #ffffff26;color:var(--ddm-text-inverse);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 32px;transition:all var(--ddm-transition-fast)}.ddm-btn-close:hover{background:linear-gradient(145deg,var(--ddm-primary-dark),#1e40af);box-shadow:var(--ddm-shadow-lg),inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.ddm-btn-close:active{box-shadow:var(--ddm-shadow-sm);transform:translateY(0)}.ddm-btn-close svg{height:18px;width:18px}.btn-view-dispute-details{align-items:center;background:linear-gradient(145deg,var(--ddm-bg-card),var(--ddm-bg-subtle));border:2px solid var(--ddm-primary);border-radius:var(--ddm-radius-md);box-shadow:var(--ddm-shadow-sm);color:var(--ddm-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all var(--ddm-transition-fast)}.btn-view-dispute-details:hover{background:linear-gradient(145deg,var(--ddm-primary),var(--ddm-primary-dark));border-color:var(--ddm-primary-dark);box-shadow:var(--ddm-shadow-md);color:var(--ddm-text-inverse);transform:translateY(-2px)}.btn-view-dispute-details:active{box-shadow:var(--ddm-shadow-xs);transform:translateY(0)}.btn-view-dispute-details svg{height:18px;width:18px}@media (max-width:768px){.ddm-dialog-title{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 20px}.ddm-dialog-content,.ddm-dispute-summary,.ddm-resolution-card{padding:20px}.ddm-amounts-grid,.ddm-participants-grid{grid-template-columns:1fr}.ddm-position-header{align-items:flex-start;flex-direction:column}.ddm-course-info{grid-template-columns:1fr 1fr}.ddm-dialog-actions{padding:16px 20px}}@media (max-width:480px){.ddm-dialog-title{padding:16px}.ddm-title-text{font-size:17px}.ddm-title-icon{height:40px;width:40px}.ddm-dialog-content{padding:16px}.ddm-dispute-summary,.ddm-position-card,.ddm-resolution-card{border-radius:var(--ddm-radius-md);padding:16px}.ddm-section-title{font-size:15px}.ddm-position-title{font-size:14px}.ddm-course-info{grid-template-columns:1fr}.ddm-dialog-actions{padding:14px 16px}.ddm-btn-close{padding:16px 24px;width:100%}}.btn-view-dispute-details:focus-visible,.ddm-btn-close:focus-visible{outline:2px solid var(--ddm-primary);outline-offset:2px}.ddm-course-meta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.ddm-meta-badge{align-items:center;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:1px solid #0000000a;border-radius:12px;box-shadow:0 3px 8px #0000001a,0 1px 4px #00000014,inset 0 -1px 2px #0000000d;color:#546e7a;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.ddm-meta-badge:hover{box-shadow:0 6px 14px #00000026,0 2px 6px #0000001f,inset 0 -2px 4px #00000014;transform:translateY(-2px)}.ddm-meta-badge svg{color:#4a90a4;flex-shrink:0;height:18px;width:18px}.ddm-meta-badge.price{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1976d2;font-weight:600}.ddm-meta-badge.price,.ddm-meta-badge.price span{font-size:.9rem!important}.ddm-meta-badge.price:hover{background:linear-gradient(145deg,#bbdefb,#90caf9)}.ddm-meta-badge.price svg{color:#1976d2;height:18px!important;width:18px!important}.ddm-participants-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.ddm-participant-card{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #0000000f;border-radius:12px;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a;display:flex;gap:14px;padding:16px;transition:all .3s ease}.ddm-participant-card:hover{box-shadow:0 8px 20px #0000001f,0 4px 10px #00000014;transform:translateY(-2px)}.ddm-participant-avatar{border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;flex-shrink:0;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.ddm-participant-avatar:hover{box-shadow:0 6px 16px #0003,0 3px 8px #00000026;transform:scale(1.08)}.ddm-participant-avatar-placeholder{align-items:center;background:linear-gradient(145deg,#4a90a4,#3a7a8a);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #4a90a44d,0 2px 6px #4a90a433;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;text-shadow:0 1px 2px #0003;transition:all .3s ease;width:50px}.ddm-participant-avatar-placeholder:hover{box-shadow:0 6px 16px #4a90a466,0 3px 8px #4a90a44d;transform:scale(1.08)}.ddm-participant-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.ddm-participant-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.ddm-participant-name{color:#1f2937;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddm-participant-icon{display:none}@media (max-width:600px){.ddm-course-meta{gap:8px}.ddm-meta-badge{font-size:.85rem;padding:8px 12px}.ddm-participants-grid{gap:12px;grid-template-columns:1fr}.ddm-participant-avatar,.ddm-participant-avatar-placeholder{font-size:16px;height:45px;width:45px}.ddm-participant-card{padding:14px}}@media (max-width:480px){.ddm-meta-badge{font-size:.8rem;gap:6px;padding:6px 10px}.ddm-meta-badge svg{height:16px;width:16px}.ddm-participant-avatar,.ddm-participant-avatar-placeholder{font-size:14px;height:40px;width:40px}}.email-verification-container{align-items:center;background-color:#f5f5f5;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:80vh;padding:20px}.email-verification-card{background-color:#fff;border-radius:10px;box-shadow:0 8px 25px #0000001a;max-width:500px;padding:40px;text-align:center;transition:all .3s ease;width:100%}.email-verification-card h2{color:#333;font-size:24px;font-weight:600;margin-bottom:16px}.email-verification-card p{color:#666;font-size:16px;line-height:1.5;margin-bottom:20px}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#4caf50;height:60px;margin:0 auto 25px;width:60px}.error-icon,.success-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:32px;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.success-icon{background-color:#4caf50}.error-icon{background-color:#f44336}.actions{display:flex;flex-direction:column;gap:15px;margin-top:25px}.login-button,.resend-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:background-color .3s,transform .2s}.resend-button{background-color:#2196f3}.resend-button:hover{background-color:#0b7dda;transform:translateY(-2px)}.login-button{background-color:#4caf50;color:#fff}.login-button:hover{background-color:#45a049;transform:translateY(-2px)}.success-container{align-items:center;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column}.verification-icon{animation:checkmark .5s ease-in-out forwards}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-icon-enhanced{background-color:#4caf50;box-shadow:0 8px 15px #4caf504d;font-size:50px;height:100px;margin-bottom:25px;width:100px}.success-container h1{color:#333;font-size:28px;font-weight:700;margin-bottom:20px}.success-message{color:#555;font-size:18px;margin-bottom:15px}.sub-message{color:#777;margin-bottom:30px}.login-button-enhanced{background-color:#4caf50;border:none;border-radius:5px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin-top:10px;padding:15px 40px;text-decoration:none;transition:all .3s}.login-button-enhanced:hover{background-color:#3d9c40;box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.login-button-enhanced:active{box-shadow:0 3px 6px #0000001a;transform:translateY(1px)}.fa-check-circle:before{content:"✓"}.fa-times-circle:before{content:"✕"}@media (min-width:500px){.actions{flex-direction:row;gap:15px;justify-content:center}}.resend-verification-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.resend-verification-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.resend-verification-card h1{color:#333;font-size:24px;margin-bottom:20px}.resend-verification-card p{color:#666;font-size:16px;line-height:1.6;margin-bottom:25px;text-align:left}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#555;display:block;margin-bottom:8px}.input-field{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px 15px;transition:border-color .3s;width:100%}.input-field:focus{border-color:#4caf50;outline:none}.error-message,.success-message{border-radius:5px;font-size:14px;margin-bottom:20px;padding:12px 15px;text-align:left}.error-message{background-color:#ffebee;border-left:4px solid #d32f2f;color:#d32f2f}.success-message{background-color:#e8f5e9;border-left:4px solid #388e3c;color:#388e3c}.error-message i,.success-message i{margin-right:8px}.resend-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:background-color .3s ease;width:100%}.resend-button:hover{background-color:#45a049}.resend-button:focus{box-shadow:0 0 0 3px #4caf5080;outline:none}.resend-button:disabled{background-color:#ccc;cursor:not-allowed}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.popup-content{animation:popup-enter .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}@keyframes popup-enter{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;overflow:hidden;padding:30px 30px 20px;position:relative;text-align:center}.popup-header:before{animation:header-shine 3s infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes header-shine{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.welcome-animation{position:relative;z-index:1}.welcome-emoji{animation:wave 2s infinite;font-size:3em;margin-bottom:15px}@keyframes wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.popup-header h2{font-size:1.8em;font-weight:700;margin:0 0 8px}.welcome-subtitle{font-size:1em;margin:0;opacity:.9}.popup-body{padding:30px}.step-content{text-align:center}.step-header{gap:15px;margin-bottom:25px}.step-header,.step-number{align-items:center;display:flex;justify-content:center}.step-number{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;color:#fff;font-size:1.2em;font-weight:700;height:40px;width:40px}.step-header h3{color:#2d3748;font-size:1.4em;font-weight:600;margin:0}.success-items{display:flex;flex-direction:column;gap:12px}.success-item{align-items:center;background:#f7fafc;border-left:4px solid #48bb78;border-radius:8px;display:flex;gap:12px;padding:12px}.success-icon{font-size:1.2em}.motivation-section{border-radius:12px;margin:20px 0;padding:25px}.motivation-section.warning{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181}.motivation-section.info{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border:2px solid #63b3ed}.motivation-section.success{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:2px solid #68d391}.motivation-emoji{font-size:3em;margin-bottom:15px}.motivation-section h4{color:#2d3748;font-size:1.3em;font-weight:600;margin:0 0 12px}.motivation-section p{color:#4a5568;line-height:1.5;margin:0 0 20px}.benefits-list{display:flex;flex-direction:column;gap:8px}.benefit-item{align-items:center;color:#2d3748;display:flex;font-size:.95em;gap:10px}.benefit-icon{font-size:1.2em}.final-section{text-align:center}.rocket-animation{animation:rocket-launch 2s infinite;font-size:4em;margin-bottom:20px}@keyframes rocket-launch{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-section h4{color:#2d3748;font-size:1.3em;font-weight:600;margin:0 0 15px}.final-section p{color:#4a5568;margin:0 0 20px}.next-steps{display:flex;flex-direction:column;gap:10px}.next-step{align-items:center;background:#f7fafc;border-left:4px solid #4299e1;border-radius:8px;display:flex;gap:12px;padding:10px}.step-icon{font-size:1.2em}.popup-footer{border-top:1px solid #e2e8f0;padding:20px 30px 30px}.step-indicators{gap:10px;margin-bottom:20px}.step-indicator,.step-indicators{display:flex;justify-content:center}.step-indicator{align-items:center;border:2px solid #e2e8f0;border-radius:50%;color:#a0aec0;font-weight:600;height:35px;transition:all .3s ease;width:35px}.step-indicator.active{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#4facfe;color:#fff}.popup-actions{display:flex;gap:12px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.95em;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #4facfe66;transform:translateY(-2px)}.btn-urgent{animation:pulse-urgent 2s infinite;background:linear-gradient(135deg,#fc8181,#f56565)}@keyframes pulse-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-ghost{background:#0000;color:#a0aec0}.btn-ghost:hover{color:#4a5568}.popup-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2em;height:35px;position:absolute;right:15px;top:15px;transition:all .2s ease;width:35px}.popup-close:hover{background:#ffffff4d;transform:scale(1.1)}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.confetti{animation:confetti-fall 3s linear forwards;height:10px;position:absolute;width:10px}.confetti-0{animation-delay:0s;background:#ff6b6b;left:10%}.confetti-1{animation-delay:.2s;background:#4ecdc4;left:30%}.confetti-2{animation-delay:.4s;background:#45b7d1;left:50%}.confetti-3{animation-delay:.6s;background:#f9ca24;left:70%}.confetti-4{animation-delay:.8s;background:#6c5ce7;left:90%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (max-width:600px){.popup-content{margin:20px;width:95%}.popup-body,.popup-footer,.popup-header{padding:20px}.popup-actions{flex-direction:column}.step-indicators{gap:8px}.step-indicator{font-size:.9em;height:30px;width:30px}}.pending-approval-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.pending-approval-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:800px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pending-approval-header{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:40px 30px;text-align:center}.approval-icon{align-items:center;animation:pulse 2s infinite;background:#fff3;border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.pending-approval-header h1{font-size:28px;font-weight:600;margin:0 0 10px}.subtitle{font-size:16px;font-weight:300;margin:0;opacity:.9}.pending-approval-content{padding:40px 30px}.status-section{margin-bottom:40px}.status-item{align-items:center;border:2px solid #0000;border-radius:12px;display:flex;margin-bottom:25px;padding:20px;transition:all .3s ease}.status-item.completed{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.status-item.current{animation:glow 2s infinite alternate;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}@keyframes glow{0%{box-shadow:0 0 5px #ffc1074d}to{box-shadow:0 0 20px #ffc10799}}.status-item.pending{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#6c757d;opacity:.7}.status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;margin-right:20px;width:50px}.status-item.completed .status-icon{background:#28a745;color:#fff}.status-item.current .status-icon{background:#ffc107;color:#212529}.status-item.pending .status-icon{background:#6c757d;color:#fff}.status-text h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 5px}.status-text p{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.info-card{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:12px;padding:25px;transition:transform .2s ease}.info-card:hover{transform:translateY(-2px)}.info-card h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px}.info-card p{line-height:1.6;margin:0}.info-card p,.info-card ul{color:#6c757d;font-size:14px}.info-card ul{margin:10px 0 0;padding-left:20px}.info-card li{line-height:1.4;margin-bottom:5px}.action-section{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.help-text{color:#6c757d;font-size:16px;margin-bottom:25px}.action-buttons{flex-wrap:wrap;gap:15px}.contact-button,.login-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.pending-approval-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px 30px;text-align:center}.pending-approval-footer p{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px;justify-content:center;margin:0}.pending-approval-footer i{color:#007bff}@media (max-width:768px){.pending-approval-container{padding:10px}.pending-approval-header{padding:30px 20px}.pending-approval-header h1{font-size:24px}.pending-approval-content{padding:30px 20px}.status-item{flex-direction:column;padding:15px;text-align:center}.status-icon{margin-bottom:10px;margin-right:0}.info-section{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.contact-button,.login-button{max-width:250px;width:100%}}.dashboard-page{margin:0 auto;max-width:1200px;padding:20px}.dashboard-content{width:100%}.dashboard-error,.dashboard-loading{color:#6c757d;padding:60px 20px;text-align:center}.dashboard-error{color:#dc3545}.no-data{color:#999;font-style:italic;padding:20px;text-align:center}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.analytics-card{background:#fff;border-left:4px solid #5b7fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.analytics-card h4{color:#2c3e50;margin-bottom:15px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.trend-indicator{font-size:1.2em}.revenue-amount{color:#5b7fff;font-size:2em;font-weight:700;margin-top:10px}.revenue-details{color:#666;margin-top:8px}.performance-metrics{display:flex;flex-direction:column;gap:12px}.metric{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.metric-label{color:#666;font-size:.9em}.metric-value{color:#2c3e50;font-weight:700}.subject-revenue-list{display:flex;flex-direction:column;gap:8px}.subject-revenue-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.subject-rank{background:#e3edff;border-radius:12px;color:#3a5bcc;font-size:.8em;font-weight:700;margin-right:8px;padding:2px 6px}.subject-name{flex:1 1;font-weight:500;margin-left:8px}.subject-amount{color:#5b7fff;font-weight:700}.student-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.student-name{flex:1 1;font-weight:500;margin-left:8px}.student-revenue{color:#5b7fff;font-weight:700}.recent-activity{display:flex;flex-direction:column;gap:15px}.activity-stat{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.activity-stat strong{color:#2c3e50;font-size:1.2em}.objectives-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:25px}.objectives-section h3{color:#2c3e50;margin-bottom:20px}.objectives-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.objective-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.objective-card h5{color:#2c3e50;margin-bottom:15px}.dashboard-progress-bar{background:#e9ecef;border-radius:5px;height:10px;margin:15px 0 10px;overflow:hidden;width:100%}.dashboard-progress-fill{background:linear-gradient(90deg,#5b7fff,#7b9fff);border-radius:5px;height:100%;transition:width .3s ease}.dashboard-progress-item{margin-bottom:15px}.dashboard-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.dashboard-progress-subject{color:#2c3e50;font-weight:500}.dashboard-progress-courses{color:#666;font-size:.9em}.free-dashboard{text-align:center}.welcome-section{margin-bottom:40px}.welcome-section h2{color:#2c3e50;font-size:1.8em;margin-bottom:15px}.welcome-section p{color:#6c757d;font-size:1.1em;line-height:1.6}.basic-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.basic-stat-card{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:25px;text-align:center}.basic-stat-card h4{color:#2c3e50;margin-bottom:15px}.basic-number{color:#6c757d;font-size:2em;font-weight:700;margin:15px 0}.basic-stat-card small{color:#999;font-style:italic}.premium-upgrade{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);border-radius:12px;margin-top:30px;padding:40px}.premium-upgrade h3{color:#1565c0;font-size:1.5em;margin-bottom:25px}.premium-features{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:25px 0}.feature-preview{align-items:center;background:#fffc;border-radius:8px;display:flex;gap:12px;padding:15px;text-align:left}.feature-icon{font-size:1.2em;text-align:center;width:24px}.upgrade-cta{background:linear-gradient(135deg,#5b7fff,#8b5fff);border-radius:8px;box-shadow:0 4px 12px #5b7fff4d;color:#fff;display:inline-block;font-size:1.1em;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s ease}.upgrade-cta:hover{box-shadow:0 6px 20px #5b7fff66;color:#fff;text-decoration:none;transform:translateY(-2px)}.study-details{color:#666;margin-top:8px}.subject-study-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}@media (max-width:768px){.dashboard-page{padding:15px}.analytics-grid,.basic-stats{grid-template-columns:1fr}.premium-upgrade{padding:30px 20px}.objectives-grid,.premium-features{grid-template-columns:1fr}}:root{--unified-font-size:1rem;--unified-padding:14px 16px;--unified-height:48px}.book-lesson-page{font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.booking-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:30px;padding-bottom:15px}.booking-header h1{color:#333;flex-grow:1;font-size:1.8rem;margin:0 0 0 20px}.back-button{align-items:center;background-color:initial;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;padding:8px 16px;transition:all .2s}.back-button:hover{background-color:#f5f5f5;color:#333}.back-button i{margin-right:8px}.booking-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.booking-form{gap:25px}.booking-form,.form-group{display:flex;flex-direction:column}.form-group label{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-size:var(--unified-font-size);font-weight:600;gap:6px;height:48px;height:var(--unified-height);letter-spacing:.3px;margin-bottom:10px}.form-group label:before{background:linear-gradient(180deg,#4a90e2,#667eea);border-radius:2px;content:"";display:inline-block;height:16px;width:3px}.form-group select,.form-group textarea{background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e0e7ff;border-radius:12px;box-shadow:0 1px 3px #0000000d,inset 0 1px 2px #fffc;color:#1e293b;font-size:1rem;font-size:var(--unified-font-size);padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group 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='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234a90e2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;font-weight:500;padding-right:45px}.form-group select:hover:not(:disabled){background:linear-gradient(145deg,#fff,#f0fdf4);border-color:#a7f3d0;box-shadow:0 4px 12px #a7f3d040,inset 0 1px 2px #fffc;transform:translateY(-1px)}.form-group select:disabled{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.6}.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#a7f3d0;box-shadow:0 0 0 4px #a7f3d026,0 4px 16px #a7f3d04d;outline:none;transform:translateY(-2px)}.form-group textarea{box-sizing:border-box;min-height:100px;resize:vertical;width:100%}.date-time-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.date-time-row .form-group{animation:fadeInUp .5s ease-out;margin-bottom:0}.sub-slots-selection{margin-top:20px}.sub-slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:12px}.sub-slot{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e0e7ff;border-radius:12px;box-shadow:0 2px 8px #0000000a,inset 0 1px 2px #fffc;cursor:pointer;display:flex;gap:10px;justify-content:space-between;overflow:hidden;padding:12px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sub-slot:before{background:linear-gradient(180deg,#a7f3d0,#6ee7b7);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.sub-slot:hover{background:linear-gradient(145deg,#fff,#f0fdf4);border-color:#a7f3d0;box-shadow:0 8px 24px #a7f3d040,inset 0 1px 2px #ffffffe6;transform:translateY(-3px)}.sub-slot:hover:before{opacity:1}.sub-slot.selected{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#a7f3d0;border-width:3px;box-shadow:0 8px 24px #a7f3d04d,inset 0 1px 2px #ffffffe6;transform:translateY(-2px)}.sub-slot.selected:before{opacity:1;width:5px}.sub-slot span{color:#1e293b;font-size:1rem;font-size:var(--unified-font-size);font-weight:600;letter-spacing:.3px;transition:color .3s ease}.sub-slot.selected span{color:#047857}.sub-slot input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #cbd5e1;border-radius:6px;flex-shrink:0;height:22px;margin:0;padding:0;pointer-events:none;position:relative;transition:all .3s ease;width:22px}.sub-slot:hover input[type=checkbox]{background:#fff;border-color:#a7f3d0}.sub-slot.selected input[type=checkbox]{background:#fff;border-color:#6ee7b7;border-width:2px}.sub-slot.selected input[type=checkbox]:before{color:#10b981;content:"✓";display:block;font-size:14px;font-weight:900;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.duration-info{animation:slideIn .4s ease-out;background:linear-gradient(145deg,#fff,#f0fdf4);border:2px solid #a7f3d0;border-radius:12px;box-shadow:0 4px 16px #a7f3d033,inset 0 1px 2px #fffc;color:#047857;font-weight:600;margin:20px auto 0;max-width:400px;padding:10px 18px;text-align:center}.duration-info,.duration-info:before{font-size:1rem;font-size:var(--unified-font-size)}.duration-info:before{content:"⏱️";margin-right:6px}.booking-actions{display:flex;justify-content:center;margin-top:32px}.booking-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#667eea);border:none;border-radius:12px;box-shadow:0 4px 16px #4a90e24d,inset 0 1px 2px #fff3;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--unified-font-size);font-weight:600;height:48px;height:var(--unified-height);justify-content:center;letter-spacing:.3px;max-width:350px;min-width:auto;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.booking-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.booking-button:hover:not(:disabled){background:linear-gradient(135deg,#3a7bc8,#5568d3);box-shadow:0 12px 32px #4a90e266,inset 0 1px 3px #ffffff4d;transform:translateY(-3px) scale(1.02)}.booking-button:hover:not(:disabled):before{left:100%}.booking-button:active:not(:disabled){box-shadow:0 6px 20px #4a90e24d,inset 0 1px 2px #fff3;transform:translateY(-1px) scale(1)}.booking-button:disabled{background:linear-gradient(145deg,#cbd5e1,#94a3b8);box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.booking-button:disabled:before{display:none}.no-slots-message{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;color:#64748b;font-size:1rem;font-size:var(--unified-font-size);font-style:italic;margin-top:16px;padding:20px;text-align:center}.no-slots-message:before{content:"⚠️";display:block;font-size:2rem;margin-bottom:8px}.admin-mode-notification{align-items:center;animation:fadeInSlide .5s ease-out;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#856404;display:flex;font-size:14px;margin-bottom:20px;padding:15px}.admin-mode-notification .icon{font-size:18px;margin-right:10px}.admin-mode-notification strong{font-weight:600}.admin-booking-info{background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:5px;color:#0c5460;font-size:13px;margin-top:10px;padding:10px}.admin-booking-info strong{font-weight:600}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.date-time-row{gap:20px;grid-template-columns:1fr}.booking-header{align-items:flex-start;flex-direction:column}.booking-header h1{font-size:1.5rem;margin:15px 0 0}.booking-content{padding:20px}.sub-slots-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.booking-button{font-size:.95rem;padding:14px 32px}.admin-mode-notification{font-size:13px;padding:12px}.admin-mode-notification .icon{font-size:16px;margin-right:8px}.admin-booking-info{font-size:12px;padding:8px}}@media (max-width:480px){.booking-button{font-size:.9rem;max-width:300px;padding:14px 28px;width:100%}.booking-content{padding:15px}.sub-slots-grid{grid-template-columns:1fr}.form-group select{font-size:.95rem;padding:12px 14px}}.confirm-course-page{--ccp-primary:#2563eb;--ccp-primary-light:#3b82f6;--ccp-primary-dark:#1d4ed8;--ccp-primary-bg:#2563eb0f;--ccp-blue-ocean:#3498db;--ccp-success:#059669;--ccp-success-light:#d1fae5;--ccp-success-border:#a7f3d0;--ccp-warning:#d97706;--ccp-warning-light:#fef3c7;--ccp-warning-border:#fde68a;--ccp-error:#dc2626;--ccp-error-light:#fee2e2;--ccp-error-border:#fecaca;--ccp-text-primary:#111827;--ccp-text-secondary:#4b5563;--ccp-text-muted:#9ca3af;--ccp-text-inverse:#fff;--ccp-bg-page:#f8fafc;--ccp-bg-card:#fff;--ccp-bg-subtle:#f1f5f9;--ccp-border:#e2e8f0;--ccp-border-light:#f1f5f9;--ccp-shadow-xs:0 1px 2px #0000000a;--ccp-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--ccp-shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;--ccp-shadow-lg:0 10px 25px #0000000f,0 6px 12px #00000014,0 2px 4px #0000000a;--ccp-shadow-xl:0 20px 40px #00000014,0 10px 20px #0000000f,0 4px 8px #0000000a;--ccp-shadow-inset:inset 0 2px 4px #00000005;--ccp-radius-sm:8px;--ccp-radius-md:12px;--ccp-radius-lg:16px;--ccp-radius-xl:20px;--ccp-radius-full:9999px;--ccp-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--ccp-transition-base:250ms cubic-bezier(0.4,0,0.2,1)}@keyframes ccpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ccpFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ccpSpin{to{transform:rotate(1turn)}}.confirm-course-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ccp-bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;min-height:100vh;padding:40px 24px 80px}.confirm-container{margin:0 auto;max-width:720px}.page-header{animation:ccpFadeIn var(--ccp-transition-base) ease-out}.page-header h1{color:var(--ccp-text-primary)}.page-header p{color:var(--ccp-text-secondary)}.error-container,.loading{align-items:center;animation:ccpFadeIn var(--ccp-transition-base) ease-out;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;text-align:center}.loading{background:var(--ccp-bg-card);border:1px solid var(--ccp-border);border-radius:var(--ccp-radius-lg);box-shadow:var(--ccp-shadow-lg);padding:48px}.loading:before{animation:ccpSpin .8s linear infinite;border:3px solid var(--ccp-border);border-radius:50%;border-top-color:var(--ccp-primary);content:"";height:48px;width:48px}.loading p{color:var(--ccp-text-secondary);font-size:15px;font-weight:500;margin:0}.error-container{background:var(--ccp-bg-card);border:1px solid var(--ccp-border);border-radius:var(--ccp-radius-lg);box-shadow:var(--ccp-shadow-lg);margin:0 auto;max-width:480px;padding:48px 40px}.error-container svg{color:var(--ccp-error)}.error-container h2{color:var(--ccp-text-primary);font-size:20px;font-weight:600;margin:0}.error-container p{color:var(--ccp-text-secondary);font-size:15px;line-height:1.6;margin:0}.btn-back{background:var(--ccp-primary);border-radius:var(--ccp-radius-md);box-shadow:var(--ccp-shadow-sm);color:var(--ccp-text-inverse);margin-top:8px;transition:all var(--ccp-transition-fast)}.btn-back:hover{background:var(--ccp-primary-dark);box-shadow:var(--ccp-shadow-md);transform:translateY(-2px)}.ccp-course-info-card{animation:ccpFadeInUp var(--ccp-transition-base) ease-out;background:var(--ccp-bg-card);border:1px solid var(--ccp-border);border-left:4px solid var(--ccp-blue-ocean);border-radius:var(--ccp-radius-lg);box-shadow:var(--ccp-shadow-lg);margin-bottom:24px;padding:28px}.ccp-course-header{align-items:center;border-bottom:1px solid var(--ccp-border-light);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.ccp-course-header h2{align-items:center;color:var(--ccp-text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.ccp-course-header-icon{align-items:center;background:linear-gradient(145deg,var(--ccp-primary-bg),#dbeafe);border-radius:var(--ccp-radius-sm);box-shadow:var(--ccp-shadow-xs);color:var(--ccp-primary);display:flex;height:36px;justify-content:center;width:36px}.ccp-course-header-icon svg{height:20px;width:20px}.ccp-status-badge{align-items:center;border-radius:var(--ccp-radius-full);box-shadow:var(--ccp-shadow-xs);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.ccp-status-badge svg{height:14px;width:14px}.ccp-status-completed{background:linear-gradient(145deg,var(--ccp-success-light),#a7f3d0);border:1px solid var(--ccp-success-border);color:#065f46}.ccp-course-details{display:flex;flex-direction:column;gap:16px}.ccp-detail-row{align-items:center;display:flex;font-size:15px;gap:12px}.ccp-detail-row .label{align-items:center;color:var(--ccp-text-secondary);display:flex;font-weight:600;gap:8px}.ccp-detail-row .label svg{color:var(--ccp-primary);height:18px;width:18px}.ccp-detail-row .value{color:var(--ccp-text-primary);font-weight:500}.ccp-course-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.ccp-meta-item{align-items:center;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:1px solid #0000000a;border-radius:12px;box-shadow:0 3px 8px #0000001a,0 1px 4px #00000014,inset 0 -1px 2px #0000000d;color:#546e7a;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.ccp-meta-item:hover{box-shadow:0 6px 14px #00000026,0 2px 6px #0000001f,inset 0 -2px 4px #00000014;transform:translateY(-2px)}.ccp-meta-item svg{color:var(--ccp-primary);flex-shrink:0;height:18px;width:18px}.ccp-meta-item.price{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1976d2;font-weight:700}.ccp-meta-item.price:hover{background:linear-gradient(145deg,#bbdefb,#90caf9)}.ccp-meta-item.price svg{color:#1976d2}@media (max-width:768px){.ccp-course-info-card{padding:22px 18px}.ccp-course-meta{gap:10px}.ccp-meta-item{font-size:.85rem;padding:8px 14px}}@media (max-width:480px){.ccp-course-info-card{border-radius:var(--ccp-radius-md);padding:18px 16px}.ccp-course-meta{gap:8px}.ccp-meta-item{border-radius:10px;font-size:.8rem;padding:6px 12px}.ccp-meta-item svg{height:16px;width:16px}.ccp-course-header{align-items:flex-start;flex-direction:column}}.meta-item svg{color:var(--ccp-primary)}.deadline-card{animation:ccpFadeInUp var(--ccp-transition-base) ease-out;animation-delay:.05s;animation-fill-mode:backwards;background:linear-gradient(145deg,#fef3c7,#fde68a);border:1px solid #fde68a;border-radius:var(--ccp-radius-lg);box-shadow:0 6px 16px #f59e0b40,0 3px 8px #f59e0b26,inset 0 -2px 4px #f59e0b1a;margin-bottom:24px;padding:18px 24px}.deadline-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:14px}.deadline-header>span{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:10px}.deadline-header svg{color:var(--ccp-warning);height:20px;width:20px}.deadline-timer{align-items:center;display:flex;gap:12px}.time-unit{align-items:baseline;display:flex;gap:3px}.time-unit strong{color:#b45309;font-size:20px;font-weight:700;line-height:1}.time-unit span{color:#92400e;font-size:12px;font-weight:600}.deadline-progress{background:#fff9;border-radius:var(--ccp-radius-full);box-shadow:inset 0 2px 4px #0000001a;height:8px;overflow:hidden;width:100%}.deadline-progress-fill{background:linear-gradient(90deg,var(--ccp-warning),#f59e0b);border-radius:var(--ccp-radius-full);height:100%;transition:width 1s linear}.rating-card{animation:ccpFadeInUp var(--ccp-transition-base) ease-out;animation-delay:.1s;animation-fill-mode:backwards;background:var(--ccp-bg-card);border:1px solid var(--ccp-border);border-left:4px solid var(--ccp-blue-ocean);border-radius:var(--ccp-radius-lg);box-shadow:var(--ccp-shadow-lg);margin-bottom:24px;padding:28px}.rating-card h3{align-items:center;color:var(--ccp-text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;margin:0 0 8px;text-align:center}.rating-card h3 svg{color:#f59e0b;height:22px;width:22px}.rating-subtitle{color:var(--ccp-text-secondary);font-size:14px;font-weight:450;margin:0 0 24px;text-align:center}.star-rating{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.star-button{background:none;border:none;border-radius:var(--ccp-radius-md);cursor:pointer;padding:8px;position:relative;transition:all var(--ccp-transition-fast)}.star-button:hover{background:#f59e0b1a;transform:scale(1.15)}.star-button:active{transform:scale(.95)}.star-button.active{filter:drop-shadow(0 4px 8px rgba(245,158,11,.3))}.star-button svg{height:44px;transition:all var(--ccp-transition-fast);width:44px}.rating-text{background:var(--ccp-bg-subtle);border-radius:var(--ccp-radius-md);box-sizing:border-box;color:var(--ccp-text-primary);display:inline-block;font-size:16px;font-weight:600;margin:0 0 24px;padding:12px 20px;text-align:center;width:100%}.comment-section{margin-top:24px}.comment-section label{align-items:center;color:var(--ccp-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px}.comment-section label svg{color:var(--ccp-primary);height:18px;width:18px}.comment-section textarea{background:var(--ccp-bg-card);border:2px solid var(--ccp-border);border-radius:var(--ccp-radius-md);box-sizing:border-box;color:var(--ccp-text-primary);font-family:inherit;font-size:15px;line-height:1.6;padding:16px;resize:vertical;transition:all var(--ccp-transition-fast);width:100%}.comment-section textarea::placeholder{color:var(--ccp-text-muted)}.comment-section textarea:hover{border-color:#cbd5e1}.comment-section textarea:focus{border-color:var(--ccp-primary);box-shadow:0 0 0 4px var(--ccp-primary-bg);outline:none}.char-count{color:var(--ccp-text-muted)}.teacher-feedback-section{display:flex;flex-direction:column;gap:16px;margin-top:24px}.feedback-field{background:var(--ccp-bg-subtle);border-left:4px solid var(--ccp-blue-ocean);border-radius:var(--ccp-radius-md);box-shadow:var(--ccp-shadow-inset);padding:20px;transition:all var(--ccp-transition-fast)}.feedback-field:hover{background:var(--ccp-bg-card);box-shadow:var(--ccp-shadow-sm);transform:translateX(4px)}.feedback-field label{align-items:center;color:var(--ccp-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px}.feedback-field label svg{height:18px;width:18px}.feedback-field.strengths label svg{color:var(--ccp-success)}.feedback-field.improvements label svg{color:var(--ccp-warning)}.feedback-field.gaps label svg{color:var(--ccp-error)}.feedback-field.general label svg,.feedback-field.recommendations label svg{color:var(--ccp-primary)}.feedback-field textarea{background:var(--ccp-bg-card);border:2px solid var(--ccp-border);border-radius:var(--ccp-radius-sm);box-sizing:border-box;color:var(--ccp-text-primary);font-family:inherit;font-size:14px;line-height:1.6;padding:14px;resize:vertical;transition:all var(--ccp-transition-fast);width:100%}.feedback-field textarea:focus{border-color:var(--ccp-primary);box-shadow:0 0 0 3px var(--ccp-primary-bg);outline:none}.btn-confirm{align-items:center;background:linear-gradient(145deg,var(--ccp-success),#047857);border:none;border-radius:var(--ccp-radius-md);box-shadow:var(--ccp-shadow-md),inset 0 1px 0 #ffffff26;color:var(--ccp-text-inverse);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:200px;padding:16px 32px;transition:all var(--ccp-transition-fast)}.btn-confirm:hover:not(:disabled){background:linear-gradient(145deg,#047857,#065f46);box-shadow:var(--ccp-shadow-lg),inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.btn-confirm:active:not(:disabled){box-shadow:var(--ccp-shadow-sm);transform:translateY(0)}.btn-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-confirm svg,.spinner-small{height:20px;width:20px}.spinner-small{animation:ccpSpin .7s linear infinite;border-top:2px solid var(--ccp-text-inverse)}.info-box{animation:ccpFadeInUp var(--ccp-transition-base) ease-out;animation-delay:.15s;animation-fill-mode:backwards;background:var(--ccp-bg-card);border:1px solid var(--ccp-border);border-left:4px solid var(--ccp-blue-ocean);border-radius:var(--ccp-radius-md);box-shadow:var(--ccp-shadow-sm);flex-direction:row;gap:14px;margin:0 auto;max-width:520px;padding:18px 20px}.info-box svg{color:var(--ccp-primary);flex-shrink:0;height:24px;min-width:24px;width:24px}.info-box p{color:var(--ccp-text-secondary);flex:1 1;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.confirm-course-page{padding:24px 16px 60px}.page-header h1{font-size:24px}.course-info-card,.deadline-card,.rating-card{padding:22px 18px}.course-meta{gap:10px}.meta-item{font-size:.85rem;padding:8px 14px}.deadline-header{align-items:flex-start;flex-direction:column;gap:12px}.deadline-timer{justify-content:flex-start;width:100%}.star-button svg{height:38px;width:38px}.action-buttons{flex-direction:column}.btn-confirm{width:100%}}@media (max-width:480px){.confirm-course-page{padding:20px 14px 48px}.page-header h1{font-size:22px}.course-info-card,.deadline-card,.info-box,.rating-card{border-radius:var(--ccp-radius-md);padding:18px 16px}.course-meta{gap:8px}.meta-item{border-radius:10px;font-size:.8rem;padding:6px 12px}.meta-item svg{height:16px;width:16px}.course-header{align-items:flex-start;flex-direction:column}.time-unit strong{font-size:18px}.time-unit span{font-size:11px}.star-button svg{height:34px;width:34px}.feedback-field{padding:16px}}.btn-back:focus-visible,.btn-confirm:focus-visible{outline:2px solid var(--ccp-primary);outline-offset:2px}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease,fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;gap:12px;max-width:450px;min-width:320px;padding:16px;pointer-events:all;transition:all .3s ease}.toast:hover{box-shadow:0 12px 30px #0003;transform:translateX(-4px)}.toast-success{background:linear-gradient(135deg,#fff,#f0fdf4);border-left:4px solid #4caf50}.toast-success .toast-icon{color:#4caf50}.toast-error{background:linear-gradient(135deg,#fff,#fef2f2);border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{background:linear-gradient(135deg,#fff,#fffbeb);border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{background:linear-gradient(135deg,#fff,#eff6ff);border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-message{color:#1f2937;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#4b5563}.toast-close:active{transform:scale(.9)}@keyframes slideOutRight{to{opacity:0;transform:translateX(400px)}}@media (max-width:768px){.toast-container{left:12px;right:12px;top:60px}.toast{max-width:none;min-width:auto}}.dispute-page{--drp-primary:#2563eb;--drp-primary-light:#3b82f6;--drp-primary-dark:#1d4ed8;--drp-primary-bg:#2563eb0f;--drp-success:#059669;--drp-success-light:#d1fae5;--drp-warning:#d97706;--drp-warning-light:#fef3c7;--drp-error:#dc2626;--drp-error-light:#fee2e2;--drp-info:#0891b2;--drp-info-light:#cffafe;--drp-text-primary:#111827;--drp-text-secondary:#4b5563;--drp-text-muted:#9ca3af;--drp-text-inverse:#fff;--drp-bg-page:#f8fafc;--drp-bg-card:#fff;--drp-bg-elevated:#fff;--drp-bg-subtle:#f1f5f9;--drp-border:#e2e8f0;--drp-border-light:#f1f5f9;--drp-border-focus:var(--drp-primary);--drp-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--drp-shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;--drp-shadow-lg:0 10px 25px #0000000f,0 6px 12px #00000014,0 2px 4px #0000000a;--drp-shadow-xl:0 20px 40px #00000014,0 10px 20px #0000000f,0 4px 8px #0000000a;--drp-shadow-inset:inset 0 2px 4px #00000005;--drp-radius-sm:8px;--drp-radius-md:12px;--drp-radius-lg:16px;--drp-radius-xl:20px;--drp-radius-full:9999px;--drp-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--drp-transition-base:250ms cubic-bezier(0.4,0,0.2,1);--drp-transition-slow:350ms cubic-bezier(0.4,0,0.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--drp-bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;min-height:100vh;padding:40px 24px 80px}.dispute-container{margin:0 auto;max-width:720px}.page-header{align-items:center;display:flex;flex-direction:column;gap:12px}.page-header h1{margin:0}.course-info-card{animation:fadeInUp var(--drp-transition-base) ease-out;background:var(--drp-bg-card);border:1px solid var(--drp-border);border-left:4px solid var(--drp-blue-ocean);border-radius:var(--drp-radius-lg);box-shadow:var(--drp-shadow-lg);margin-bottom:24px;padding:28px}.course-header{align-items:center;border-bottom:1px solid var(--drp-border-light);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.course-header h2{align-items:center;color:var(--drp-text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.course-header-icon{align-items:center;background:linear-gradient(145deg,var(--drp-primary-bg),#dbeafe);border-radius:var(--drp-radius-sm);box-shadow:0 1px 2px #0000000a;color:var(--drp-primary);display:flex;height:36px;justify-content:center;width:36px}.course-header-icon svg{height:20px;width:20px}.status-badge{align-items:center;border-radius:var(--drp-radius-full);box-shadow:0 1px 2px #0000000a;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.status-badge svg{height:14px;width:14px}.status-completed{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border:1px solid #a7f3d0;color:#065f46}.course-details{display:flex;flex-direction:column;gap:16px}.detail-row{font-size:15px;gap:12px}.detail-row,.detail-row .label{align-items:center;display:flex}.detail-row .label{color:var(--drp-text-secondary);font-weight:600;gap:8px}.detail-row .label svg{color:var(--drp-primary);height:18px;width:18px}.detail-row .value{color:var(--drp-text-primary);font-weight:500}.course-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.meta-item{align-items:center;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border:1px solid #0000000a;border-radius:12px;box-shadow:0 3px 8px #0000001a,0 1px 4px #00000014,inset 0 -1px 2px #0000000d;color:#546e7a;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.meta-item:hover{box-shadow:0 6px 14px #00000026,0 2px 6px #0000001f,inset 0 -2px 4px #00000014;transform:translateY(-2px)}.meta-item svg{color:var(--drp-primary);flex-shrink:0;height:18px;width:18px}.meta-item.price{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1976d2;font-weight:700}.meta-item.price:hover{background:linear-gradient(145deg,#bbdefb,#90caf9)}.meta-item.price svg{color:#1976d2}.deadline-warning{align-items:center;animation:fadeIn var(--drp-transition-base) ease-out;background:var(--drp-warning-light);border:1px solid #fde68a;border-radius:var(--drp-radius-md);display:flex;gap:12px;margin-bottom:24px;padding:14px 18px}.deadline-warning svg{color:var(--drp-warning);flex-shrink:0;height:20px;width:20px}.deadline-warning span{color:#92400e;font-size:14px;font-weight:500}.deadline-warning strong{font-weight:700}.form-section:nth-child(4){animation-delay:.2s}.reason-options{display:flex;flex-direction:column;gap:12px}.reason-option{cursor:pointer;position:relative}.reason-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.reason-content{align-items:center;background:var(--drp-bg-card);border-radius:var(--drp-radius-md);color:var(--drp-text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 18px;transition:all var(--drp-transition-fast)}.reason-content svg{color:var(--drp-text-muted);flex-shrink:0;height:20px;width:20px}.reason-option:hover .reason-content{background:var(--drp-primary-bg);border-color:var(--drp-primary-light)}.reason-option:hover .reason-content svg{color:var(--drp-primary)}.reason-option input[type=radio]:checked+.reason-content{background:var(--drp-primary-bg);border-color:var(--drp-primary);color:var(--drp-primary-dark);font-weight:600}.reason-option input[type=radio]:checked+.reason-content svg{color:var(--drp-primary)}.upload-zone{padding:40px 20px}.upload-zone:hover{background:var(--drp-primary-bg);border-color:var(--drp-primary-light)}.upload-zone.drag-active{background:var(--drp-primary-bg);border-color:var(--drp-primary);border-style:solid}.upload-label{gap:8px}.evidence-list{margin-top:16px}.evidence-item{background:var(--drp-bg-subtle);gap:12px;padding:12px 14px}.evidence-placeholder{background:var(--drp-error-light);flex-shrink:0}.remove-evidence{box-sizing:border-box;margin-left:40px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;padding:0}.resolution-options{display:flex;flex-direction:column;gap:12px}.resolution-option{cursor:pointer;position:relative}.resolution-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.resolution-content{align-items:flex-start;background:var(--drp-bg-card);border-radius:var(--drp-radius-md);display:flex;gap:16px;padding:18px 20px;transition:all var(--drp-transition-fast)}.resolution-option:hover .resolution-content{background:var(--drp-primary-bg);border-color:var(--drp-primary-light)}.resolution-icon{align-items:center;background:var(--drp-bg-subtle);border-radius:var(--drp-radius-sm);display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all var(--drp-transition-fast);width:44px}.resolution-icon svg{color:var(--drp-text-muted);height:22px;width:22px}.resolution-text{flex:1 1;padding-top:2px}.resolution-label{color:var(--drp-text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:4px}.resolution-description{color:var(--drp-text-secondary);font-size:13px;line-height:1.4;margin:0}.resolution-option input[type=radio]:checked+.resolution-content{background:var(--drp-primary-bg);border-color:var(--drp-primary)}.resolution-option input[type=radio]:checked+.resolution-content .resolution-icon{background:var(--drp-primary)}.resolution-option input[type=radio]:checked+.resolution-content .resolution-icon svg{color:var(--drp-text-inverse)}.resolution-option input[type=radio]:checked+.resolution-content .resolution-label{color:var(--drp-primary-dark)}.percentage-selector{animation:fadeIn var(--drp-transition-fast) ease-out;background:var(--drp-warning-light);border:1px solid #fde68a;padding:20px}.percentage-selector label{margin-bottom:12px}.percentage-label{color:#92400e;font-size:14px}.percentage-amount{color:#b45309;font-size:13px}.percentage-slider{background:linear-gradient(90deg,#fde68a,#f59e0b)}.percentage-slider::-webkit-slider-thumb{background:#fff;border:3px solid #f59e0b;box-shadow:var(--drp-shadow-sm)}.percentage-slider::-webkit-slider-thumb:active{transform:scale(.95)}.percentage-markers{color:#92400e;font-size:11px;font-weight:500;margin-top:8px}.justification-field{margin-top:16px}.justification-field label{color:var(--drp-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.justification-field textarea{background:var(--drp-bg-card);border:2px solid var(--drp-border);border-radius:var(--drp-radius-md);box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:all var(--drp-transition-fast);width:100%}.justification-field textarea:focus{border-color:var(--drp-primary);box-shadow:0 0 0 3px var(--drp-primary-bg);outline:none}.info-box ol{margin:0 0 20px}.info-note{padding:14px 18px}@media (max-width:768px){.dispute-page{padding:24px 16px 60px}.header-title-row{gap:10px}.page-header h1{font-size:22px}.course-info-card,.form-section,.info-box{padding:22px 18px}.teacher-info{align-items:center;flex-direction:column;text-align:center}.course-meta{justify-content:center}.action-buttons{flex-direction:column}.btn-cancel,.btn-submit{padding:16px 24px;width:100%}.resolution-content{padding:16px}.resolution-icon{height:40px;width:40px}.resolution-icon svg{height:20px;width:20px}}@media (max-width:480px){.dispute-page{padding:20px 14px 48px}.header-title-row{flex-direction:column;gap:8px}.page-header h1{font-size:20px}.course-info-card,.form-section,.info-box{border-radius:var(--drp-radius-md);padding:18px 16px}.avatar-placeholder,.teacher-avatar img{font-size:20px;height:56px;width:56px}.teacher-details h2{font-size:18px}.meta-item{font-size:12px;padding:5px 10px}.deadline-warning{font-size:13px;padding:12px 14px}.resolution-content{flex-direction:column;gap:12px}.evidence-item{flex-wrap:wrap}.evidence-details{flex:1 1 100%;margin-top:8px;order:3}.percentage-selector{padding:16px}.percentage-selector label{align-items:flex-start;flex-direction:column}}.reason-option:focus-within .reason-content,.resolution-option:focus-within .resolution-content{outline:2px solid var(--drp-primary);outline-offset:2px}.dispute-response-page{--drp-primary:#2563eb;--drp-primary-light:#3b82f6;--drp-primary-dark:#1d4ed8;--drp-primary-bg:#2563eb0f;--drp-success:#059669;--drp-success-light:#d1fae5;--drp-warning:#d97706;--drp-warning-light:#fef3c7;--drp-error:#dc2626;--drp-error-light:#fee2e2;--drp-info:#0891b2;--drp-info-light:#cffafe;--drp-text-primary:#111827;--drp-text-secondary:#4b5563;--drp-text-muted:#9ca3af;--drp-text-inverse:#fff;--drp-bg-page:#f8fafc;--drp-bg-card:#fff;--drp-bg-elevated:#fff;--drp-bg-subtle:#f1f5f9;--drp-border:#e2e8f0;--drp-border-light:#f1f5f9;--drp-border-focus:var(--drp-primary);--drp-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--drp-shadow-md:0 4px 6px #0000000a,0 2px 4px #0000000f,0 1px 2px #00000014;--drp-shadow-lg:0 10px 25px #0000000f,0 6px 12px #00000014,0 2px 4px #0000000a;--drp-shadow-xl:0 20px 40px #00000014,0 10px 20px #0000000f,0 4px 8px #0000000a;--drp-shadow-inset:inset 0 2px 4px #00000005;--drp-radius-sm:8px;--drp-radius-md:12px;--drp-radius-lg:16px;--drp-radius-xl:20px;--drp-radius-full:9999px;--drp-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--drp-transition-base:250ms cubic-bezier(0.4,0,0.2,1);--drp-transition-slow:350ms cubic-bezier(0.4,0,0.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--drp-bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;min-height:100vh;padding:40px 24px 80px}.page-content{margin:0 auto;max-width:720px}.page-header{animation:fadeIn var(--drp-transition-base) ease-out;margin-bottom:32px;text-align:center}.page-header h1{color:var(--drp-text-primary);font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px}.page-header p{color:var(--drp-text-secondary);font-size:15px;font-weight:450;margin:0}.error-card,.loading-container{align-items:center;animation:fadeIn var(--drp-transition-base) ease-out;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid var(--drp-border);border-top-color:var(--drp-primary);height:44px;width:44px}.error-card{background:var(--drp-bg-card);border:1px solid var(--drp-border);border-radius:var(--drp-radius-lg);box-shadow:var(--drp-shadow-lg);margin:0 auto;max-width:440px;padding:48px 40px}.error-card h2{color:var(--drp-text-primary);font-size:20px;font-weight:600;margin:0}.error-card p{color:var(--drp-text-secondary);font-size:15px;line-height:1.5;margin:4px 0 24px}.btn-back{background:var(--drp-primary);border-radius:var(--drp-radius-sm);box-shadow:var(--drp-shadow-sm);color:var(--drp-text-inverse);display:inline-flex;font-size:14px;transition:all var(--drp-transition-fast)}.btn-back:hover{background:var(--drp-primary-dark);box-shadow:var(--drp-shadow-md);transform:translateY(-1px)}.dispute-info-card{animation:fadeInUp var(--drp-transition-base) ease-out;background:var(--drp-bg-card);border:1px solid var(--drp-border);border-left:4px solid var(--drp-warning);border-radius:var(--drp-radius-lg);box-shadow:var(--drp-shadow-lg);margin-bottom:24px;padding:28px}.dispute-header{align-items:center;border-bottom:1px solid var(--drp-border-light);display:flex;gap:14px;margin-bottom:24px;padding-bottom:20px}.dispute-header .warning-icon{color:var(--drp-warning);flex-shrink:0;height:24px;width:24px}.dispute-header h3{color:var(--drp-text-primary);font-size:18px;font-weight:600;line-height:1.4;margin:0}.course-summary{grid-gap:12px;background:var(--drp-bg-subtle);border-radius:var(--drp-radius-md);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px;padding:16px}.summary-item{align-items:center;color:var(--drp-text-secondary);display:flex;font-size:14px;font-weight:450;gap:10px}.summary-item svg{color:var(--drp-primary);flex-shrink:0;height:18px;width:18px}.claim-section,.dispute-description-section,.dispute-reason-section{margin-bottom:20px}.dispute-info-card h4{align-items:center;color:var(--drp-text-primary);display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.025em;margin:0 0 12px;text-transform:uppercase}.dispute-info-card h4 svg{color:var(--drp-text-muted);height:16px;width:16px}.reason-badge{align-items:center;background:var(--drp-error-light);border:1px solid #fecaca;border-radius:var(--drp-radius-md);box-sizing:border-box;color:var(--drp-error);display:flex;font-size:14px;font-weight:600;gap:10px;padding:14px 18px;width:100%}.reason-badge svg{flex-shrink:0;height:18px;width:18px}.description-box{background:var(--drp-bg-subtle);border:1px solid var(--drp-border);border-radius:var(--drp-radius-md);color:var(--drp-text-primary);font-size:14px;line-height:1.7;padding:16px 18px}.claim-box{background:linear-gradient(135deg,var(--drp-warning-light),#fde68a);border:1px solid #fcd34d;border-radius:var(--drp-radius-md);gap:12px;padding:14px 18px}.claim-box,.claim-main{align-items:center;display:flex}.claim-main{color:#92400e;font-size:15px;font-weight:600;gap:10px}.claim-main svg{height:20px;width:20px}.claim-percentage{background:var(--drp-warning);border-radius:var(--drp-radius-full);color:var(--drp-text-inverse);font-size:12px;font-weight:700;padding:4px 10px}.form-section{animation:fadeInUp var(--drp-transition-base) ease-out backwards;background:var(--drp-bg-card);border:1px solid var(--drp-border);border-radius:var(--drp-radius-lg);box-shadow:var(--drp-shadow-md);margin-bottom:20px;padding:28px}.form-section:first-child{animation-delay:.05s}.form-section:nth-child(2){animation-delay:.1s}.form-section:nth-child(3){animation-delay:.15s}.form-section h3{align-items:center;color:var(--drp-text-primary);display:flex;font-size:17px;font-weight:600;gap:10px;margin:0 0 6px}.form-section h3 svg{color:var(--drp-primary);height:20px;width:20px}.section-subtitle{color:var(--drp-text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.form-section textarea{background:var(--drp-bg-card);border:2px solid var(--drp-border);border-radius:var(--drp-radius-md);box-sizing:border-box;color:var(--drp-text-primary);font-family:inherit;font-size:15px;line-height:1.6;padding:16px;resize:vertical;transition:all var(--drp-transition-fast);width:100%}.form-section textarea::placeholder{color:var(--drp-text-muted)}.form-section textarea:hover{border-color:#cbd5e1}.form-section textarea:focus{border-color:var(--drp-primary);box-shadow:0 0 0 4px var(--drp-primary-bg);outline:none}.char-count{color:var(--drp-text-muted);display:block;font-size:12px;font-weight:500;margin-top:8px;text-align:right}.counter-claim-options{display:flex;flex-direction:column;gap:12px}.counter-claim-option{cursor:pointer;position:relative}.counter-claim-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.counter-claim-content{align-items:flex-start;background:var(--drp-bg-card);border:2px solid var(--drp-border);border-radius:var(--drp-radius-md);display:flex;gap:16px;padding:18px 20px;transition:all var(--drp-transition-fast)}.counter-claim-option:hover .counter-claim-content{background:var(--drp-primary-bg);border-color:var(--drp-primary-light)}.counter-claim-icon{align-items:center;border-radius:var(--drp-radius-sm);display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all var(--drp-transition-fast);width:44px}.counter-claim-icon svg{height:22px;width:22px}.color-success .counter-claim-icon{background:var(--drp-success-light);color:var(--drp-success)}.color-primary .counter-claim-icon{background:#dbeafe;color:var(--drp-primary)}.color-info .counter-claim-icon{background:var(--drp-info-light);color:var(--drp-info)}.color-warning .counter-claim-icon{background:var(--drp-warning-light);color:var(--drp-warning)}.counter-claim-text{flex:1 1;padding-top:2px}.counter-claim-label{color:var(--drp-text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.counter-claim-description{color:var(--drp-text-secondary);font-size:13px;line-height:1.4;margin:0}.counter-claim-radio{align-items:center;border:2px solid var(--drp-border);display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:2px;width:22px}.counter-claim-radio,.counter-claim-radio:after{border-radius:50%;transition:all var(--drp-transition-fast)}.counter-claim-radio:after{background:#0000;content:"";height:10px;width:10px}.counter-claim-option.selected .counter-claim-content{background:var(--drp-primary-bg);border-color:var(--drp-primary);box-shadow:var(--drp-shadow-sm)}.counter-claim-option.selected .counter-claim-radio{border-color:var(--drp-primary)}.counter-claim-option.selected .counter-claim-radio:after{background:var(--drp-primary)}.percentage-selector{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:var(--drp-radius-md);margin-top:16px;padding:24px}.percentage-selector label{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.percentage-label{color:var(--drp-primary-dark);font-size:15px;font-weight:600}.percentage-label strong{color:var(--drp-primary);font-size:20px}.percentage-amount{background:#fff;border-radius:var(--drp-radius-full);box-shadow:var(--drp-shadow-sm);color:var(--drp-primary);font-size:14px;font-weight:500;padding:6px 12px}.percentage-slider{-webkit-appearance:none;background:#bfdbfe;border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--drp-bg-card);border:3px solid var(--drp-primary);border-radius:50%;box-shadow:var(--drp-shadow-md);cursor:grab;height:24px;-webkit-transition:transform var(--drp-transition-fast);transition:transform var(--drp-transition-fast);width:24px}.percentage-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.percentage-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.percentage-slider::-moz-range-thumb{background:var(--drp-bg-card);border:3px solid var(--drp-primary);border-radius:50%;box-shadow:var(--drp-shadow-md);cursor:grab;height:24px;width:24px}.percentage-markers{color:var(--drp-primary-dark);display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-top:10px}.upload-zone{background:var(--drp-bg-subtle);border:2px dashed var(--drp-border);border-radius:var(--drp-radius-md);cursor:pointer;padding:40px 24px;text-align:center;transition:all var(--drp-transition-fast)}.upload-zone.drag-active,.upload-zone:hover{background:var(--drp-primary-bg);border-color:var(--drp-primary)}.upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px}.upload-label svg{color:var(--drp-primary);height:40px;opacity:.8;width:40px}.upload-label p{color:var(--drp-text-primary);font-size:15px;font-weight:600;margin:0}.upload-label span{color:var(--drp-text-muted);font-size:13px}.evidence-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.evidence-item{align-items:center;background:var(--drp-bg-card);border:1px solid var(--drp-border);border-radius:var(--drp-radius-md);display:flex;gap:14px;padding:14px 16px;transition:all var(--drp-transition-fast)}.evidence-item:hover{border-color:var(--drp-primary-light);box-shadow:var(--drp-shadow-sm)}.evidence-preview{border-radius:var(--drp-radius-sm);flex-shrink:0;object-fit:cover}.evidence-placeholder,.evidence-preview{border:1px solid var(--drp-border);height:56px;width:56px}.evidence-placeholder{align-items:center;background:var(--drp-bg-subtle);border-radius:var(--drp-radius-sm);color:var(--drp-error);display:flex;flex-direction:column;font-size:10px;font-weight:700;gap:2px;justify-content:center}.evidence-placeholder svg{height:20px;width:20px}.evidence-details{flex:1 1;min-width:0}.evidence-details input{background:var(--drp-bg-card);border:1px solid var(--drp-border);border-radius:var(--drp-radius-sm);font-size:14px;padding:10px 14px;transition:all var(--drp-transition-fast);width:100%}.evidence-details input:focus{border-color:var(--drp-primary);box-shadow:0 0 0 3px var(--drp-primary-bg);outline:none}.remove-evidence{align-items:center;background:var(--drp-error-light);border:none;border-radius:var(--drp-radius-sm);color:var(--drp-error);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--drp-transition-fast);width:36px}.remove-evidence:hover{background:#fecaca;transform:scale(1.05)}.action-buttons{display:flex;gap:14px;justify-content:center;margin:32px 0 24px}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:var(--drp-radius-md);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all var(--drp-transition-fast)}.btn-cancel{background:var(--drp-bg-card);border:2px solid var(--drp-border);box-shadow:var(--drp-shadow-sm);color:var(--drp-text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--drp-bg-subtle);border-color:#cbd5e1;transform:translateY(-1px)}.btn-submit{background:var(--drp-primary);box-shadow:var(--drp-shadow-md),0 0 0 0 #2563eb00;color:var(--drp-text-inverse)}.btn-submit:hover:not(:disabled){background:var(--drp-primary-dark);box-shadow:var(--drp-shadow-lg),0 0 0 4px #2563eb26;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--drp-text-inverse);height:18px;width:18px}.form-validation-help{align-items:center;background:var(--drp-warning-light);border:1px solid #fde68a;border-radius:var(--drp-radius-md);color:#92400e;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 18px}.form-validation-help svg{color:var(--drp-warning);flex-shrink:0;height:20px;width:20px}.info-box{animation:fadeInUp var(--drp-transition-base) ease-out backwards;animation-delay:.2s;background:var(--drp-bg-card);border:1px solid var(--drp-border);border-left:4px solid var(--drp-primary);border-radius:var(--drp-radius-lg);box-shadow:var(--drp-shadow-md);flex-direction:column;padding:28px}.info-box,.info-box h4{align-items:center;display:flex}.info-box h4{color:var(--drp-text-primary);font-size:16px;font-weight:600;gap:10px;margin:0 0 18px}.info-box h4 svg{color:var(--drp-primary);height:20px;width:20px}.info-box ol{margin:0 0 24px;padding-left:24px}.info-box li{color:var(--drp-text-secondary);font-size:14px;line-height:1.6;margin-bottom:10px;padding-left:4px}.info-box li::marker{color:var(--drp-primary);font-weight:600}.info-note{background:var(--drp-success-light);border:1px solid #a7f3d0;border-radius:var(--drp-radius-md);box-sizing:border-box;color:#065f46;display:inline-block;font-size:14px;line-height:1.6;margin:0;padding:16px 18px;text-align:center}.info-note strong{align-items:center;color:var(--drp-success);display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:6px}@media (max-width:768px){.dispute-response-page{padding:24px 16px 60px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.dispute-info-card,.form-section,.info-box{padding:22px 18px}.course-summary{gap:10px;grid-template-columns:1fr 1fr}.action-buttons{flex-direction:column}.btn-cancel,.btn-submit{padding:16px 24px;width:100%}.counter-claim-content{padding:16px}.counter-claim-icon{height:40px;width:40px}.counter-claim-icon svg{height:20px;width:20px}}@media (max-width:480px){.dispute-response-page{padding:20px 14px 48px}.page-header h1{font-size:22px}.dispute-info-card,.form-section,.info-box{border-radius:var(--drp-radius-md);padding:18px 16px}.course-summary{grid-template-columns:1fr}.dispute-header{align-items:flex-start}.counter-claim-content,.dispute-header{flex-direction:column;gap:12px}.counter-claim-radio{position:absolute;right:16px;top:16px}.evidence-item{flex-wrap:wrap}.evidence-details{flex:1 1 100%;margin-top:8px;order:3}.percentage-selector{padding:18px 16px}.percentage-selector label{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.counter-claim-option:focus-within .counter-claim-content{outline:2px solid var(--drp-primary);outline-offset:2px}.btn-cancel:focus-visible,.btn-submit:focus-visible{outline:2px solid var(--drp-primary);outline-offset:2px}.ratings-page{background-color:#f8f9fa;border-radius:10px;box-shadow:0 0 20px #00000008;color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.loading-spinner{align-items:center;animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.spinner{animation:spin 1s ease-in-out infinite;border:5px solid #3498db33;border-radius:50%;border-top-color:#3498db;box-shadow:0 4px 8px #3498db26;height:50px;margin-bottom:20px;width:50px}.loading-spinner p{color:#666;font-size:1rem;margin-top:10px;text-shadow:0 1px 2px #0000000d}.error-card{align-items:center;animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.error-card h2{color:#e74c3c;font-size:24px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #e74c3c26}.error-card p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:24px}.empty-state{align-items:center;animation:fadeIn .5s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.empty-state h2{color:#2c3e50;font-size:24px;font-weight:700;margin:20px 0 10px;text-shadow:0 2px 4px #0000000d}.empty-state p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:24px}.btn-back{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);border:none;border-radius:12px;box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014,inset 0 -2px 4px #0000000d;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back:before{background:#2c3e501a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.btn-back:hover:before{height:200px;width:200px}.btn-back:hover{box-shadow:0 8px 16px #00000029,0 4px 8px #0000001f,inset 0 -3px 6px #0000000f;transform:translateY(-3px) scale(1.02)}.btn-back:active{box-shadow:0 2px 4px #0000001f,inset 0 2px 4px #0000001a;transform:translateY(-1px) scale(.98)}.ratings-header{animation:fadeIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;box-sizing:border-box;margin-bottom:30px;margin-top:60px;max-width:100%;overflow:visible;padding:clamp(16px,3vw,24px);position:relative;transition:transform .3s ease,box-shadow .3s ease}.ratings-header:hover{box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;transform:translateY(-4px)}.btn-back-icon{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);border:none;border-radius:50%;box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014,inset 0 -2px 4px #0000000d;color:#2c3e50;cursor:pointer;display:flex;height:44px;justify-content:center;left:clamp(12px,2vw,20px);overflow:hidden;padding:0;position:absolute;top:clamp(12px,2vw,20px);transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.btn-back-icon:before{background:#2c3e501a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.btn-back-icon:hover:before{height:100%;width:100%}.btn-back-icon:hover{box-shadow:0 8px 16px #00000029,0 4px 8px #0000001f,inset 0 -3px 6px #0000000f;transform:translateY(-3px) scale(1.05)}.btn-back-icon:active{box-shadow:0 2px 4px #0000001f,inset 0 2px 4px #0000001a;transform:translateY(-1px) scale(.98)}.ratings-header-content{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:clamp(20px,5vw,40px);justify-content:space-between;max-width:100%;padding-top:10px}.user-info{align-items:center;display:flex;flex:1 1;gap:clamp(25px,4vw,50px);min-width:0;position:relative}.profile-image-wrapper{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));flex-shrink:0;margin-left:0;margin-top:0;position:relative;transition:filter .3s ease,transform .3s ease;z-index:1}.profile-image-wrapper:hover{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));transform:translateY(-2px)}.ratings-header .profile-image-container{align-items:center;display:flex;justify-content:center;margin:0 clamp(20px,4vw,40px) 0 0!important}.ratings-header .profile-image-wrapper img{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;height:clamp(80px,15vw,120px)!important;max-height:100%;max-width:100%;object-fit:cover;transition:box-shadow .3s ease,transform .3s ease;width:clamp(80px,15vw,120px)!important}.ratings-header .profile-image-wrapper img:hover{box-shadow:0 8px 20px #0003,0 4px 10px #00000026;transform:scale(1.02)}.user-details{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;justify-content:center;min-width:0}.user-details h1{word-wrap:break-word;color:#2c3e50;font-size:clamp(20px,4vw,28px);font-weight:700;margin:0;overflow-wrap:break-word;text-shadow:0 2px 4px #0000000d}.user-role{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border-radius:30px;box-shadow:0 3px 6px #0000001a,0 1px 3px #00000014,inset 0 -1px 2px #0000000d;color:#1565c0;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.user-role:hover{box-shadow:0 6px 12px #00000026,0 2px 6px #0000001a,inset 0 -2px 4px #00000014;transform:translateY(-2px)}.ratings-summary{align-items:center;display:flex;gap:clamp(15px,4vw,30px);min-width:0}.overall-rating,.ratings-summary{box-sizing:border-box;flex-shrink:1;max-width:100%}.overall-rating{background:linear-gradient(145deg,#fff5e6,#ffe8cc);border-radius:12px;box-shadow:0 4px 10px #f59e0b26,0 2px 5px #f59e0b1a,inset 0 -1px 3px #f59e0b14;min-width:clamp(100px,15vw,150px);padding:clamp(12px,3vw,20px);text-align:center;transition:all .3s ease}.overall-rating:hover{box-shadow:0 8px 16px #f59e0b33,0 4px 8px #f59e0b26,inset 0 -2px 4px #f59e0b1a;transform:translateY(-2px)}.overall-rating-value{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:10px}.rating-number{color:#2c3e50;font-size:clamp(24px,5vw,36px);font-weight:700;text-shadow:0 2px 4px #00000014}.rating-max{color:#7f8c8d;font-size:clamp(16px,3vw,20px);font-weight:500}.rating-subtitle{color:#666;font-size:.95rem;margin:0}.ratings-distribution-inline{box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:1;gap:8px;max-width:100%;min-width:clamp(150px,20vw,250px)}.distribution-row-inline{align-items:center;display:flex;gap:10px}.distribution-label-inline{color:#f59e0b;font-size:14px;font-weight:600;min-width:35px;text-shadow:0 1px 2px #f59e0b1a}.ratings-by-subject{animation:fadeIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;margin-bottom:20px;padding:28px;transition:transform .3s ease,box-shadow .3s ease}.ratings-by-subject:hover{box-shadow:0 16px 40px #00000029,0 10px 20px #0000001f,0 4px 8px #00000014;transform:translateY(-4px)}.ratings-by-subject h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:12px;position:relative;text-align:center;text-shadow:0 2px 4px #0000000d}.ratings-by-subject h3:after{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:3px;bottom:0;box-shadow:0 2px 4px #3498db4d;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.subject-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.subject-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 8px #00000014,inset 0 -1px 2px #0000000d;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.subject-card:before{background:#3498db14;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.subject-card:hover:before{height:300px;width:300px}.subject-card:hover{border-color:#3498db;box-shadow:0 8px 16px #0000001f,inset 0 -2px 4px #00000014;transform:translateY(-4px)}.subject-card.selected{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border-color:#3498db;border-width:3px;box-shadow:0 8px 20px #3498db4d,0 4px 10px #3498db33,inset 0 -2px 5px #3498db26;transform:translateY(-4px) scale(1.02)}.subject-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;position:relative;z-index:1}.subject-name{color:#2c3e50;font-size:15px;font-weight:600}.subject-card.selected .subject-name{color:#1976d2;font-weight:700;text-shadow:0 1px 2px #1976d21a}.subject-rating{align-items:center;color:#f59e0b;display:flex;font-size:15px;font-weight:700;gap:4px}.subject-count{color:#7f8c8d;font-size:13px;margin:0;position:relative;z-index:1}.subject-card.selected .subject-count{color:#1976d2;font-weight:600}.ratings-list{animation:fadeIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;padding:28px;transition:transform .3s ease,box-shadow .3s ease}.ratings-list:hover{box-shadow:0 12px 35px #00000024,0 8px 15px #0000001a,0 3px 6px #0000000f;transform:translateY(-2px)}.ratings-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ratings-list-header h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0;padding-bottom:12px;position:relative;text-shadow:0 2px 4px #0000000d}.ratings-list-header h3:after{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:3px;bottom:0;box-shadow:0 2px 4px #3498db4d;content:"";height:4px;left:0;position:absolute;width:50px}.sort-select{background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #00000014,inset 0 -1px 2px #0000000d;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-select:hover{border-color:#3498db;box-shadow:0 4px 10px #0000001f,inset 0 -2px 3px #00000014;transform:translateY(-2px)}.sort-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,0 4px 10px #0000001f;outline:none}.rating-card{background:linear-gradient(145deg,#fff,#fafafa);border:1px solid #e5e7eb;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 4px 8px #00000014,inset 0 -1px 2px #0000000d;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.rating-card:before{background:linear-gradient(180deg,#3498db,#2980b9);content:"";height:0;left:0;position:absolute;top:0;transition:height .3s ease;width:4px}.rating-card:hover:before{height:100%}.rating-card:last-child{margin-bottom:0}.rating-card:hover{border-color:#3498db;border-left-width:5px;box-shadow:0 8px 16px #0000001f,inset 0 -2px 4px #00000014;transform:translateX(6px) translateY(-2px)}.rating-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.rating-card-subject{color:#2c3e50;font-size:15px;font-weight:600;text-shadow:0 1px 2px #0000000d}.rating-card-date{color:#7f8c8d;font-size:13px;font-weight:500}.rating-card-rating{align-items:center;display:flex;gap:12px;margin-bottom:16px}.stars-display{display:flex;filter:drop-shadow(0 2px 4px rgba(245,158,11,.2));gap:2px}.rating-by{color:#7f8c8d;font-size:14px;font-style:italic}.rating-card-comment{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.comment-section{background:linear-gradient(145deg,#f8f9fa,#fff);border-left:3px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #0000000d,inset 0 -1px 2px #00000008;margin-bottom:16px;padding:12px;transition:all .3s ease}.comment-section:hover{box-shadow:0 4px 8px #00000014,inset 0 -2px 4px #0000000d;transform:translateX(4px)}.comment-section:last-child{margin-bottom:0}.comment-section-title{align-items:center;color:#2c3e50;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px;text-shadow:0 1px 2px #0000000d}.comment-section p{color:#555;font-size:14px;line-height:1.6;margin:0}.distribution-bar-container{align-items:center;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border-radius:6px;box-shadow:inset 0 2px 4px #00000014,0 1px 2px #0000000d;display:flex;flex:1 1;height:20px;overflow:hidden;position:relative}.distribution-bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:6px;box-shadow:0 2px 4px #f59e0b4d,inset 0 1px 2px #fff3;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.distribution-bar-count{color:#666;font-size:11px;font-weight:600;position:absolute;right:6px;text-shadow:0 1px 2px #fffc}@media (max-width:1024px){.ratings-page{padding:20px}.ratings-header-content{gap:30px}.ratings-summary{gap:20px}.subject-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:900px){.ratings-header .profile-image-container{margin:0 auto!important}.ratings-header-content,.user-info{align-items:center;flex-direction:column}.user-info{max-width:600px;text-align:center;width:100%}.profile-image-wrapper{display:flex;justify-content:center;margin:0 auto}.user-details{align-items:center;text-align:center;width:100%}.ratings-summary{align-items:center;flex-direction:column;max-width:600px;width:100%}}@media (max-width:768px){.ratings-page{padding:16px}.ratings-by-subject,.ratings-header,.ratings-list{padding:20px}.ratings-header-content{gap:24px}.user-info{max-width:100%}.user-details h1{font-size:24px}.user-role{align-self:center}.overall-rating,.ratings-distribution-inline{width:100%}.btn-back-icon{height:40px;left:15px;top:15px;width:40px}.subject-cards{grid-template-columns:1fr}.ratings-list-header{align-items:flex-start;flex-direction:column}.ratings-list-header h3:after{left:0;transform:none}.sort-select{width:100%}.rating-card-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.ratings-page{padding:12px}.ratings-by-subject,.ratings-header,.ratings-list{padding:16px}.user-details h1{font-size:20px}.rating-number{font-size:28px}.rating-max{font-size:16px}.distribution-label-inline{font-size:12px;min-width:30px}.distribution-bar-container{height:18px}.rating-card{padding:16px}.sort-select{font-size:13px;padding:8px 12px}.btn-back-icon{height:36px;width:36px}}.home-page{background:var(--bg-main);min-height:100vh}.floating-auth-buttons{display:flex;gap:12px;opacity:1;pointer-events:auto;position:fixed;right:20px;top:15px;transform:translateX(0);will-change:opacity,transform;z-index:1000}.floating-auth-buttons,.floating-auth-buttons.hidden{transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.floating-auth-buttons.hidden{opacity:0;pointer-events:none;transform:translateX(200px)}.floating-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:50px;box-shadow:0 4px 12px #00000026,inset 0 1px 2px #ffffff1a;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px}.floating-btn,.floating-btn-login{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-btn-login{background:#ffffff26;color:#fff}.floating-btn-login.section-3-style{background:linear-gradient(135deg,#fff,#f0f0f0);color:var(--primary-color);transition:all .8s cubic-bezier(.4,0,.2,1)}.floating-btn-login:hover{background:#ffffff40;box-shadow:0 6px 16px #0003,inset 0 1px 3px #ffffff26;transform:translateY(-2px)}.floating-btn-login.section-3-style:hover{background:linear-gradient(135deg,#fff,#e8e8e8);box-shadow:0 6px 20px #0003,inset 0 1px 3px #fff3;transform:translateY(-2px)}.floating-btn-register{background:linear-gradient(135deg,#fff,#f0f0f0);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,inset 0 1px 2px #fff3;color:var(--primary-color)}.floating-btn-register:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 8px 24px #5b7fff66,0 4px 12px #8b5fff4d,inset 0 1px 3px #fff3;color:#fff;transform:translateY(-2px)}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.2em}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.hero-section{align-items:center;background-image:url(/static/media/logo-home.e8e02da8de3b0c3c2fa4.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:0 20px;position:relative}.hero-background{height:100%;overflow:hidden;perspective:1000px;transform-style:preserve-3d;z-index:1}.hero-background,.stars,.stars2,.stars3{left:0;position:absolute;top:0;width:100%}.stars,.stars2,.stars3{background-repeat:repeat;height:200%}.stars{animation:stars-diagonal-right 120s linear infinite;background-image:radial-gradient(.5px .5px at 15% 25%,#fff,#0000),radial-gradient(1px 1px at 45% 65%,#ffffffe6,#0000),radial-gradient(.8px .8px at 75% 35%,#c8dcffcc,#0000),radial-gradient(.6px .6px at 30% 80%,#b4c8ffb3,#0000),radial-gradient(1px 1px at 85% 15%,#dce6ffcc,#0000),radial-gradient(.7px .7px at 55% 45%,#f0f5ff99,#0000);background-size:250px 250px,300px 300px,200px 200px,280px 280px,220px 220px,260px 260px;filter:blur(.5px) drop-shadow(0 0 2px rgba(200,220,255,.4));opacity:.3;transform:translateZ(-100px)}.stars2{animation:stars-vertical 90s linear infinite;background-image:radial-gradient(1.5px 1.5px at 20% 40%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fffffff2,#0000),radial-gradient(1.2px 1.2px at 80% 20%,#fffaf0e6,#0000),radial-gradient(1.8px 1.8px at 35% 55%,#ffe6b4cc,#0000),radial-gradient(1.3px 1.3px at 90% 85%,#fff0c8b3,#0000),radial-gradient(1.4px 1.4px at 50% 10%,#ffc8ff99,#0000);background-size:220px 220px,280px 280px,200px 200px,260px 260px,240px 240px,300px 300px;filter:drop-shadow(0 0 3px rgba(255,230,200,.6));opacity:.4;transform:translateZ(-50px)}.stars3{animation:stars-diagonal-left 60s linear infinite;background-image:radial-gradient(3px 3px at 25% 60%,#fff,#0000),radial-gradient(2.5px 2.5px at 70% 30%,#fffffff2,#0000),radial-gradient(2.8px 2.8px at 40% 80%,#96c8ffe6,#0000),radial-gradient(2.2px 2.2px at 85% 45%,#b4dcffd9,#0000),radial-gradient(3.2px 3.2px at 10% 15%,#ffdc96e6,#0000),radial-gradient(2.6px 2.6px at 95% 90%,#fff0b4cc,#0000),radial-gradient(2.4px 2.4px at 55% 50%,#ffb4dcbf,#0000);background-size:180px 180px,220px 220px,200px 200px,240px 240px,190px 190px,210px 210px,230px 230px;filter:drop-shadow(0 0 5px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(200,220,255,.5)) brightness(1.2);opacity:.5;transform:translateZ(0)}@keyframes stars-diagonal-right{0%{transform:translate(0) translateZ(-100px)}to{transform:translate(300px,-100%) translateZ(-100px)}}@keyframes stars-vertical{0%{transform:translate(0) translateZ(-50px)}to{transform:translateY(-100%) translateZ(-50px)}}@keyframes stars-diagonal-left{0%{transform:translate(0) translateZ(0)}to{transform:translate(-250px,-100%) translateZ(0)}}.scroll-indicator{animation:fadeIn 1s ease-in 1s both;bottom:20px;cursor:pointer;left:50%;position:absolute;text-align:center;z-index:3}.scroll-indicator,.scroll-indicator:active,.scroll-indicator:hover{transform:translateX(-50%)}.scroll-indicator-section{animation:fadeIn 1s ease-in both;bottom:auto;cursor:pointer;display:flex;justify-content:center;left:auto;margin-bottom:30px!important;margin-top:-10px!important;position:relative;transform:none;width:100%;z-index:100}.scroll-indicator-section:active,.scroll-indicator-section:hover{transform:none}.scroll-arrow{align-items:center;animation:bounce 2s infinite!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff6;border-radius:50%;box-shadow:0 4px 15px #0003,inset 0 1px 2px #fff3;display:flex;height:50px;justify-content:center;margin:0 auto;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;width:50px}.scroll-indicator-section .scroll-arrow{animation:bounce !important 2s infinite,pulse 2s infinite!important;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:#ffffff80}.scroll-indicator:hover .scroll-arrow{animation:bounce-hover 2s infinite!important;background:#ffffff40;border-color:#fff9;box-shadow:0 6px 20px #0000004d,inset 0 1px 3px #ffffff4d}.scroll-indicator-section:hover .scroll-arrow{animation:bounce-hover !important 2s infinite,pulse 2s infinite!important;background:linear-gradient(135deg,var(--primary-light),var(--secondary-light));box-shadow:0 6px 20px #5b7fff66,inset 0 1px 3px #ffffff4d}.scroll-indicator:active .scroll-arrow{animation:bounce-active 2s infinite!important}.scroll-indicator-section:active .scroll-arrow{animation:bounce-active !important 2s infinite,pulse 2s infinite!important}.scroll-arrow span{color:#fff;font-size:2rem;font-weight:700;text-shadow:0 2px 4px #0000004d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}@keyframes bounce-hover{0%,20%,50%,80%,to{transform:translateY(0) scale(1.15)}40%{transform:translateY(-15px) scale(1.15)}60%{transform:translateY(-8px) scale(1.15)}}@keyframes bounce-active{0%,20%,50%,80%,to{transform:translateY(0) scale(.95)}40%{transform:translateY(-15px) scale(.95)}60%{transform:translateY(-8px) scale(.95)}}@keyframes shimmer{0%,to{text-shadow:0 4px 20px #00000080,0 2px 10px #0000004d,0 0 20px #ffffff4d}50%{text-shadow:0 4px 20px #00000080,0 2px 10px #0000004d,0 0 40px #fff9,0 0 60px #c8dcff66}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.description-section{display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:1200px;padding:20px 20px 80px;position:relative}.description-header{animation:fadeInUp 1s ease-out;margin-bottom:clamp(30px,5vh,60px);text-align:center}.description-main-title{color:var(--text-dark);font-size:clamp(1.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:clamp(12px,2vh,20px)}.description-main-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;font-weight:800}.description-subtitle{color:var(--text-medium);font-size:clamp(.9rem,2.5vw,1.5rem);font-weight:400;margin-bottom:clamp(20px,4vh,40px)}.description-cta-button{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:50px;box-shadow:0 8px 24px #5b7fff4d,0 4px 12px #8b5fff33,inset 0 -2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;gap:clamp(8px,1.5vw,12px);overflow:hidden;padding:clamp(12px,2vh,18px) clamp(24px,4vw,40px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.description-cta-button:before{background:#ffffff26;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.description-cta-button:hover:before{height:300px;width:300px}.description-cta-button:hover{box-shadow:0 12px 32px #5b7fff66,0 6px 16px #8b5fff4d,inset 0 -3px 6px #00000026;transform:translateY(-3px)}.description-cta-button:active{box-shadow:0 4px 12px #5b7fff4d,inset 0 2px 4px #0003;transform:translateY(-1px)}.description-login-link{color:var(--text-medium);font-size:clamp(.85rem,1.8vw,1rem);margin-top:clamp(15px,2.5vh,25px)}.description-login-link .login-link{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:underline;transition:all .3s ease}.description-login-link .login-link:hover{color:var(--secondary-color)}.button-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.3em}.description-cards-grid{grid-gap:clamp(20px,3vh,30px);align-content:center;display:grid;flex:1 1;gap:clamp(20px,3vh,30px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:clamp(20px,4vh,40px)}.description-card{background:#fff;border-radius:16px;box-shadow:8px 8px 20px #00000014,-4px -4px 12px #ffffff80;padding:clamp(25px,4vh,40px) clamp(20px,3vw,30px);text-align:center;transition:all .3s ease}.description-card:hover{box-shadow:12px 12px 28px #0000001f,-6px -6px 16px #fff9;transform:translateY(-5px)}.card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:clamp(12px,2vh,20px)}.description-card h2{color:var(--primary-color);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;margin-bottom:clamp(10px,1.5vh,15px)}.description-card p{color:var(--text-medium);font-size:clamp(.85rem,1.8vw,1rem);line-height:1.7}.features-section{background:none;border:none;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;max-width:1400px;overflow:hidden;padding:0 20px;position:relative}.section-title{color:var(--text-dark);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:60px;margin-top:100px;text-align:center}.features-grid{grid-gap:35px;align-content:center;display:grid;flex:1 1;gap:35px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-item{background:#fff;border-radius:14px;box-shadow:6px 6px 16px #00000014,-3px -3px 10px #ffffff80;padding:35px 25px;position:relative;transition:all .3s ease}.feature-item:hover{box-shadow:10px 10px 24px #0000001f,-5px -5px 14px #fff9;transform:translateY(-8px)}.feature-number{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 4px 12px #5b7fff4d;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;left:25px;position:absolute;top:-15px;width:50px}.feature-item h3{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:25px 0 15px}.feature-item p{color:var(--text-medium);font-size:.95rem;line-height:1.6}.final-cta-section{align-items:flex-start;background-image:url(/static/media/logo-home-cta.9cee58c6e6c8128b64a9.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:80px 20px 20px;position:relative}.final-cta-section:before{animation:twinkle 3s ease-in-out infinite;background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 60% 70%,#ffffffe6,#0000),radial-gradient(2px 2px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 20%,#c8dcffcc,#0000),radial-gradient(1.5px 1.5px at 30% 60%,#ffe6b4cc,#0000),radial-gradient(1px 1px at 70% 40%,#ffc8ff99,#0000);background-position:0 0,40px 60px,130px 270px,70px 100px,150px 200px,200px 50px;background-size:200px 200px,250px 250px,180px 180px,220px 220px,240px 240px,210px 210px;content:"";height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.final-cta-content{display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.final-cta-content h2,.final-cta-content p{margin-bottom:20px}.final-cta-content h2{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:20px;margin-top:0;text-shadow:0 4px 20px #0000004d}.final-cta-content p{color:#ffffffe6;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;margin-bottom:0;text-shadow:0 2px 10px #0003}.final-cta-button{align-items:center;align-self:center;background:#fff;border:none;border-radius:50px;bottom:120px;box-shadow:0 8px 24px #0003,0 4px 12px #ffffff1a,inset 0 -2px 4px #0000000d;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;left:0;margin:0 auto;padding:18px 40px;position:absolute;right:0;transition:box-shadow .3s ease;width:-webkit-max-content;width:max-content}.final-cta-button:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 12px 32px #5b7fff59,0 6px 16px #8b5fff40,inset 0 -3px 6px #00000026;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.floating-auth-buttons{gap:8px;right:15px;top:20px}.floating-btn{font-size:.9rem;padding:10px 20px}.hero-section{height:100vh;padding:40px 15px}.description-section{height:auto;min-height:100vh;padding:15px 15px 80px}.description-header{margin-bottom:30px}.description-cards-grid{gap:20px;margin-bottom:20px}.features-section{height:auto;min-height:100vh;padding:10px 15px}.description-card,.feature-item{padding:25px 20px}.final-cta-section{height:auto;min-height:100vh;padding:60px 15px 40px}.final-cta-content{gap:40px;height:auto;margin-top:30px}.final-cta-button{bottom:auto;left:auto;margin-top:500px;position:relative;transform:none}.scroll-indicator{bottom:15px}.scroll-indicator-section{margin-bottom:20px!important;margin-top:-5px!important}.scroll-arrow{height:45px;width:45px}.scroll-arrow span{font-size:1.8rem}.hero-section .scroll-indicator{bottom:90px!important}.description-section .scroll-indicator-section,.features-section .scroll-indicator-section,.hero-section .scroll-indicator{left:50%!important;position:absolute!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important}.description-section .scroll-indicator-section,.features-section .scroll-indicator-section{bottom:5px!important;margin:0!important;width:auto!important}.scroll-arrow{height:40px!important;width:40px!important}.scroll-arrow span{font-size:1.5rem!important}}.notification-dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:600px;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px 20px}.notification-dropdown-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.mark-all-read-btn{background:none;border-radius:4px;color:#2196f3;font-size:13px;padding:4px 8px}.mark-all-read-btn:hover{background-color:#e3f2fd}.notification-dropdown-list{flex:1 1;max-height:450px;overflow-y:auto}.notification-dropdown-list::-webkit-scrollbar{width:6px}.notification-dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-dropdown-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-dropdown-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px 20px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#e6f7ff}.notification-item.unread:hover{background-color:#d4edff}.notification-icon{align-items:center;background:#fff;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;margin-right:12px;width:40px}.notification-content{flex:1 1;min-width:0}.notification-title{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:4px}.unread-dot{background-color:#2196f3;border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.notification-time{color:#999;font-size:12px}.notification-delete-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:20px;line-height:1;opacity:0;padding:4px 8px;position:absolute;right:10px;top:10px;transition:all .2s}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background-color:#ffebee;color:#f44336}.no-notifications{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-notif-icon{font-size:48px;margin-bottom:10px}.no-notifications p{font-size:14px;margin:0}.notification-dropdown-footer{border-top:1px solid #e9ecef;padding:12px 20px;text-align:center}.view-all-btn{background:none;border:none;border-radius:4px;color:#2196f3;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background-color .2s;width:100%}.view-all-btn:hover{background-color:#e3f2fd}@media (max-width:768px){.notification-dropdown{max-width:350px;right:-20px;width:90vw}.notification-dropdown-header,.notification-item{padding:12px 15px}.notification-icon{font-size:18px;height:35px;margin-right:10px;width:35px}.notification-title{font-size:13px}.notification-message{font-size:12px}}.notification-bell-container{display:inline-block;position:relative;z-index:1105}.notification-bell-button{align-items:center;background:none!important;border:none!important;border-radius:5px;box-shadow:none!important;cursor:pointer;display:flex;justify-content:center;margin:0!important;padding:8px 12px!important;position:relative;transition:background-color .3s ease}.notification-bell-button:hover{background-color:#ffffff1a}.bell-icon{display:block;font-size:1.4em;line-height:1}.notification-bell-button:hover .bell-icon{animation:bellSwing .6s ease-in-out;transform-origin:top center}@keyframes bellSwing{0%{transform:rotate(0deg)}20%{transform:rotate(15deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.notification-badge{align-items:center;animation:pulse3D 2s infinite;background:linear-gradient(145deg,#dc3545,#c82333);border:1px solid #00000026;border-radius:9px;box-shadow:0 5px 15px #dc354580,0 3px 8px #00000040,inset 0 2px 0 #fff6,inset 0 -2px 0 #0003;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;height:18px;justify-content:center;letter-spacing:-.2px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:2px;top:2px;transform:translateY(-2px);transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes pulse3D{0%,to{box-shadow:0 5px 15px #dc354580,0 3px 8px #00000040,inset 0 2px 0 #fff6,inset 0 -2px 0 #0003;transform:translateY(-2px) scale(1)}50%{box-shadow:0 8px 20px #dc354599,0 4px 10px #0000004d,inset 0 2px 0 #fff6,inset 0 -2px 0 #0003;transform:translateY(-2px) scale(1.1)}}.notification-bell-button:hover .notification-badge{box-shadow:0 8px 20px #dc354599,0 4px 12px #0000004d,inset 0 2px 0 #ffffff80,inset 0 -3px 0 #00000040;transform:translateY(-4px) scale(1.08)}.notification-bell-button:active .notification-badge{box-shadow:0 2px 6px #dc354566,0 1px 3px #0003,inset 0 2px 5px #0000004d,inset 0 1px 0 #00000026;transform:translateY(0) scale(.98)}@media (max-width:768px){.notification-bell-button{padding:6px 10px}.bell-icon{font-size:1.2em}.notification-badge{border-radius:8px;box-shadow:0 4px 12px #dc354573,0 2px 6px #0003,inset 0 1.5px 0 #ffffff59,inset 0 -1.5px 0 #0000002e;font-size:9px;height:16px;line-height:16px;min-width:16px;padding:0 4px;right:0;top:0;transform:translateY(-1.5px)}.notification-bell-button:hover .notification-badge{transform:translateY(-3px) scale(1.06)}}@media (max-width:576px){.notification-badge{border-radius:7px;box-shadow:0 3px 10px #dc354566,0 2px 5px #0000002e,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #00000026;font-size:8px;height:14px;line-height:14px;min-width:14px;padding:0 3px;transform:translateY(-1px)}.notification-bell-button:hover .notification-badge{transform:translateY(-2px) scale(1.05)}}.notification-page{margin:0 auto;max-width:900px;min-height:calc(100vh - 100px);padding:20px}.notification-page-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.notification-page-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.header-actions{display:flex;gap:10px}.mark-all-read-btn{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.mark-all-read-btn:hover{background-color:#1976d2}.notification-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-btn{background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.filter-btn:hover{border-color:#2196f3;color:#2196f3}.filter-btn.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.notification-page-list{display:flex;flex-direction:column;gap:15px}.notification-card{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:20px;position:relative;transition:all .2s}.notification-card:hover{border-color:#2196f3;box-shadow:0 2px 8px #2196f31a;transform:translateY(-2px)}.notification-card.unread{background-color:#e6f7ff;border-color:#91d5ff}.notification-card.unread:hover{border-color:#40a9ff}.notification-card.severity-critical{border-left:4px solid #f44336}.notification-card.severity-high{border-left:4px solid #ff9800}.notification-card.severity-medium{border-left:4px solid #2196f3}.notification-card.severity-low{border-left:4px solid #4caf50}.notification-card-icon{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;margin-right:15px;width:50px}.notification-card-content{flex:1 1;min-width:0}.notification-card-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:8px}.notification-card-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.unread-indicator{background-color:#2196f3;border-radius:50%;flex-shrink:0;height:10px;width:10px}.notification-card-date{color:#999;font-size:13px;white-space:nowrap}.notification-card-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.notification-action-btn{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .2s}.notification-action-btn:hover{background-color:#1976d2}.notification-card-actions{display:flex;flex-direction:column;gap:5px;margin-left:10px}.action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.mark-read-btn{color:#4caf50}.mark-read-btn:hover{background-color:#e8f5e9;border-color:#4caf50}.delete-btn{color:#f44336}.delete-btn:hover{background-color:#ffebee;border-color:#f44336}.no-notifications-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.no-notif-icon{font-size:64px;margin-bottom:20px;opacity:.3}.no-notifications-page h3{color:#666;font-size:20px;margin:0 0 10px}.no-notifications-page p{color:#999;font-size:14px;margin:0}.notification-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#2196f3;margin-bottom:20px}.notification-loading p{color:#666;font-size:14px}.notification-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:15px}.notification-error p{color:#f44336;font-size:14px;margin:0}@media (max-width:768px){.notification-page{padding:15px}.notification-page-header{align-items:flex-start;flex-direction:column;gap:15px}.notification-page-header h1{font-size:24px}.notification-filters{width:100%}.filter-btn{flex:1 1;text-align:center}.notification-card{padding:15px}.notification-card-icon{font-size:20px;height:40px;margin-right:12px;width:40px}.notification-card-header{flex-direction:column;gap:5px}.notification-card-title{font-size:15px}.notification-card-message{font-size:13px}.notification-card-actions{flex-direction:row;position:absolute;right:10px;top:10px}}.legal-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:40px auto;max-width:800px;padding:20px}.legal-container h1{border-bottom:1px solid #ddd;color:#333;margin-bottom:20px;padding-bottom:15px}.last-updated{color:#666;font-size:14px;font-style:italic;margin-bottom:25px}.legal-content{color:#444;line-height:1.6}.legal-content h2{color:#333;font-size:20px;margin-top:30px}.legal-content h3{color:#444;font-size:18px;margin-top:25px}.legal-content p{margin-bottom:15px}.legal-content ol,.legal-content ul{margin-bottom:20px;padding-left:20px}.legal-content li{margin-bottom:8px}.legal-content a{color:#2196f3;text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content table{border-collapse:collapse;margin:20px 0;width:100%}.legal-content table,.legal-content td,.legal-content th{border:1px solid #ddd}.legal-content td,.legal-content th{padding:10px;text-align:left}.legal-content th{background-color:#f8f9fa}@media (max-width:768px){.legal-container{margin:20px 15px;padding:15px}}.app-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000000d;display:flex;flex-direction:column;gap:5px;margin-top:auto;padding:10px 20px;width:100%}.footer-links{display:flex;gap:20px;justify-content:center}.footer-links a{color:#5b7fff;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#5b7fff;filter:brightness(.9);text-decoration:underline}.copyright{color:#6c757d;font-size:11px;text-align:center}@media (max-width:768px){.app-footer{padding:8px}.footer-links{align-items:center;flex-direction:column;gap:8px}}.cookie-banner-container{animation:slideIn .4s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f8f9fafa,#f1f3f5fa);border-top:1px solid #5b7fff33;bottom:0;box-shadow:0 -2px 10px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:0;padding:16px 20px;position:fixed;right:0;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner-content{margin:0 auto;max-width:1200px}.cookie-banner-title{color:#2c3e50;font-size:17px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.cookie-banner-description{color:#495057;font-size:13px;font-weight:400;line-height:1.5;margin-bottom:12px}.cookie-banner-link{color:#5b7fff;font-weight:600;text-decoration:underline;transition:opacity .2s ease}.cookie-banner-link:hover{opacity:.8}.cookie-buttons-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.cookie-btn{border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cookie-btn:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.cookie-btn:active{transform:translateY(0)}.cookie-btn-accept{background:linear-gradient(135deg,#5b7fff,#4a67e8);color:#fff;font-weight:700}.cookie-btn-accept:hover{background:linear-gradient(135deg,#4a67e8,#3952d1)}.cookie-btn-reject{background:#fff;border:1px solid #dee2e6;color:#6c757d}.cookie-btn-reject:hover{background:#f8f9fa;border-color:#ced4da}.cookie-btn-save{background:linear-gradient(135deg,#5b7fff,#4a67e8);color:#fff}.cookie-btn-save:hover{background:linear-gradient(135deg,#4a67e8,#3952d1)}.cookie-btn-customize{background:#fff;border:1px solid #5b7fff;color:#5b7fff}.cookie-btn-customize:hover{background:#f0f4ff;border-color:#4a67e8}.cookie-preferences-container{background:#5b7fff0d;border:1px solid #5b7fff1a;border-radius:8px;margin-top:12px;padding:12px}.cookie-category{margin-bottom:12px}.cookie-category:last-child{margin-bottom:0}.cookie-category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.cookie-category-title{color:#2c3e50;font-size:14px;font-weight:600;margin:0}.cookie-category-description{color:#6c757d;font-size:12px;line-height:1.4;margin:4px 0 0}.cookie-toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.cookie-toggle-input{height:0;opacity:0;width:0}.cookie-toggle-slider{background:#ced4da;border-radius:24px;bottom:0;box-shadow:inset 0 1px 2px #0000001a;cursor:pointer;left:0;right:0;top:0}.cookie-toggle-slider,.cookie-toggle-slider:before{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.cookie-toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;width:18px}.cookie-toggle-input:checked+.cookie-toggle-slider{background:linear-gradient(135deg,#5b7fff,#4a67e8)}.cookie-toggle-input:checked+.cookie-toggle-slider:before{background:#fff;transform:translateX(24px)}.cookie-toggle-input:disabled+.cookie-toggle-slider{background:#e9ecef;cursor:not-allowed}@media (max-width:768px){.cookie-banner-container{padding:12px 15px}.cookie-banner-title{font-size:15px}.cookie-banner-description{font-size:12px}.cookie-buttons-container{align-items:stretch;flex-direction:column;gap:8px}.cookie-btn{padding:10px 16px;width:100%}.cookie-category-title{font-size:13px}.cookie-category-description{font-size:11px}}.income-certificate-container,.payment-cancel-container,.payment-success-container,.subscription-plans-container,.transaction-history-container{background-color:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:40px 20px}h2{color:#2c3e50;font-size:1.8em;font-weight:700;margin-bottom:30px;padding-bottom:15px;position:relative;text-align:center}h2:after{background:linear-gradient(135deg,#4a90a4,#3a7385);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.certificate-loading,.subscription-loading,.transaction-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#4a90a4;display:flex;flex-direction:column;font-size:1.1em;height:200px;justify-content:center;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#4a90a4;height:40px;margin-bottom:15px;width:40px}.certificate-error,.subscription-error,.transaction-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;box-shadow:0 2px 8px #dc26261a;color:#dc2626;margin-bottom:20px;padding:16px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.plan-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 12px 25px #0000001f;transform:translateY(-3px)}.plan-card.selected{background-color:#e8f4f7;border:2px solid #4a90a4;transform:translateY(-3px)}.plan-card.selected:before{background:linear-gradient(135deg,#4a90a4,#3a7385);content:"";height:4px;left:0;position:absolute;right:0;top:0}.plan-card h3{color:#2c3e50;font-size:1.5em;margin:0 0 15px}.plan-card h3,.plan-price{font-weight:700;text-align:center}.plan-price{align-items:baseline;color:#4a90a4;display:flex;font-size:2em;gap:5px;justify-content:center;margin-bottom:15px}.plan-period{color:#6c757d;font-size:.5em;font-weight:400}.plan-description{color:#7f8c8d;flex-grow:1;line-height:1.6;margin-bottom:20px;text-align:center}.plan-features{background:#f8f9fa;border-radius:8px;list-style-type:none;margin-bottom:25px;padding:16px}.plan-features li{align-items:flex-start;display:flex;font-size:.95em;line-height:1.5;margin-bottom:10px}.plan-features li:last-child{margin-bottom:0}.feature-check{color:#4a90a4;flex-shrink:0;font-size:1.1em;font-weight:700;margin-right:10px;margin-top:2px}.payment-btn,.plan-select-btn,.result-action-btn{background:linear-gradient(135deg,#4a90a4,#3a7385);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.95em;font-weight:600;margin-top:auto;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.payment-btn:hover,.plan-select-btn:hover,.result-action-btn:hover{background:linear-gradient(135deg,#3a7385,#2a5a6b);box-shadow:0 6px 20px #4a90a466;color:#fff;text-decoration:none;transform:translateY(-2px)}.result-action-btn.secondary{background:#0000;border:2px solid #4a90a4;color:#4a90a4;margin:5px}.result-action-btn.secondary:hover{background:#4a90a4;color:#fff}.payment-btn:disabled,.plan-select-btn:disabled{background:#e0e0e0;box-shadow:none;color:#9e9e9e;cursor:not-allowed;transform:none}.payment-result-icon{align-items:center;animation:scaleIn .5s ease-out;border-radius:50%;display:flex;font-size:2.5em;font-weight:700;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.payment-success-icon{background:linear-gradient(135deg,#4a90a4,#3a7385);box-shadow:0 8px 20px #4a90a44d;color:#fff}.payment-cancel-icon{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 8px 20px #dc35454d;color:#fff}.payment-result-message{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:30px;text-align:center}.payment-result-message h2{color:#2c3e50;font-size:1.6em;margin-bottom:15px}.payment-result-message p{color:#6c757d;font-size:1.1em;line-height:1.6;margin:0}.payment-result-details{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:25px}.payment-result-details h3{color:#2c3e50;font-size:1.3em;margin-bottom:20px;text-align:center}.payment-result-details p{border-bottom:1px dotted #dee2e6;color:#6c757d;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 0}.payment-result-details p:last-child{border-bottom:none}.payment-result-details strong{color:#2c3e50;font-weight:600}.payment-result-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.payment-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{animation:slideInModal .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.payment-modal h3{color:#2c3e50;font-size:1.4em;margin-bottom:20px;text-align:center}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:600;padding:10px 20px;transition:all .3s ease}.modal-btn.primary{background:linear-gradient(135deg,#4a90a4,#3a7385);color:#fff}.modal-btn.primary:hover{background:linear-gradient(135deg,#3a7385,#2a5a6b);transform:translateY(-1px)}.modal-btn.secondary{background:#0000;border:2px solid #6c757d;color:#6c757d}.modal-btn.secondary:hover{background:#6c757d;color:#fff}@media (max-width:968px){.income-certificate-container,.payment-cancel-container,.payment-success-container,.subscription-plans-container,.transaction-history-container{padding:30px 15px}.plans-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.certificate-summary{grid-template-columns:1fr}.payment-result-actions{align-items:center;flex-direction:column}.result-action-btn{max-width:300px;width:100%}}@media (max-width:768px){.income-certificate-container,.payment-cancel-container,.payment-success-container,.subscription-plans-container,.transaction-history-container{padding:20px 15px}.plans-grid{gap:15px;grid-template-columns:1fr}.plan-card{padding:20px 16px}.plan-price{font-size:1.6em}h2{font-size:1.5em}.payment-result-icon{font-size:2em;height:60px;width:60px}.payment-result-message{padding:25px 20px}.payment-result-details{padding:20px}.transaction-table{overflow-x:auto}.transaction-table table{min-width:600px}.certificate-container,.payment-form,.payment-modal{padding:25px 20px}.payment-modal{margin:0 10px;width:95%}.modal-actions{flex-direction:column}.modal-btn{width:100%}}@media (max-width:480px){.income-certificate-container,.payment-cancel-container,.payment-success-container,.subscription-plans-container,.transaction-history-container{padding:15px 10px}.plan-card{padding:16px 12px}.plan-price,h2{font-size:1.4em}.download-btn,.payment-btn,.plan-select-btn,.result-action-btn{font-size:.95em;padding:14px 20px}.payment-result-message h2{font-size:1.3em}.certificate-container,.payment-form{padding:20px 15px}.summary-item{padding:15px}.summary-amount{font-size:1.5em}.total-amount{font-size:1.8em}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInModal{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.plan-card{animation:fadeInUp .5s ease-out}.payment-result-icon{animation:scaleIn .5s ease-out,pulse 2s 1s infinite}.error-message,.info-message,.success-message,.warning-message{animation:fadeInUp .3s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.hidden{display:none}.visible{display:block}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}@media print{.income-certificate-container,.payment-cancel-container,.payment-success-container,.subscription-plans-container,.transaction-history-container{background:#fff;box-shadow:none;padding:20px}.certificate-container,.plan-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.download-btn,.loading-spinner,.payment-btn,.payment-result-icon,.plan-select-btn,.result-action-btn{display:none}}.lp-container{--lp-primary:#4a90a4;--lp-primary-dark:#3a7385;--lp-primary-light:#e8f4f7;--lp-success:#10b981;--lp-warning:#f59e0b;--lp-danger:#ef4444;--lp-text-primary:#1e293b;--lp-text-secondary:#64748b;--lp-border:#e2e8f0;--lp-bg-light:#f8fafc;--lp-radius:8px;--lp-radius-lg:12px;--lp-shadow-3d:0 10px 25px #0000001f,0 6px 12px #00000014,0 2px 4px #0000000a;background-color:var(--lp-bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:560px;min-height:100vh;padding:20px 20px 40px;position:relative}.lp-title{color:var(--lp-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 24px;text-align:center}.lp-summary{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-3d);margin-bottom:16px;overflow:hidden}.lp-summary-header{background:linear-gradient(135deg,var(--lp-primary) 0,var(--lp-primary-dark) 100%);padding:16px 20px}.lp-summary-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0;text-align:center}.lp-details{padding:16px 20px}.lp-detail-row{align-items:center;border-bottom:1px solid var(--lp-border);display:flex;justify-content:space-between;padding:10px 0}.lp-detail-row:last-child{border-bottom:none}.lp-detail-label{color:var(--lp-text-secondary);font-size:14px}.lp-detail-value{color:var(--lp-text-primary);font-size:14px;font-weight:500;text-align:right}.lp-detail-row--price{border-bottom:none;border-top:1px dashed var(--lp-border);margin-top:8px;padding-top:14px}.lp-detail-row--price .lp-detail-label{color:var(--lp-text-primary);font-weight:500}.lp-detail-row--price .lp-detail-value{color:var(--lp-primary);font-size:1.25rem;font-weight:600}.lp-message{background:#fff;border:1px solid var(--lp-border);border-left:3px solid var(--lp-primary);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow-3d);margin-bottom:16px;padding:14px 16px}.lp-message h4{color:var(--lp-text-primary);font-size:13px;font-weight:600;margin:0 0 6px}.lp-message p{color:var(--lp-text-secondary);font-size:13px;font-style:italic;line-height:1.4;margin:0}.lp-deadline{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-3d);flex-direction:column;gap:6px;margin-bottom:20px;padding:16px 20px;text-align:center}.lp-deadline,.lp-deadline-main{align-items:center;display:flex}.lp-deadline-main{gap:10px}.lp-deadline-icon{color:#b45309;flex-shrink:0}.lp-deadline-countdown{color:#b45309;font-size:1.2rem;font-weight:700;letter-spacing:-.5px}.lp-deadline-label{color:#92400e;font-size:13px;font-weight:500;margin-left:4px}.lp-deadline-date{color:#92400e;font-size:1rem;font-weight:500}.lp-deadline-warning{color:#a16207;font-size:1}.lp-deadline--warning{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fb923c}.lp-deadline--warning .lp-deadline-countdown,.lp-deadline--warning .lp-deadline-icon{color:#c2410c}.lp-deadline--warning .lp-deadline-date,.lp-deadline--warning .lp-deadline-label{color:#9a3412}.lp-deadline--warning .lp-deadline-warning{color:#c2410c}.lp-deadline--urgent{animation:lp-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#f87171}.lp-deadline--urgent .lp-deadline-countdown,.lp-deadline--urgent .lp-deadline-icon{color:#b91c1c}.lp-deadline--urgent .lp-deadline-date,.lp-deadline--urgent .lp-deadline-label{color:#991b1b}.lp-deadline--urgent .lp-deadline-warning{color:#b91c1c;font-weight:600}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.85}}.lp-actions{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-3d);padding:20px}.lp-pay-btn{align-items:center;background:linear-gradient(135deg,var(--lp-primary) 0,var(--lp-primary-dark) 100%);border:none;border-radius:var(--lp-radius);box-shadow:0 4px 12px #4a90a44d,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:box-shadow .2s ease,filter .2s ease;width:100%}.lp-pay-btn:hover:not(:disabled){box-shadow:0 6px 16px #4a90a466,inset 0 1px 0 #fff3;filter:brightness(1.05)}.lp-pay-btn:active:not(:disabled){box-shadow:0 2px 6px #4a90a44d,inset 0 2px 4px #0000001a}.lp-pay-btn:disabled{cursor:not-allowed;opacity:.7}.lp-pay-btn--warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d,inset 0 1px 0 #ffffff26}.lp-pay-btn--warning:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66,inset 0 1px 0 #fff3}.lp-pay-btn--urgent{animation:lp-btn-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #ffffff26}.lp-pay-btn--urgent:hover:not(:disabled){box-shadow:0 6px 16px #ef444466,inset 0 1px 0 #fff3}@keyframes lp-btn-glow{0%,to{box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #ffffff26}50%{box-shadow:0 4px 20px #ef444480,inset 0 1px 0 #ffffff26}}.lp-btn-spinner{animation:lp-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes lp-spin{to{transform:rotate(1turn)}}.lp-security-row{align-items:center;color:var(--lp-text-secondary);display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:14px}.lp-lock-icon{color:var(--lp-success)}.lp-tooltip-wrapper{display:inline-flex;position:relative}.lp-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--lp-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:all .2s ease}.lp-info-btn:hover{background:var(--lp-border);color:var(--lp-primary)}.lp-tooltip{animation:lp-tooltip-appear .2s ease;border:1px solid var(--lp-border);border-radius:var(--lp-radius);bottom:calc(100% + 10px);box-shadow:0 10px 25px #00000026;right:-20px;width:280px;z-index:100}.lp-tooltip,.lp-tooltip:after{background:#fff;position:absolute}.lp-tooltip:after{border-bottom:1px solid var(--lp-border);border-right:1px solid var(--lp-border);bottom:-6px;content:"";height:12px;right:24px;transform:rotate(45deg);width:12px}@keyframes lp-tooltip-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.lp-tooltip-content{padding:16px}.lp-tooltip-content h4{color:var(--lp-text-primary);font-size:14px;font-weight:600;margin:0 0 10px}.lp-tooltip-content p{color:var(--lp-text-secondary);font-size:13px;line-height:1.5;margin:0 0 8px}.lp-tooltip-content p:last-child{margin-bottom:0}.lp-tooltip-content hr{border:none;border-top:1px solid var(--lp-border);margin:12px 0}.lp-loading{align-items:center;background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-3d);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.lp-loading-spinner{animation:lp-spin 1s linear infinite;border:3px solid var(--lp-border);border-radius:50%;border-top-color:var(--lp-primary);height:40px;margin-bottom:16px;width:40px}.lp-loading p{color:var(--lp-text-secondary);font-size:14px;margin:0}.lp-error{background:#fff;border:1px solid var(--lp-border);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-3d);padding:40px 24px;text-align:center}.lp-error-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#dc2626;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.lp-error h2{color:var(--lp-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.lp-error p{color:var(--lp-text-secondary);font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.lp-container .floating-back-btn{left:16px;top:80px}}@media (max-width:640px){.lp-container{padding:16px 16px 32px}.lp-container .floating-back-btn{left:12px;top:75px}.lp-title{font-size:1.25rem}.lp-details,.lp-summary-header{padding:14px 16px}.lp-detail-row{align-items:flex-start;flex-direction:column;gap:4px;padding:8px 0}.lp-detail-value{text-align:left}.lp-detail-row--price{align-items:center;flex-direction:row}.lp-detail-row--price .lp-detail-value{text-align:right}.lp-deadline{padding:14px 16px}.lp-deadline-countdown{font-size:1.5rem}.lp-actions{padding:16px}.lp-pay-btn{font-size:14px;padding:12px 16px}.lp-tooltip{right:-60px;width:260px}.lp-tooltip:after{right:64px}}@media (max-width:400px){.lp-deadline-main,.lp-security-row{flex-wrap:wrap;justify-content:center}.lp-tooltip{right:50%;transform:translateX(50%);width:240px}.lp-tooltip:after{right:calc(50% - 6px)}}
/*# sourceMappingURL=main.eaad7632.css.map*/