body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.sidebar .userProfile{cursor:pointer!important;margin:0 auto!important;padding:.5rem!important;position:relative!important}.sidebar .userAvatar,.sidebar .userProfile{align-items:center!important;display:flex!important;justify-content:center!important}.sidebar .userAvatar{aspect-ratio:1!important;background:linear-gradient(to bottom right,#ec4899,#8b5cf6)!important;border-radius:9999px!important;color:#fff!important;flex-shrink:0!important;font-size:.75rem!important;font-weight:600!important;height:2rem!important;max-width:2rem!important;min-width:2rem!important;width:2rem!important}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;height:100%;overflow-y:scroll;scrollbar-width:none;width:100%}html::-webkit-scrollbar{display:none}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;max-width:4rem;min-width:4rem;position:fixed;top:0;width:4rem;z-index:1200}.sidebar.sidebar-mobile{height:100vh!important;max-width:100%!important;min-width:100%!important;overflow-y:auto;width:100%!important}.logoSection{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:center;padding:1.1rem}.logoImg{border-radius:.5rem;height:3rem;object-fit:cover;width:3rem}.logo-video-wrapper{align-items:center;display:flex;justify-content:center}.logo-image{border-radius:.5rem;height:60px;object-fit:cover;width:60px}.nav{flex:1 1;padding:1rem .5rem}.nav,.navList{display:flex;flex-direction:column}.navList{list-style:none;margin:0;padding:0}.navItem{margin:5px 0}.navLink{align-items:center;border-radius:.75rem;color:#4b5563;display:flex;height:3rem;justify-content:center;margin:0 auto;position:relative;text-decoration:none;transition:background-color .2s ease,color .2s ease;width:3rem}.navLinkActive{background-color:#0c326f;box-shadow:0 4px 6px #6366f166;color:#fff}.navLinkHover:hover:not(.navLinkActive){background-color:#f3f4f6;color:#374151}.navIcon{align-items:center;display:flex;justify-content:center;position:relative}.sidebar-mobile .navLink{justify-content:flex-start;padding:.5rem 1rem;width:100%}.sidebar-mobile .navIcon{align-items:center;display:flex;justify-content:center;margin-right:.75rem;min-width:2rem}.sidebar-mobile .navIcon-mobile,.sidebar-mobile .navLinkActive .navIcon-mobile{color:#374151;font-size:.95rem;white-space:nowrap}.sidebar-mobile .navLinkActive .navIcon-mobile{color:#fff}.notification-badge{animation:pulse 2s infinite;background-color:#dc3545;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.notification-badge-count{align-items:center;background-color:#dc3545;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-6px;top:-6px}.tooltip{background-color:#111827;border-radius:.5rem;color:#fff;font-size:.875rem;left:100%;margin-left:.75rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1250}.group:hover .tooltip,.navLink:hover .tooltip{opacity:1;pointer-events:auto}.tooltipArrow{background-color:#111827;height:.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%) rotate(45deg);width:.5rem}.sidebar .userProfileSection{margin-bottom:10px;padding-bottom:10px}.sidebar .userProfile{cursor:pointer;margin:0 auto;padding:.5rem;position:relative}.sidebar .userAvatar,.sidebar .userProfile{align-items:center;display:flex;justify-content:center}.sidebar .userAvatar{background:linear-gradient(to bottom right,#ec4899,#8b5cf6);border-radius:9999px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;height:2rem;max-width:2rem;min-width:2rem;width:2rem}.sidebar .userProfileSection{position:relative}.sidebar .dropdownMenu{bottom:10%;left:100%;transform:translateY(-50%) translateX(-10%)}.sidebar .dropdownMenu,.sidebar-mobile .dropdownMenu{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;padding:8px 0;position:absolute;z-index:1300}.sidebar-mobile .dropdownMenu{bottom:100%;left:auto;right:0;transform:translateY(-10%)}.sidebar .dropdownItem{background-color:initial;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;text-decoration:none;width:70%}.sidebar .dropdownItem:hover{font-weight:600}.header-container{background-color:#fff;border-bottom:1px solid #e8e8e8;box-sizing:border-box;display:flex;flex-direction:column;height:97px;justify-content:center;left:0;padding-left:150px;padding-right:20px;padding-top:17px;position:fixed;right:0;text-align:start;top:0;width:100%;z-index:1000}.title{color:#000;font-size:26px;font-weight:700;margin-bottom:5px}.script{color:#666;font-size:16px;margin:0}.hamburger-btn{background:none;border:none;cursor:pointer;font-size:22px;margin-right:12px;margin-top:10px}.sidebar-overlay{background:#fff;box-shadow:2px 0 8px #00000026;height:100vh;left:0;position:fixed;top:0;width:240px;z-index:2000}@media (max-width:1024px){.header-container{flex-direction:row;height:64px;justify-content:space-between;padding:0 16px}.header,.header-container{align-items:center;display:flex}.header{width:100%}.title{flex:1 1;font-size:20px;font-weight:700;margin:0;text-align:center}.script{display:none}}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:24px}.quick-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;cursor:pointer;padding:20px;text-align:center;transition:box-shadow .2s ease,transform .2s ease}.quick-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.quick-icon{align-items:center;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.quick-icon svg{height:32px;width:32px}.quick-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 6px}.quick-desc{color:#6b7280;font-size:13px;margin:0}.icon.blue svg{stroke:#ebd725}.icon.green svg{stroke:#16a34a}.icon.purple svg{stroke:#9333ea}.icon.red svg{stroke:#dc2626}.icon.yellow svg{stroke:#f59e0b}.icon.indigo svg{stroke:#4f46e5}.icon.gray svg{stroke:gray}.icon.king svg{stroke:#daa520}.quick-card.disabled{cursor:not-allowed;opacity:.5}.quick-card.disabled .quick-icon{filter:grayscale(100%)}@media (max-width:480px){.quick-actions-grid{gap:12px;grid-template-columns:1fr;padding:12px}.quick-card{padding:16px}.quick-title{font-size:14px}.quick-desc{font-size:12px}.quick-icon{height:40px;width:40px}.quick-icon svg{height:24px;width:24px}}@media (max-width:768px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.quick-actions-grid{gap:32px;grid-template-columns:repeat(4,1fr)}.quick-card{padding:24px}.quick-title{font-size:18px}.quick-desc{font-size:14px}}@media (min-width:1920px){.quick-actions-grid{gap:32px;grid-template-columns:repeat(4,1fr)}.quick-card{padding:28px}.quick-title{font-size:20px}.quick-desc{font-size:16px}}.home-recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;padding:16px;width:100%}.home-recent-activity-list{display:flex;flex-direction:column;gap:12px}.home-activity-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:12px}.home-activity-item:last-child{border-bottom:none}.home-activity-icon{align-items:center;color:#4a90e2;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.home-activity-info{display:flex;flex:1 1;flex-direction:column;margin-left:12px}.home-activity-title{color:#111827;font-size:16px;font-weight:600}.home-activity-time{color:#6b7280;font-size:12px;margin-top:2px}.home-activity-status{align-items:center;display:flex;margin-left:12px}.status-link:hover{text-decoration:underline}.homestatus{font-size:14px;font-weight:600}.homestatus.pending{color:#a3ad00}.homestatus.success{color:#16a34a}.homestatus.cancel{color:#dc2626}.home-activity-item .lucide-star-icon{color:#facc15}.home-activity-item .lucide-arrow-right-left-icon{color:#6b7280}.home-activity-item .lucide-download-cloud-icon{color:#0ea5e9}.home-activity-item.clickable{cursor:pointer;transition:background .2s ease}.home-activity-item.clickable:hover{background:#fff}.home-activity-status .stars{align-items:center;display:flex;gap:4px}.home-activity-status .stars .score{color:#111827;font-size:15px;font-weight:500;margin-left:6px}@media (max-width:480px){.home-recent-activity{padding:12px}.home-activity-item{align-items:flex-start;flex-direction:column;gap:6px}.home-activity-icon{height:32px;width:32px}.home-activity-title{font-size:14px}.home-activity-time{font-size:11px}.homestatus{font-size:12px}}@media (max-width:768px){.home-activity-item{padding:10px}.home-activity-title{font-size:15px}.home-activity-time{font-size:12px}}@media (min-width:1440px){.home-recent-activity{padding:20px}.home-activity-title{font-size:18px}.home-activity-time{font-size:14px}}@media (min-width:1920px){.home-recent-activity{padding:24px}.home-activity-title{font-size:20px}.home-activity-time{font-size:15px}}.add-info-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.h2-addInformation{margin:30px}.add-info-popup{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.popup-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:20px 20px 0 0;color:#fff;justify-content:space-between;padding:24px 32px 16px}.popup-header,.popup-title{align-items:center;display:flex}.popup-title{font-size:24px;font-weight:700;gap:12px;margin:0}.title-icon{font-size:28px}.close-btn{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.popup-subtitle{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#666;font-size:16px;padding:20px 32px;text-align:center}.add-info-form{padding:32px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-label{align-items:center;display:flex;gap:8px;margin-bottom:4px}.label-icon{font-size:16px}.form-actions{justify-content:flex-end;padding-top:24px}.save-button-add-info{background-color:#0c326f;border:none;border-radius:8px;color:#fff;padding:10px 20px}.save-button-add-info:hover{transform:translateY(-2px)}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .3s ease}.cancel-btn{background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280}.cancel-btn:hover:not(:disabled){background:#e5e7eb;box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:16px}.submit-btn.full-width{width:100%}@media (max-width:768px){.add-info-popup{margin:20px;max-height:95vh;width:95%}.popup-header{padding:20px 24px 16px}.popup-title{font-size:20px}.title-icon{font-size:24px}.popup-subtitle{font-size:14px;padding:16px 24px}.add-info-form{padding:24px}.form-grid{gap:20px;grid-template-columns:1fr;margin-bottom:24px}.form-actions{flex-direction:column;gap:12px}.cancel-btn,.submit-btn{padding:16px 24px;width:100%}}@media (max-width:480px){.add-info-popup{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.popup-header{border-radius:0;padding:16px 20px}.close-btn,.popup-title{font-size:18px}.close-btn{height:36px;width:36px}.add-info-form{padding:20px}}.add-info-popup::-webkit-scrollbar{width:6px}.add-info-popup::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.add-info-popup::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.add-info-popup::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-container{bottom:24px;display:flex;flex-direction:column;gap:12px;position:fixed;right:24px;z-index:9999}.notification{align-items:center;animation:slideIn .3s ease-out forwards;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:15px;font-weight:500;justify-content:space-between;max-width:360px;min-width:280px;padding:12px 16px}.notification.success{background:#4caf50}.notification.error{background:#f44336}.notification.info{background:#2196f3}.notification.warning{background:#ff9800;color:#222}.close-btn{background:#0000;border:none;color:inherit;cursor:pointer;font-size:18px;font-weight:700;margin-left:12px}.close-btn:hover{opacity:.7}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.open-modal-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.open-modal-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.open-modal-btn:active{transform:translateY(0)}.open-modal-btn .btn-icon{font-size:16px}.home-page{background-color:#fbfaf9;min-height:100vh}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:48px;margin-bottom:16px}.loading-container p{color:#666}.home-main-content{align-items:flex-start;display:flex;flex-direction:column;margin-left:150px;padding:20px}.home-container{margin-top:120px;max-width:1240px;width:100%}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;margin-bottom:32px;padding:40px;text-align:center}.welcome-title{align-items:center;display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center;margin:0 0 16px}.welcome-icon{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:wave-animation;display:inline-block;font-size:36px;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.welcome-description{font-size:18px;margin:0 auto;max-width:600px;opacity:.9}.ai-banner{background:linear-gradient(135deg,#4a5568,#2d3748 50%,#1a365d);border-radius:16px;box-shadow:0 10px 40px #0003;margin-bottom:32px;overflow:hidden;padding:32px 40px;position:relative;transition:all .3s ease}.ai-banner:hover{box-shadow:0 15px 50px #0000004d;transform:translateY(-4px)}.ai-banner-background{inset:0;pointer-events:none;position:absolute}.ai-particle{animation:float 3s ease-in-out infinite;background:#fff3;border-radius:50%;position:absolute}.ai-particle-1{animation-delay:0s;animation-duration:3s;height:8px;left:20%;top:30%;width:8px}.ai-particle-2{animation-delay:.8s;animation-duration:3.5s;height:6px;left:35%;top:60%;width:6px}.ai-particle-3{animation-delay:1.6s;animation-duration:4s;height:10px;left:50%;top:20%;width:10px}.ai-particle-4{animation-delay:2.4s;animation-duration:3.2s;height:7px;left:65%;top:50%;width:7px}.ai-particle-5{animation-delay:3.2s;animation-duration:3.8s;height:9px;left:80%;top:35%;width:9px}.ai-particle-6{animation-delay:4s;animation-duration:3.3s;height:5px;left:90%;top:70%;width:5px}.ai-banner-content{align-items:center;display:flex;gap:32px;justify-content:space-between;position:relative;z-index:1}.ai-banner-text{border-radius:16px;color:#fff;flex:1 1;padding:40px;text-align:center}.ai-text-glow{animation:textGlow 2s ease-in-out infinite;color:#fbbf24}@keyframes textGlow{0%,to{text-shadow:0 0 10px #fbbf24,0 0 20px #fbbf24}50%{text-shadow:0 0 20px #fbbf24,0 0 30px #fbbf24,0 0 40px #fbbf24}}.ai-banner-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.ai-banner-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 10px 30px #ffffff4d;transform:scale(1.05)}.ai-banner-button:active{transform:scale(.98)}.button-shimmer{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0;position:absolute;transform:translateX(-100%) skewX(-15deg)}@keyframes shimmer{0%{transform:translateX(-100%) skewX(-15deg)}50%,to{transform:translateX(200%) skewX(-15deg)}}.button-icon{animation:iconSpin 4s linear infinite;color:#fbbf24;flex-shrink:0;height:20px;width:20px}@keyframes iconSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.button-text{position:relative;z-index:1}.ai-banner-border{animation:borderPulse 3s ease-in-out infinite;border:1px solid #fff3;border-radius:16px;inset:0;pointer-events:none;position:absolute}@keyframes borderPulse{0%,to{opacity:.3}50%{opacity:.8}}.section-title{align-items:center;color:#2d3748;display:flex;font-size:24px;gap:8px;margin:0 0 24px}.section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:24px;width:4px}.quick-actions,.stats-section{margin-bottom:32px}.stats-section{margin-top:32px}@media (min-width:1920px){.home-container{max-width:1600px}.welcome-section{padding:50px}.welcome-title{font-size:38px}.welcome-icon{font-size:42px}.welcome-description{font-size:20px}.ai-banner{padding:40px 48px}.ai-banner-button{font-size:16px;padding:14px 28px}.button-icon{height:22px;width:22px}.section-title{font-size:28px}}@media (min-width:1201px) and (max-width:1919px){.home-main-content{margin-left:150px}.home-container{max-width:1240px}}@media (min-width:1025px) and (max-width:1200px){.home-main-content{margin-left:64px}.ai-banner{padding:28px 32px}}@media (min-width:769px) and (max-width:1024px){.home-main-content{margin-left:0;margin-top:64px;padding:18px}.home-container{margin-top:80px}.welcome-section{padding:32px}.welcome-title{font-size:28px}.welcome-description{font-size:16px}.ai-banner{padding:24px 28px}.ai-banner-content{flex-direction:column;gap:20px;text-align:center}.ai-banner-button{justify-content:center;width:100%}.section-title{font-size:22px}}@media (min-width:481px) and (max-width:768px){.home-main-content{margin-left:0;margin-top:64px;padding:16px}.home-container{margin-top:70px}.welcome-section{border-radius:14px;padding:28px 24px}.welcome-title{font-size:24px}.welcome-icon{font-size:32px}.welcome-description{font-size:15px}.ai-banner{border-radius:12px;padding:20px 24px}.ai-banner-content{flex-direction:column;gap:16px}.ai-banner-button{font-size:14px;justify-content:center;padding:12px 20px;width:100%}.button-icon{height:18px;width:18px}.section-title{font-size:20px}.section-title:before{height:22px}}@media (min-width:376px) and (max-width:480px){.home-main-content{margin-left:0;margin-top:64px;padding:14px}.home-container{margin-top:60px}.welcome-section{border-radius:12px;padding:24px 20px}.welcome-title{flex-direction:column;font-size:22px;gap:8px}.welcome-icon{font-size:30px}.welcome-description{font-size:14px}.ai-banner{border-radius:10px;padding:18px 20px}.ai-banner-content{flex-direction:column;gap:14px}.ai-banner-button{font-size:13px;justify-content:center;padding:11px 18px;width:100%}.button-icon{height:18px;width:18px}.section-title{font-size:18px}.section-title:before{height:20px}.ai-particle-1{height:6px;width:6px}.ai-particle-2{height:5px;width:5px}.ai-particle-3{height:7px;width:7px}.ai-particle-4{height:5px;width:5px}.ai-particle-5{height:6px;width:6px}.ai-particle-6{height:4px;width:4px}}@media (max-width:375px){.home-main-content{margin-left:0;margin-top:64px;padding:12px}.home-container{margin-top:56px}.welcome-section{border-radius:10px;padding:20px 16px}.welcome-title{flex-direction:column;font-size:20px;gap:6px}.welcome-icon{font-size:28px}.welcome-description{font-size:13px}.ai-banner{border-radius:10px;padding:16px 18px}.ai-banner-content{flex-direction:column;gap:12px}.ai-banner-button{font-size:12px;justify-content:center;padding:10px 16px;width:100%}.button-icon{height:16px;width:16px}.section-title{font-size:16px}.section-title:before{height:18px;width:3px}.ai-particle-1,.ai-particle-3,.ai-particle-5{height:5px;width:5px}.ai-particle-2,.ai-particle-4,.ai-particle-6{height:4px;width:4px}}@media (max-height:500px) and (orientation:landscape){.home-container{margin-top:70px}.welcome-section{padding:20px 24px}.ai-banner{padding:16px 24px}.ai-banner-content{flex-direction:row;gap:20px}.ai-banner-button{width:auto}}.footer-home{background-color:#1a1a2e;border-top:1px solid #2d2d44;color:#e0e0e0;padding:3rem 2rem 1.5rem}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto 2rem;max-width:1240px}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 .5rem}.footer-description{color:#b0b0b0;font-size:14px;line-height:1.6;margin:0}.footer-heading{color:#fff;font-size:16px;font-weight:600;margin:0 0 .75rem}.footer-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-list a{color:#b0b0b0;display:inline-block;font-size:14px;text-decoration:none;transition:color .2s ease}.footer-list a:hover{color:#0c326f}.footer-contact{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-contact li{align-items:center;color:#b0b0b0;display:flex;font-size:14px;gap:.5rem}.footer-contact svg{color:#0c326f;flex-shrink:0}.footer-social{display:flex;gap:.75rem;margin-top:.5rem}.social-link{align-items:center;background-color:#2d2d44;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-link:hover{transform:translateY(-3px)}.social-link.facebook:hover{background-color:#1877f2;box-shadow:0 4px 12px #1877f24d}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);box-shadow:0 4px 12px #e1306c4d}.social-link.tiktok:hover{background-color:#000;box-shadow:0 4px 12px #0000004d}.social-link.gmail:hover{background-color:#ea4335;box-shadow:0 4px 12px #ea43354d}.footer-bottom{border-top:1px solid #2d2d44;margin:0 auto;max-width:1240px;padding-top:1.5rem;text-align:center}.footer-bottom p{color:#8a8a8a;font-size:14px;margin:.25rem 0}.footer-credits{color:#6a6a6a;font-size:13px}@media (min-width:1920px){.footer{padding:4rem 3rem 2rem}.footer-container{gap:3rem;max-width:1600px}.footer-title{font-size:28px}.footer-heading{font-size:18px}.social-link{height:44px;width:44px}}@media (min-width:1201px) and (max-width:1919px){.footer{margin-left:150px}.footer-container{max-width:1240px}}@media (min-width:1025px) and (max-width:1200px){.footer{margin-left:64px;padding:2.5rem 2rem 1.5rem}.footer-container{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.footer{margin-left:0;padding:2.5rem 1.5rem 1.5rem}.footer-container{gap:2rem;grid-template-columns:repeat(2,1fr)}.footer-title{font-size:22px}.footer-heading{font-size:15px}}@media (min-width:481px) and (max-width:768px){.footer{margin-left:0;padding:2rem 1.5rem 1.5rem}.footer-container{gap:1.5rem;grid-template-columns:1fr}.footer-section{gap:.75rem}.footer-title{font-size:20px}.footer-heading{font-size:14px}.footer-contact li,.footer-description,.footer-list a{font-size:13px}.social-link{height:38px;width:38px}}@media (min-width:376px) and (max-width:480px){.footer{margin-left:0;padding:1.5rem 1rem 1rem}.footer-container{gap:1.25rem;grid-template-columns:1fr;margin-bottom:1.5rem}.footer-section{gap:.5rem}.footer-title{font-size:18px;margin-bottom:.25rem}.footer-heading{font-size:14px;margin-bottom:.5rem}.footer-description{font-size:12px;line-height:1.5}.footer-list{gap:.4rem}.footer-list a{font-size:12px}.footer-contact{gap:.6rem}.footer-contact li{font-size:12px}.footer-contact svg{height:14px;width:14px}.social-link{height:36px;width:36px}.social-link svg{height:18px;width:18px}.footer-bottom{padding-top:1rem}.footer-bottom p{font-size:12px}.footer-credits{font-size:11px}}@media (max-width:375px){.footer{margin-left:0;padding:1.25rem .75rem 1rem}.footer-container{gap:1rem;grid-template-columns:1fr;margin-bottom:1.25rem}.footer-section{gap:.4rem}.footer-title{font-size:16px;margin-bottom:.25rem}.footer-heading{font-size:13px;margin-bottom:.4rem}.footer-description{font-size:11px;line-height:1.4}.footer-list{gap:.3rem}.footer-list a{font-size:11px}.footer-contact{gap:.5rem}.footer-contact li{font-size:11px}.footer-contact svg{height:12px;width:12px}.social-link{height:34px;width:34px}.social-link svg{height:16px;width:16px}.footer-bottom{padding-top:1rem}.footer-bottom p{font-size:11px}.footer-credits{font-size:10px}}@media (max-height:500px) and (orientation:landscape){.footer{padding:1.5rem 1rem 1rem}.footer-container{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer-section{gap:.5rem}}.swap-navbar{display:flex;justify-content:flex-start;margin:30px 0;max-width:1240px;width:100%}.swap-nav-links{border-radius:8px;box-shadow:0 2px 4px #0000000f;flex-direction:row;overflow:hidden;width:100%}.swap-nav-btn,.swap-nav-links{background-color:#fff;display:flex}.swap-nav-btn{align-items:center;border:none;color:#000;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:14px 30px;transition:background-color .3s,color .3s}.swap-nav-btn:not(.active):focus,.swap-nav-btn:not(.active):hover{background-color:#f1f1f1;color:#333}.swap-nav-btn.active,.swap-nav-btn.active:focus,.swap-nav-btn.active:hover{background-color:#0c326f!important;color:#fff!important;outline:none!important}@media (max-width:375px){.swap-navbar{margin:16px 0}.swap-nav-links{border-radius:8px;flex-direction:column}.swap-nav-btn{border-bottom:1px solid #f0f0f0;font-size:13px;gap:6px;justify-content:flex-start;padding:12px 16px}.swap-nav-btn:last-child{border-bottom:none}.swap-nav-btn svg{height:18px;width:18px}.swap-nav-btn.active{border-radius:0}.swap-nav-btn:first-child.active{border-radius:8px 8px 0 0}.swap-nav-btn:last-child.active{border-radius:0 0 8px 8px}}@media (min-width:376px) and (max-width:480px){.swap-navbar{margin:18px 0}.swap-nav-links{flex-direction:column}.swap-nav-btn{border-bottom:1px solid #f0f0f0;font-size:14px;gap:7px;justify-content:flex-start;padding:13px 18px}.swap-nav-btn:last-child{border-bottom:none}.swap-nav-btn svg{height:19px;width:19px}.swap-nav-btn.active{border-radius:0}.swap-nav-btn:first-child.active{border-radius:8px 8px 0 0}.swap-nav-btn:last-child.active{border-radius:0 0 8px 8px}}@media (min-width:481px) and (max-width:768px){.swap-navbar{margin:20px 0}.swap-nav-links{flex-direction:row}.swap-nav-btn{font-size:13px;gap:6px;padding:12px 16px}.swap-nav-btn svg{height:18px;width:18px}.swap-nav-btn.active{border-radius:8px}}@media (min-width:769px) and (max-width:1024px){.swap-navbar{margin:24px 0}.swap-nav-btn{font-size:14px;gap:7px;padding:13px 20px}.swap-nav-btn svg{height:19px;width:19px}.swap-nav-btn.active{border-radius:8px}}@media (min-width:1025px) and (max-width:1200px){.swap-navbar{margin:26px 0;max-width:100%}.swap-nav-btn{font-size:15px;padding:13px 24px}.swap-nav-btn.active{border-radius:8px}}@media (min-width:1201px) and (max-width:1919px){.swap-navbar{margin:28px 0;max-width:1240px}.swap-nav-btn{font-size:16px;padding:14px 30px}.swap-nav-btn.active{border-radius:8px}}@media (min-width:1920px){.swap-navbar{margin:32px 0;max-width:1600px}.swap-nav-links{border-radius:10px}.swap-nav-btn{font-size:17px;gap:10px;padding:16px 36px}.swap-nav-btn svg{height:22px;width:22px}.swap-nav-btn.active{border-radius:10px}}.swap-class{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:100vh}.main-content-swap-class{box-sizing:border-box;flex:1 1;flex-direction:column;margin:80px 0 0 100px;width:calc(100% - 150px)}.add-info-request,.main-content-swap-class{align-items:center;display:flex;padding:20px}.add-info-request{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;justify-content:space-between;max-width:1240px;width:100%}.create-btn-request{align-items:center;background:#0c326f;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;text-align:center;transition:transform .2s ease;white-space:nowrap}.create-btn-request:hover{transform:translateY(-2px)}@media (min-width:1920px){.add-info-request{max-width:1600px}.add-info-request h3{font-size:20px}.add-info-request p{font-size:16px}.create-btn-request{font-size:15px;padding:12px 20px}}@media (max-width:1600px){.main-content-swap-class{margin-left:64px;width:calc(100% - 64px)}}@media (max-width:1024px){.main-content-swap-class{margin-left:0;margin-top:64px;padding:16px;width:100%}}@media (max-width:768px){.add-info-request{align-items:flex-start;flex-direction:column;gap:16px}.create-btn-request{width:100%}}.my-request-container{margin:0;max-width:1240px;padding:0}.section-header-request{margin-bottom:20px;padding:0 24px}.section-header-request h2{color:#333;font-size:24px;font-weight:700;margin:0}.view-all{color:#4a90e2;cursor:pointer}.request-card{background-color:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000001a;margin:50px 0}.user-info{align-items:center;gap:12px}.avatar{font-size:18px;font-weight:600}.user-details h3{color:#333;font-size:18px}.user-details p{margin:0 0 4px}.status-badges{gap:8px}.status-badge{border-radius:20px;font-size:12px}.status-badge.accepted{background-color:#d4edda;color:#155724}.subject-code{background-color:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 8px}.swap-section h4{font-size:16px;text-align:center}.class-card{border:2px solid #e0e0e0;text-align:center}.class-card.want-swap{background-color:#fddddd;border-color:#c02020;border-width:1px}.class-card.want-swap,.class-card.your-class{display:flex;flex-direction:column;justify-content:center}.class-card.your-class{background-color:#f8fff8;border-color:#4caf50;border-width:1px}.class-header{margin-bottom:8px}.subject-small{border-radius:4px;color:#4a90e2;font-size:18px;padding:2px 6px}.class-code{color:#333}.class-info{color:#666}.schedule{color:#ff6b35}.swap-arrow{height:60px;width:60px}.arrow-icon,.swap-arrow{align-items:center;display:flex;justify-content:center}.arrow-icon{border-radius:50%;color:#fff;font-size:18px;height:40px;width:40px}.action-buttons-my-request{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.btn-message-my-request,.delete-request{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-message-my-request{background-color:#0c326f;color:#fff}.btn-message-my-request:hover{transform:translateY(-2px)}.delete-request{background:#ff2424;color:#fff}.delete-request:hover{transform:translateY(-2px)}@media (min-width:1201px) and (max-width:1919px){.my-request-container{padding:0}.section-header-request{margin-left:80px;padding:0;width:1240px}.request-card{margin-left:80px;padding:28px;width:1240px}}@media (min-width:1025px) and (max-width:1200px){.my-request-container,.section-header-request{padding:0}.request-card{padding:20px}.swap-details{gap:16px}}@media (min-width:769px) and (max-width:1024px){.my-request-container{padding:0}.section-header-request h3{font-size:18px}.card-header{flex-direction:column;gap:16px}.status-badges{flex-direction:row;justify-content:space-between;width:100%}.status-badges,.subject-info{align-items:flex-start}.swap-details{gap:12px}.class-card{padding:14px}.arrow-icon{font-size:28px}}@media (min-width:481px) and (max-width:768px){.my-request-container{padding:12px}.section-header-request{align-items:flex-start;flex-direction:column;gap:8px}.request-card{margin-bottom:16px;padding:16px}.user-info{gap:12px}.avatar{height:40px;width:40px}.user-details h3{font-size:15px}.user-details p{font-size:13px}.swap-details{gap:8px;margin-bottom:16px}.swap-section h4{font-size:12px;margin-bottom:8px}.swap-arrow{padding:0 4px}.arrow-icon{font-size:20px}.class-card{padding:10px}.class-code{font-size:14px;margin-bottom:2px}.subject-small{font-size:11px;margin-bottom:8px}.class-info{font-size:11px}.class-info>div{margin-bottom:2px}.schedule{font-size:10px}.action-buttons-matching{justify-content:stretch}.btn-message-matching,.btn-message-matching-accept,.btn-message-matching-reject{flex:1 1;justify-content:center;min-width:0}}@media (min-width:376px) and (max-width:480px){.my-request-container{padding:8px}.section-header-request h3{font-size:16px}.view-all{font-size:13px}.request-card{border-radius:8px;padding:12px}.card-header{margin-bottom:12px}.user-info{gap:10px}.avatar{height:36px;width:36px}.user-details h3{font-size:14px}.user-details p{font-size:11px}.status-badges{flex-direction:column;gap:6px}.status-badge{font-size:10px;padding:4px 8px}.swap-details{gap:6px;margin-bottom:12px}.swap-section h4{font-size:11px;margin-bottom:6px}.arrow-icon{font-size:18px}.class-card{padding:8px}.class-code{font-size:13px;margin-bottom:2px}.subject-small{font-size:10px;margin-bottom:6px}.class-info{font-size:10px;line-height:1.4}.schedule{font-size:9px;margin-top:2px}.action-buttons-matching{flex-direction:column;gap:8px}.btn-message-matching,.btn-message-matching-accept,.btn-message-matching-reject{font-size:12px;padding:10px 12px;width:100%}.btn-message-matching svg,.btn-message-matching-accept svg,.btn-message-matching-reject svg{display:none}}@media (max-width:375px){.section-header-request h3{font-size:15px}.request-card{padding:10px}.user-details h3{font-size:13px}.avatar{height:32px;width:32px}.swap-section h4{font-size:10px;margin-bottom:4px}.arrow-icon{font-size:16px}.class-card{padding:6px}.class-code{font-size:12px}.subject-small{font-size:9px;margin-bottom:4px}.class-info{font-size:9px}.schedule{font-size:8px}.btn-message-matching,.btn-message-matching-accept,.btn-message-matching-reject{font-size:11px;padding:10px 12px}}.filter-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:1240px;padding:20px;width:100%}.filter-form{display:flex;flex-direction:column;gap:20px}.filter-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.input-filter{height:40px;margin:10px 0;width:100%}.form-group-filter{display:flex;flex-direction:column}.form-group-filter label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.ant-select-item-option-active{background-color:#f5f5f5!important}.ant-select-item-option-selected{background-color:#0c326f!important;color:#fff!important;font-weight:500}.form-group-filter input,.form-group-filter select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group-filter input:focus,.form-group-filter select:focus{border-color:#4a90e2;outline:none}.form-group-filter input::placeholder{color:#999}.button-form-actions-filter{display:flex;gap:10px;justify-content:flex-start;margin-top:10px}.delete-btn,.search-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.search-btn{background-color:#0c326f;color:#fff}.delete-btn{background-color:#f5f5f5;color:#000}.delete-btn:hover,.search-btn:hover{transform:translateY(-2px)}.search-btn:hover{box-shadow:0 4px 8px #0c326f4d}.delete-btn:hover{box-shadow:0 4px 8px #0000001a}@media (min-width:1920px){.filter-section{max-width:1600px;padding:28px}.filter-form-row{gap:24px}.input-filter{height:44px}.form-group-filter input,.form-group-filter label,.form-group-filter select{font-size:15px}.delete-btn,.search-btn{font-size:15px;padding:12px 18px}}@media (min-width:1201px) and (max-width:1919px){.filter-section{max-width:1240px;padding:24px}.filter-form-row{gap:20px;grid-template-columns:repeat(5,1fr)}.input-filter{height:40px}}@media (min-width:1025px) and (max-width:1200px){.filter-section{max-width:100%;padding:20px}.filter-form-row{gap:16px;grid-template-columns:repeat(3,1fr)}.input-filter{height:38px;margin:8px 0}.form-group-filter input,.form-group-filter label,.form-group-filter select{font-size:13px}}@media (min-width:769px) and (max-width:1024px){.filter-section{margin:16px auto;padding:18px;width:calc(100% - 32px)}.filter-form-row{gap:14px;grid-template-columns:repeat(2,1fr)}.input-filter{height:38px;margin:8px 0}.form-group-filter label{font-size:13px;margin-bottom:5px}.form-group-filter input,.form-group-filter select{font-size:13px;padding:9px 11px}.button-form-actions-filter{margin-top:8px}.delete-btn,.search-btn{font-size:13px;padding:10px 15px}}@media (min-width:481px) and (max-width:768px){.filter-section{border-radius:6px;margin:14px auto;padding:16px;width:calc(100% - 28px)}.filter-form-row{gap:12px;grid-template-columns:repeat(2,1fr)}.input-filter{height:36px;margin:6px 0}.form-group-filter label{font-size:12px;margin-bottom:4px}.form-group-filter input,.form-group-filter select{font-size:12px;padding:8px 10px}.button-form-actions-filter{flex-direction:column;gap:10px;grid-column:span 2;margin-top:8px}.delete-btn,.search-btn{font-size:13px;justify-content:center;padding:10px 14px;width:100%}}@media (min-width:376px) and (max-width:480px){.filter-section{border-radius:6px;margin:12px auto;padding:14px;width:calc(100% - 24px)}.filter-form-row{gap:10px;grid-template-columns:1fr}.input-filter{height:34px;margin:5px 0}.form-group-filter label{font-size:11px;margin-bottom:3px}.form-group-filter input,.form-group-filter select{font-size:12px;padding:7px 9px}.form-group-filter input::placeholder{font-size:11px}.button-form-actions-filter{flex-direction:column;gap:8px;grid-column:span 1;margin-top:6px}.delete-btn,.search-btn{font-size:12px;padding:9px 12px;width:100%}.delete-btn svg,.search-btn svg{height:14px;width:14px}}@media (max-width:375px){.filter-section{border-radius:6px;margin:10px auto;padding:12px;width:calc(100% - 20px)}.filter-form-row{gap:8px;grid-template-columns:1fr}.input-filter{height:32px;margin:4px 0}.form-group-filter label{font-size:10px;margin-bottom:2px}.form-group-filter input,.form-group-filter select{border-radius:3px;font-size:11px;padding:6px 8px}.form-group-filter input::placeholder{font-size:10px}.button-form-actions-filter{flex-direction:column;gap:6px;grid-column:span 1;margin-top:4px}.delete-btn,.search-btn{border-radius:5px;font-size:11px;padding:8px 10px;width:100%}.delete-btn svg,.search-btn svg{height:12px;width:12px}}.confirm-delete-modal .ant-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.confirm-delete-modal .ant-btn{font-weight:500;height:36px;min-width:80px}.confirm-delete-content{align-items:flex-start;display:flex;gap:16px}.confirm-icon{color:#f5222d;flex-shrink:0;font-size:28px}.confirm-texts{flex:1 1}.confirm-title{color:#1f1f1f;font-size:18px;font-weight:600;margin:0 0 4px}.confirm-desc{color:#595959;font-size:15px;margin:0}.cancel-confirm-btn,.delete-confirm-btn{border:none!important;box-shadow:none!important}.delete-confirm-btn{background:#ff2424;color:#fff}.delete-confirm-btn:hover{background:#ff2424!important;color:#fff!important;transform:translateY(-2px)}.cancel-confirm-btn{background-color:#e2e2e2;color:#1f1f1f}.cancel-confirm-btn:hover{background-color:#e2e2e2!important;color:#1f1f1f!important;transform:translateY(-2px)}.pagination{gap:12px;margin:40px auto;padding:20px;width:80%}.nav-btn,.pagination{align-items:center;display:flex;justify-content:center}.nav-btn{background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;height:48px;padding:0;transition:all .2s ease;width:48px}.nav-btn:hover:not(:disabled){background:#f5f5f5;color:#333}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.nav-btn:disabled:hover{background:#0000}.page-numbers{gap:6px}.page-btn,.page-numbers{align-items:center;display:flex}.page-btn{background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;font-size:16px;font-weight:500;height:48px;justify-content:center;transition:all .2s ease;width:48px}.page-btn:hover{background:#f5f5f5;color:#333}.page-btn.active{background:#0c326f;color:#fff;font-weight:600}.page-btn.active:hover{background:#50617d}.dots{align-items:center;color:#999;display:flex;font-size:16px;height:48px;padding:0 10px}.my-request-container{margin:0 auto;padding:20px 0;width:100%}.section-header-request{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.section-header-request h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.request-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:24px;transition:box-shadow .2s ease}.request-card:hover{box-shadow:0 4px 12px #0000001f}.card-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.user-info{display:flex;flex:1 1;gap:16px}.avatar{height:48px;overflow:hidden;width:48px}.avatar img{height:100%;object-fit:cover;width:100%}.user-details h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.user-details p{color:#666;font-size:14px;margin:2px 0}.time{color:#999;display:block;font-size:12px;margin-top:8px}.status-badges{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.status-badge{border-radius:6px;font-size:13px;font-weight:500;padding:6px 12px;text-transform:uppercase}.status-badge.pending{background-color:#fff3cd;color:#856404}.subject-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.subject-label{color:#666;font-size:12px}.subject-code{color:#0c326f;font-size:14px;font-weight:600}.swap-details{align-items:center;display:flex;gap:24px;margin-bottom:24px}.swap-section{flex:1 1}.swap-section h4{color:#666;font-size:14px;font-weight:600;margin:0 0 12px}.class-card{background:#f8f9fa;border-left:4px solid #ddd;border-radius:8px;padding:16px}.class-card.want-swap{background:#fff5f5;border-left-color:#ff6b6b}.class-card.your-class{background:#f0fdf4;border-left-color:#4caf50}.class-code{color:#1a1a1a;font-size:18px;font-weight:700;margin-bottom:4px}.subject-small{color:#666;font-size:13px;margin-bottom:12px}.class-info{color:#333;font-size:14px;line-height:1.6}.schedule{color:#0c326f;font-weight:500;margin-top:4px}.swap-arrow{flex-shrink:0}.arrow-icon{color:#0c326f;font-size:32px;font-weight:700}.action-buttons-matching{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.btn-message-matching,.btn-message-matching-accept,.btn-message-matching-reject{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-message-matching{background-color:#0c326f;color:#fff}.btn-message-matching:hover{box-shadow:0 4px 8px #0c326f4d;transform:translateY(-2px)}.btn-message-matching-accept{background-color:#4caf50;color:#fff}.btn-message-matching-accept:hover{box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.btn-message-matching-reject{background-color:#c02020;color:#fff}.btn-message-matching-reject:hover{box-shadow:0 4px 8px #c020204d;transform:translateY(-2px)}@media (max-width:768px){.my-request-container{padding:12px}.section-header-request{align-items:flex-start;flex-direction:column;gap:8px}.request-card{margin-bottom:16px;padding:12px}.card-header{gap:10px;margin-bottom:10px}.user-info{gap:8px}.avatar{height:36px;width:36px}.user-details h3{font-size:13px;margin-bottom:2px}.user-details p{font-size:10px;margin:1px 0}.time{font-size:9px;margin-top:4px}.status-badges{gap:6px}.status-badge{font-size:9px;padding:4px 8px}.subject-label{font-size:9px}.subject-code{font-size:10px}.swap-details{gap:6px;margin-bottom:16px}.swap-section{flex:1 1;min-width:0}.swap-section h4{font-size:11px;margin-bottom:6px}.swap-arrow{padding:0 2px}.arrow-icon svg{height:20px;width:20px}.class-card{padding:8px}.class-code{font-size:13px;margin-bottom:2px}.subject-small{font-size:10px;margin-bottom:6px}.class-info{font-size:10px;line-height:1.4}.class-info>div{margin-bottom:2px}.schedule{font-size:9px}.action-buttons-matching{justify-content:stretch}.btn-message-matching,.btn-message-matching-accept,.btn-message-matching-reject{flex:1 1;justify-content:center;min-width:0}}@media (max-width:480px){.my-request-container{padding:8px}.section-header-request h3{font-size:16px}.view-all{font-size:13px}.request-card{border-radius:8px;padding:12px}.card-header{margin-bottom:12px}.user-info{gap:10px}.avatar{height:36px;width:36px}.user-details h3{font-size:14px}.user-details p{font-size:11px}.status-badges{flex-direction:column;gap:6px}.status-badge{font-size:10px;padding:4px 8px}.swap-details{gap:6px;margin-bottom:12px}.swap-section h4{font-size:11px;margin-bottom:6px}.arrow-icon{font-size:18px}.class-card{padding:8px}.class-code{font-size:13px;margin-bottom:2px}.subject-small{font-size:10px;margin-bottom:6px}.class-info{font-size:10px;line-height:1.4}.schedule{font-size:9px;margin-top:2px}.action-buttons-matching{flex-direction:column;gap:8px}.btn-message-matching,.btn-message-matching-accept,.btn-message-matching-reject{font-size:12px;padding:10px 12px;width:100%}.btn-message-matching svg,.btn-message-matching-accept svg,.btn-message-matching-reject svg{display:none}}@media (max-width:375px){.section-header-request h3{font-size:15px}.request-card{padding:8px}.user-details h3{font-size:12px}.user-details p{font-size:9px}.avatar{height:28px;width:28px}.subject-label{font-size:7px}.subject-code{font-size:8px;line-height:1.2}.swap-details{gap:3px}.swap-section{flex:1 1;min-width:0}.swap-section h4{font-size:9px;margin-bottom:3px}.swap-arrow{padding:0 1px}.arrow-icon svg{height:14px;width:14px}.class-card{padding:5px}.class-code{font-size:11px}.subject-small{font-size:8px;margin-bottom:3px}.class-info{font-size:8px}.schedule{font-size:7px}.btn-message-matching,.btn-message-matching-accept,.btn-message-matching-reject{font-size:10px;padding:9px 10px}}.action-buttons-request-news-feed{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-message-news-feed{align-items:center;background-color:#0c326f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-message-news-feed:hover{transform:translateY(-2px)}@media (min-width:1440px){.my-request-container{max-width:1400px}.request-card{padding:28px}}@media (min-width:1920px){.my-request-container{max-width:1600px}}@media (max-width:1200px){.my-request-container{padding:16px}.request-card{padding:20px}.swap-details{gap:16px}}@media (max-width:1024px){.section-header-request h3{font-size:18px}.card-header{flex-direction:column;gap:16px}.status-badges{flex-direction:row;justify-content:space-between;width:100%}.status-badges,.subject-info{align-items:flex-start}.swap-details{gap:12px}.class-card{padding:14px}.arrow-icon{font-size:28px}}@media (max-width:768px){.my-request-container{padding:12px}.section-header-request{align-items:flex-start;flex-direction:column;gap:8px}.request-card{margin-bottom:16px;padding:12px}.card-header{gap:10px;margin-bottom:10px}.user-info{gap:8px}.avatar{height:36px;width:36px}.user-details h3{font-size:13px;margin-bottom:2px}.user-details p{font-size:10px;margin:1px 0}.time{font-size:9px;margin-top:4px}.status-badges{gap:6px}.status-badge{font-size:9px;padding:4px 8px}.subject-label{font-size:9px}.subject-code{font-size:10px}.swap-details{gap:6px;margin-bottom:16px}.swap-section{flex:1 1;min-width:0}.swap-section h4{font-size:11px;margin-bottom:6px}.swap-arrow{padding:0 2px}.arrow-icon svg{height:20px;width:20px}.class-card{padding:8px}.class-code{font-size:13px;margin-bottom:2px}.subject-small{font-size:10px;margin-bottom:6px}.class-info{font-size:10px;line-height:1.4}.class-info>div{margin-bottom:2px}.schedule{font-size:9px}}@media (max-width:480px){.my-request-container{padding:8px}.section-header-request h3{font-size:16px}.view-all{font-size:13px}.request-card{border-radius:8px;padding:12px}.card-header{margin-bottom:12px}.user-info{gap:10px}.avatar{height:36px;width:36px}.user-details h3{font-size:14px}.user-details p{font-size:11px}.status-badges{flex-direction:column;gap:6px}.status-badge{font-size:10px;padding:4px 8px}.swap-details{gap:6px;margin-bottom:12px}.swap-section h4{font-size:11px;margin-bottom:6px}.arrow-icon{font-size:18px}.class-card{padding:8px}.class-code{font-size:13px;margin-bottom:2px}.subject-small{font-size:10px;margin-bottom:6px}.class-info{font-size:10px;line-height:1.4}.schedule{font-size:9px;margin-top:2px}}@media (max-width:375px){.section-header-request h3{font-size:15px}.request-card{padding:8px}.user-details h3{font-size:12px}.user-details p{font-size:9px}.avatar{height:28px;width:28px}.subject-label{font-size:7px}.subject-code{font-size:8px;line-height:1.2}.swap-details{gap:3px}.swap-section{flex:1 1;min-width:0}.swap-section h4{font-size:9px;margin-bottom:3px}.swap-arrow{padding:0 1px}.arrow-icon svg{height:14px;width:14px}.class-card{padding:5px}.class-code{font-size:11px}.subject-small{font-size:8px;margin-bottom:3px}.class-info{font-size:8px}.schedule{font-size:7px}}@media (max-height:500px) and (orientation:landscape){.request-card{padding:12px}.card-header,.swap-details{margin-bottom:12px}}.create-swap-page{background-color:#f8f9fa;min-height:100vh}.create-swap-main-content{margin:0 50px 0 130px;padding:20px}.swap-form{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-left:auto;margin-right:auto;margin-top:100px;max-width:1200px;padding:40px}.subject-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:28px}.two-column-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.form-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px}.current-class-section,.desired-class-section{margin-bottom:0}.reason-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:28px}.section-header-create{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.section-title{color:#1f2937;font-size:16px;margin:0}.form-group.full-width{width:100%}.slot-input-wrapper{position:relative}.slot-input-wrapper,.swap-icon{align-items:center;display:flex}.swap-icon{background:#1e3a8a;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:50px;justify-content:center;position:absolute;right:700px;top:80%;transform:translateY(-50%);width:50px}.form-label{font-size:14px;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #d1d5db;border-radius:10px;color:#374151;font-size:14px;outline:none;padding:14px 16px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{min-height:120px}.error-message{color:#ef4444;font-size:12px;gap:4px;margin-top:4px}.error-message:before{content:"⚠️";font-size:12px}.warning-message{align-items:center;background:#fef3cd;border:1px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.warning-icon{flex-shrink:0;font-size:18px}.info-section{border-radius:8px;margin-bottom:24px}.info-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.info-icon{font-size:18px}.info-title{color:#1e40af;font-weight:600}.info-list{color:#1e40af;margin:0;padding-left:20px}.info-list li{line-height:1.5;margin-bottom:8px}.button-form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:32px}.cancel-btn-create-swap,.submit-btn-create-swap{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:14px 32px;transition:all .3s ease}.cancel-btn-create-swap{background:#e2e2e2;color:#000}.cancel-btn-create-swap:hover:not(:disabled){transform:translateY(-2px)}.submit-btn-create-swap{background:#0c326f;color:#fff}.submit-btn-create-swap:hover:not(:disabled){box-shadow:0 4px 12px #1e3a8a4d;transform:translateY(-2px)}.cancel-btn-create-swap:disabled,.submit-btn-create-swap:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:375px){.create-swap-main-content{margin:0;padding:12px}.swap-form{border-radius:12px;margin-top:70px;padding:16px}.form-section,.subject-section{border-radius:10px;margin-bottom:16px;padding:16px}.two-column-layout{gap:16px;grid-template-columns:1fr}.section-header-create{margin-bottom:12px;padding-bottom:10px}.section-title{font-size:14px}.form-group{gap:6px;margin-bottom:16px}.form-label{font-size:13px;margin-bottom:4px}.form-input,.form-select,.form-textarea{border-radius:8px;font-size:16px;padding:10px 12px}.form-textarea{min-height:80px}.button-form-actions{flex-direction:column;gap:10px;padding-top:16px}.cancel-btn-create-swap,.submit-btn-create-swap{font-size:14px;min-width:0;min-width:auto;padding:12px 20px;width:100%}.swap-icon{display:none}}@media (min-width:376px) and (max-width:480px){.create-swap-main-content{margin:0;padding:16px}.swap-form{border-radius:12px;margin-top:75px;padding:20px}.form-section,.subject-section{border-radius:10px;margin-bottom:18px;padding:18px}.two-column-layout{gap:18px;grid-template-columns:1fr}.section-header-create{margin-bottom:14px;padding-bottom:12px}.section-title{font-size:15px}.form-group{gap:6px;margin-bottom:18px}.form-label{font-size:13px;margin-bottom:5px}.form-input,.form-select,.form-textarea{border-radius:8px;font-size:16px;padding:11px 14px}.form-textarea{min-height:90px}.button-form-actions{flex-direction:column;gap:12px;padding-top:18px}.cancel-btn-create-swap,.submit-btn-create-swap{font-size:14px;min-width:0;min-width:auto;padding:13px 24px;width:100%}.swap-icon{display:none}}@media (min-width:481px) and (max-width:768px){.create-swap-main-content{margin:0;padding:20px}.swap-form{border-radius:14px;margin-top:80px;padding:24px}.form-section,.subject-section{margin-bottom:20px;padding:20px}.two-column-layout{gap:20px;grid-template-columns:1fr}.section-header-create{margin-bottom:16px;padding-bottom:12px}.section-title{font-size:15px}.form-group{gap:7px;margin-bottom:18px}.form-label{font-size:14px;margin-bottom:5px}.form-input,.form-select,.form-textarea{border-radius:9px;font-size:15px;padding:12px 16px}.form-textarea{min-height:100px}.button-form-actions{flex-direction:row;gap:14px;justify-content:flex-end;padding-top:20px}.cancel-btn-create-swap,.submit-btn-create-swap{min-width:130px;padding:13px 26px}.swap-icon{display:none}}@media (min-width:769px) and (max-width:1024px){.create-swap-main-content{margin:0 20px;padding:24px}.swap-form{border-radius:14px;margin-top:85px;padding:30px}.form-section,.subject-section{margin-bottom:24px;padding:24px}.two-column-layout{gap:24px;grid-template-columns:1fr}.section-header-create{margin-bottom:18px;padding-bottom:14px}.section-title{font-size:16px}.form-group{gap:7px;margin-bottom:20px}.form-label{font-size:14px;margin-bottom:6px}.form-input,.form-select,.form-textarea{border-radius:9px;padding:13px 16px}.form-textarea{min-height:110px}.button-form-actions{gap:16px;justify-content:flex-end;padding-top:24px}.cancel-btn-create-swap,.submit-btn-create-swap{min-width:140px;padding:13px 28px}.swap-icon{display:none}}@media (min-width:1025px) and (max-width:1200px){.create-swap-main-content{margin:0 30px 0 100px;padding:20px}.swap-form{border-radius:15px;margin-top:90px;max-width:1100px;padding:32px}.two-column-layout{gap:24px;grid-template-columns:1fr 1fr}.form-section,.subject-section{margin-bottom:24px;padding:24px}.section-header-create{margin-bottom:20px;padding-bottom:14px}.form-group{gap:7px;margin-bottom:20px}.form-label{margin-bottom:6px}.form-input,.form-select,.form-textarea{border-radius:9px;padding:13px 16px}.form-textarea{min-height:110px}.button-form-actions{gap:16px;padding-top:28px}.cancel-btn-create-swap,.submit-btn-create-swap{min-width:135px;padding:14px 30px}}@media (min-width:1201px) and (max-width:1919px){.create-swap-main-content{margin:0 50px 0 130px;padding:20px}.swap-form{border-radius:16px;margin-left:auto;margin-right:auto;margin-top:95px;max-width:1200px;padding:38px}.two-column-layout{gap:30px;grid-template-columns:1fr 1fr}.subject-section{margin-bottom:30px;padding:28px}.form-section{padding:28px}.form-group{gap:8px;margin-bottom:22px}.form-label{margin-bottom:6px}.form-input,.form-select,.form-textarea{border-radius:10px;padding:14px 16px}.form-textarea{min-height:115px}.button-form-actions{gap:16px;padding-top:30px}.cancel-btn-create-swap,.submit-btn-create-swap{min-width:140px;padding:14px 32px}}@media (min-width:1920px){.create-swap-main-content{margin:0 auto;max-width:1800px;padding:24px}.swap-form{margin-left:auto;margin-right:auto;margin-top:100px;max-width:1600px;padding:40px}.two-column-layout{gap:32px;grid-template-columns:1fr 1fr}.form-section,.subject-section{padding:28px}.section-title{font-size:17px}.form-label{font-size:15px}.form-input,.form-select,.form-textarea{font-size:15px;padding:14px 18px}.button-form-actions{gap:18px;padding-top:28px}.cancel-btn-create-swap,.submit-btn-create-swap{font-size:15px;padding:15px 32px}}.chat-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;font-family:inherit;height:calc(100vh - 100px);isolation:isolate;margin:130px 20px 20px 0;max-width:1300px;overflow:hidden;position:relative;width:100%;z-index:1}.chat-container,.chat-container *,.chat-container :after,.chat-container :before{box-sizing:border-box}.chat-sidebar{border-right:1px solid #e0e0e0;display:flex;flex-direction:column;position:relative;width:350px}.chat-sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.chat-sidebar-header h2{margin:0}.chat-sidebar-header h2,.title-message{color:#333;font-size:20px;font-weight:600}.title-message{margin:30px 0 15px 20px}.chat-tabs{display:flex;padding:0 20px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s}.tab-btn.active{border-bottom-color:#0c326f;color:#0c326f;font-weight:500}.search-box-message{padding:10px 20px}.search-box-message input{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;width:100%}.search-box-message input:focus{border-color:#0c326f}.chat-list{flex:1 1;overflow-y:auto}.chat-item{cursor:pointer;transition:background-color .2s}.chat-item div{align-items:center;display:flex;padding:10px;position:relative}.conversationAvatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.conversationName{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;margin-left:20px;position:relative}.conversation-unread-badge{animation:pulse 2s infinite;background-color:#dc3545;border-radius:50%;flex-shrink:0;height:10px;width:10px}.conversation-unread-count{align-items:center;background-color:#dc3545;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.chat-item:hover{background-color:#f8f9fa;border-radius:10px}.chat-item.active{background-color:#e3f2fd;border-right:3px solid #0c326f}.items-conversation{margin-left:20px}.note{align-items:center;display:flex;height:100%;justify-content:center}.note h3{color:#666;font-size:16px}.chat-window{display:flex;flex:1 1;flex-direction:column}.chat-conversation-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:20px}.chat-conversation-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.messages-container{background-color:#f4f4f4;flex:1 1;gap:16px;overflow-y:auto;padding:20px}.message,.messages-container{display:flex;flex-direction:column}.message{max-width:70%}.message.own{align-items:flex-end;align-self:flex-end}.message.other{align-items:flex-start;align-self:flex-start}.message-content{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.4;padding:12px 16px}.message.own .message-content{background-color:#0c326f;color:#fff}.message.other .message-content{background-color:#fff;color:#333}.message-time{color:#999;font-size:11px;margin-top:4px}.message-input{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:20px;position:relative}.attach-btn,.emoji-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:16px;height:36px;transition:background-color .2s;width:36px}.attach-btn:hover,.emoji-btn:hover{background-color:#f0f0f0}.message-input input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 16px}.message-input input:focus{border-color:#0c326f}.emoji-picker-container{bottom:70px;position:absolute;right:20px;z-index:1000}.send-btn{align-items:center;background-color:#0c326f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.send-btn:hover{background-color:#0a2857}@media (max-width:375px){.chat-container{border-radius:0;height:100vh;left:0;margin:0;position:fixed;top:0;width:100vw}.chat-sidebar{background:#fff;border-right:none;bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.chat-sidebar.hide-on-mobile{display:none}.title-message{font-size:18px;margin:70px 0 10px 12px}.search-box-message{padding:8px 12px}.search-box-message input{font-size:13px;padding:8px 10px}.chat-list{height:calc(100vh - 180px);overflow-y:auto}.chat-item div{padding:8px 12px}.conversationAvatar{height:40px;width:40px}.conversationName{font-size:13px;margin-left:12px}.chat-window{background:#fff;bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:2}.chat-window.show-on-mobile{display:flex}.chat-conversation-header{gap:12px;margin-top:70px;padding:14px;position:relative}.mobile-back-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.chat-conversation-header h3{font-size:14px}.chat-conversation-header .conversationAvatar{height:36px;width:36px}.messages-container{gap:12px;height:calc(100vh - 140px);padding:12px}.message{max-width:85%}.message-content{font-size:13px;padding:10px 14px}.message-time{font-size:10px}.message-input{gap:8px;padding:12px}.message-input input{font-size:13px;padding:8px 12px}.emoji-btn,.send-btn{height:32px;width:32px}.emoji-picker-container{bottom:60px;right:10px}.EmojiPickerReact{height:350px!important;width:280px!important}}@media (min-width:376px) and (max-width:480px){.chat-container{border-radius:0;height:100vh;left:0;margin:0;position:fixed;top:0;width:100vw}.chat-sidebar{background:#fff;border-right:none;bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.chat-sidebar.hide-on-mobile{display:none}.title-message{font-size:19px;margin:70px 0 12px 14px}.search-box-message{padding:10px 14px}.chat-list{height:calc(100vh - 200px);overflow-y:auto}.conversationAvatar{height:44px;width:44px}.conversationName{font-size:14px;margin-left:14px}.chat-window{background:#fff;bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:2}.chat-window.show-on-mobile{display:flex}.mobile-back-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;width:34px}.chat-conversation-header{margin-top:60px;padding:16px}.messages-container{height:calc(100vh - 150px);padding:14px}.message{max-width:80%}.message-input{padding:14px}.EmojiPickerReact{height:380px!important;width:300px!important}}@media (min-width:481px) and (max-width:768px){.chat-container{height:calc(100vh - 90px);margin:80px 10px 10px;width:calc(100vw - 20px)}.chat-sidebar{width:280px}.title-message{font-size:19px;margin:20px 0 12px 16px}.conversationAvatar{height:46px;width:46px}.chat-conversation-header{padding:18px}.messages-container{padding:16px}.message{max-width:75%}}@media (min-width:769px) and (max-width:1024px){.chat-container{height:calc(100vh - 102px);margin:90px 12px 12px;width:calc(100vw - 24px)}.chat-sidebar{width:300px}.title-message{margin:24px 0 14px 18px}.conversationAvatar{height:48px;width:48px}.messages-container{padding:18px}}@media (min-width:1025px) and (max-width:1200px){.chat-container{margin:100px 16px 16px 0;max-width:1100px}.chat-sidebar{width:320px}}@media (min-width:1201px) and (max-width:1919px){.chat-container{margin:130px 20px 20px 0;max-width:1300px}.chat-sidebar{width:350px}}@media (min-width:1920px){.chat-container{margin-left:40px;max-width:1600px}.chat-sidebar{width:380px}.title-message{font-size:22px;margin:32px 0 16px 24px}.conversationAvatar{height:54px;width:54px}.conversationName{font-size:15px;margin-left:24px}.chat-conversation-header{padding:24px}.chat-conversation-header h3{font-size:18px}.messages-container{gap:18px;padding:24px}.message-content{font-size:15px;padding:14px 18px}.message-time{font-size:12px}.message-input{gap:14px;padding:24px}.message-input input{font-size:15px;padding:12px 18px}.emoji-btn,.send-btn{height:40px;width:40px}}.message-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin:0;position:fixed;top:0;width:100vw}.main-content-message{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-left:150px;overflow-y:auto;padding:0;width:calc(100vw - 150px)}@media (max-width:375px){.main-content-message{margin-left:0;margin-top:0;padding:0;width:100vw}}@media (min-width:376px) and (max-width:480px){.main-content-message{margin-left:0;margin-top:0;padding:0;width:100vw}}@media (min-width:481px) and (max-width:768px){.main-content-message{margin-left:0;margin-top:64px;width:100vw}}@media (min-width:769px) and (max-width:1024px){.main-content-message{margin-left:0;margin-top:70px;width:100vw}}@media (min-width:1025px) and (max-width:1200px){.main-content-message{margin-left:100px;width:calc(100vw - 100px)}}@media (min-width:1201px) and (max-width:1919px){.main-content-message{margin-left:150px;width:calc(100vw - 150px)}}@media (min-width:1920px){.main-content-message{margin-left:150px;max-width:1770px;width:calc(100vw - 150px)}}.empty-state{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;justify-content:center;margin:40px 20px;min-height:400px;overflow:hidden;padding:60px 40px}.empty-state,.empty-state-content{align-items:center;display:flex;flex-direction:column;position:relative}.empty-state-content{max-width:500px;text-align:center;z-index:2}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#cbd5e0,#a0aec0);border-radius:50%;box-shadow:0 10px 30px #0000001a;color:#718096;display:flex;height:120px;justify-content:center;margin-bottom:32px;width:120px}.empty-state-icon svg{height:64px;width:64px}.empty-state-text{margin-bottom:32px}.empty-state-title{color:#2d3748;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 12px}.empty-state-subtitle{color:#718096;font-size:16px;font-weight:500;line-height:1.5;margin:0 0 20px}.empty-state-description{color:#a0aec0;font-size:15px;font-weight:400;line-height:1.6;margin:0}.empty-state-button{align-items:center;background:linear-gradient(135deg,#1853aa,#0d3675);border:none;border-radius:12px;box-shadow:0 8px 25px #1853aa4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.empty-state-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.empty-state-button:hover{box-shadow:0 12px 35px #1853aa66;transform:translateY(-2px)}.empty-state-button:hover:before{left:100%}.empty-state-button:active{transform:translateY(0)}.empty-state-button svg{flex-shrink:0}.empty-state-decoration{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.decoration-circle{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;position:absolute}.decoration-circle-1{animation-delay:0s;height:100px;right:15%;top:10%;width:100px}.decoration-circle-2{animation-delay:2s;bottom:20%;height:60px;left:10%;width:60px}.decoration-circle-3{animation-delay:4s;height:80px;right:10%;top:60%;width:80px}@media (max-width:768px){.empty-state{margin:30px 16px;min-height:350px;padding:40px 24px}.empty-state-icon{height:100px;margin-bottom:24px;width:100px}.empty-state-icon svg{height:50px;width:50px}.empty-state-title{font-size:24px}.empty-state-subtitle{font-size:15px}.empty-state-description{font-size:14px}.empty-state-button{font-size:15px;padding:14px 28px}.decoration-circle-1{height:80px;width:80px}.decoration-circle-2{height:50px;width:50px}.decoration-circle-3{height:60px;width:60px}}@media (max-width:480px){.empty-state{min-height:300px;padding:32px 20px}.empty-state-icon{height:80px;margin-bottom:20px;width:80px}.empty-state-icon svg{height:40px;width:40px}.empty-state-title{font-size:20px;margin-bottom:8px}.empty-state-subtitle{font-size:14px;margin-bottom:16px}.empty-state-description{font-size:13px}.empty-state-button{font-size:14px;gap:8px;padding:12px 24px}.empty-state-text{margin-bottom:24px}}.empty-state.theme-minimal{background:#fff;border:2px dashed #e2e8f0}.empty-state.theme-minimal .empty-state-icon{background:#f7fafc;box-shadow:none;color:#a0aec0}.empty-state.theme-dark{background:linear-gradient(135deg,#2d3748,#1a202c)}.empty-state.theme-dark .empty-state-title{color:#fff}.empty-state.theme-dark .empty-state-subtitle{color:#cbd5e0}.empty-state.theme-dark .empty-state-description{color:#a0aec0}.empty-state.theme-dark .empty-state-icon{background:linear-gradient(135deg,#4a5568,#2d3748);color:#cbd5e0}.teacher-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;flex:1 1 300px;flex-direction:column;max-width:400px;min-width:280px;overflow:hidden;padding:0;transition:all .2s ease;width:400px}.btn-bookmark.active .bookmark-icon{stroke:#df8f34;fill:#df8f34}.teacher-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.teacher-card-top{background:linear-gradient(135deg,#544661,#343d67 50%,#14346e);flex:1 1;padding:28px 24px}.teacher-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.teacher-avatar-container{position:relative}.teacher-avatar{border:3px solid #fff;box-shadow:0 2px 8px #0000001a;height:72px;object-fit:cover;width:72px}.online-indicator{bottom:4px;height:16px;right:4px;width:16px}.teacher-rating-badge{align-items:center;background:#10b981;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 14px}.badge-star{color:#ffc107;height:16px;width:16px}.teacher-info{margin-bottom:0}.teacher-card-bottom{background:#fff;flex:1.2 1;padding:24px}.teacher-namee{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.teacher-usernamee{color:#fff;font-size:15px;margin:0 0 12px}.teacher-courses{color:#666;font-size:15px;margin:0}.teacher-rating-section{margin-bottom:16px}.rating-stars{align-items:center;display:flex;font-size:14px;gap:8px}.stars-container{display:flex;gap:2px}.rating-star{color:#ffc107;height:16px;width:16px}.rating-star[fill=currentColor]{fill:#ffc107}.rating-text{color:#1da078;font-weight:700;margin-left:8px}.review-count{color:#777;font-size:13px;margin-left:auto}.progress-section{margin-bottom:16px}.progress-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.progress-label{color:#666;font-size:13px;min-width:60px}.progress-bar-container{background:#eee;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.progress-bar.green{background:#4bd8a5}.progress-bar.gray{background:#a1aec1}.progress-value{color:#777;font-size:13px;min-width:30px;text-align:right}.teacher-stats{display:flex;gap:8px;margin-bottom:16px}.stat{background:#f3f6fa;border-radius:8px;flex:1 1;padding:10px;text-align:center}.stat-number{color:#333;display:block;font-size:20px;font-weight:700}.stat-label{color:#666;font-size:13px;margin:4px 0 0}.teacher-card-footer{display:flex;gap:8px;margin-top:auto}.btn-rate,.btn-view{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;height:44px;justify-content:center;transition:background-color .2s ease}.btn-rate{background:#0c326f;color:#fff;gap:6px}.btn-rate:hover{background:#50617d}.btn-view{background:#f3f6fa;color:#666}.btn-view:hover{background:#e0e0e0}.btn-eye{padding-right:4px}@media (max-width:375px){.teacher-card{min-height:280px;width:100%}.teacher-card-top{padding:20px 16px}.teacher-card-bottom{padding:16px}.teacher-namee{font-size:20px}.teacher-usernamee{font-size:13px}.stat-number{font-size:16px}.stat-label{font-size:11px}.teacher-card-footer{flex-direction:column;gap:8px}.btn-rate,.btn-view{flex:initial;font-size:13px;height:40px}}@media (min-width:376px) and (max-width:480px){.teacher-card{min-height:300px;width:100%}.teacher-card-top{padding:22px 18px}.teacher-card-bottom{padding:18px}.teacher-namee{font-size:22px}.teacher-usernamee{font-size:14px}.stat-number{font-size:18px}.stat-label{font-size:12px}.teacher-card-footer{flex-direction:column;gap:10px}.btn-rate,.btn-view{flex:initial;font-size:13px;height:42px}}@media (min-width:481px) and (max-width:768px){.teacher-card{min-height:300px;width:48%}.teacher-card-footer{flex-direction:row}}@media (min-width:769px) and (max-width:1024px){.teacher-card{width:31%}}@media (min-width:1025px) and (max-width:1200px){.teacher-card{width:30%}}@media (min-width:1201px) and (max-width:1919px){.teacher-card{width:25%}}@media (min-width:1920px){.teacher-card{width:20%}}.teacher-page-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.teacher-filter{background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;font-family:Inter,sans-serif;margin:20px;padding:20px;width:93%}.tabs{cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:24px;margin-bottom:10px}.tab{color:#444;padding-bottom:8px}.tab.active,.tab.rated{border-bottom:2px solid #0d47a1;color:#0d47a1}.divider{border:none;border-top:1px solid #eee;margin-bottom:20px}.filterr-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:10px;margin-top:10px}.form-group{color:#333;font-size:14px;gap:6px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px}.form-group input:focus,.form-group select:focus{border-color:#0d47a1}.actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.sort-section{display:flex;flex-direction:column;gap:8px}.sort-label{color:#333;font-size:14px;font-weight:500}.dropdown-trigger{height:42px;padding:12px}.buttons{display:flex;gap:12px}.sort-label{color:#374151;font-size:16px;font-weight:600}@media (max-width:375px){.teacher-filter{margin:10px auto;padding:12px;width:95%}.tabs{font-size:13px}.filterr-grid,.tabs{gap:12px}.dropdown-trigger,.form-group input,.form-group select{font-size:13px;height:38px;padding:10px}.btn-clear,.btn-search{justify-content:center;width:100%}}@media (min-width:376px) and (max-width:480px){.teacher-filter{margin:12px auto;padding:14px;width:95%}.tabs{font-size:14px}.filterr-grid,.tabs{gap:16px}.dropdown-trigger,.form-group input,.form-group select{font-size:14px;height:40px;padding:12px}.btn-clear,.btn-search{justify-content:center;width:100%}}@media (min-width:481px) and (max-width:768px){.teacher-filter{margin:15px auto;padding:16px;width:90%}.tabs{font-size:15px;gap:20px}.filterr-grid{gap:18px}.dropdown-trigger,.form-group input,.form-group select{font-size:14px;height:42px;padding:14px}.buttons{flex-direction:column;gap:12px}.btn-clear,.btn-search{width:100%}}@media (min-width:769px) and (max-width:1024px){.teacher-filter{margin:20px auto;padding:18px;width:85%}.tabs{font-size:15px;gap:20px}}@media (min-width:1025px) and (max-width:1200px){.teacher-filter{margin:20px auto;width:80%}}@media (min-width:1201px) and (max-width:1919px){.teacher-filter{margin:20px auto;width:80%}}@media (min-width:1920px){.teacher-filter{margin:20px auto;width:70%}}.teachers-page{box-sizing:border-box;flex:1 1;margin-left:4rem;margin-top:97px;padding:20px;transition:margin-left .3s ease}.sidebar-expanded .teachers-page{margin-left:260px}@media (max-width:1024px){.teachers-page{margin-left:0}}.teachers-page-components .rating-text,.teachers-page-components .stat-label{color:#666}.teachers-page-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:0}.teachers-page-components{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;padding:0;width:100%}.h1{color:#333;font-size:25px;font-weight:700;margin:5px 20px 5px 5px}.my-reviews-container{gap:16px}.my-reviews-container,.teacher-card-list{display:flex;flex-direction:column;width:100%}.teacher-card-list{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px}.teachers-page-components[data-tab=rated] .teacher-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1 300px;flex-direction:column;max-width:400px;min-height:300px;overflow:hidden;padding:0;transition:all .2s ease;width:400px}.my-review-list{gap:16px;overflow-x:auto;padding:8px 8px 8px 0;scroll-snap-type:x mandatory;width:100%}.my-review-card{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex:0 0 280px;gap:12px;margin-bottom:8px;padding:12px 12px 12px 16px;position:relative;scroll-snap-align:start;transition:.2s}.my-review-card:hover{background:#f9f9f9;box-shadow:0 2px 6px #0000001a}.my-review-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.my-review-header{display:flex;flex-direction:column;gap:2px}.my-review-semester{background:#f1f3f5;border-radius:12px;font-size:12px;margin-left:6px;padding:2px 8px}.my-review-status.unverified{color:red;font-size:13px}.my-review-rating{align-items:center;display:flex;gap:4px}.my-review-course-semester{align-items:center;display:flex;gap:8px}.my-review-course-semester h3{color:#111827}.delete-review-btn{background:#0000;border:none;color:#e74c3c;cursor:pointer;padding:4px;position:absolute;right:6px;top:6px}.delete-review-btn svg{height:16px;width:16px}.delete-review-btn:hover{color:#c0392b}@media (max-width:375px){.my-review-list{gap:8px;padding:4px;width:100%}.my-review-card{flex:0 0 90%;padding:10px}.my-review-course-semester h3{font-size:14px}.my-review-semester{font-size:10px}.delete-review-btn svg{height:14px;width:14px}}@media (min-width:376px) and (max-width:480px){.my-review-card{flex:0 0 85%;padding:12px}.my-review-course-semester h3{font-size:15px}}@media (min-width:481px) and (max-width:768px){.my-review-card{flex:0 0 45%}.my-review-list{flex-wrap:wrap;justify-content:center}.my-review-course-semester h3{font-size:16px}}@media (min-width:769px) and (max-width:1024px){.my-review-card{flex:0 0 40%}.my-review-list{flex-wrap:wrap}}@media (min-width:1025px) and (max-width:1200px){.my-review-card{flex:0 0 30%}}@media (min-width:1201px) and (max-width:1919px){.my-review-card{flex:0 0 22%}}@media (min-width:1920px){.my-review-list{margin:0 auto;width:80%}.my-review-card{flex:0 0 18%;padding:16px}}.lecturer-information{background:linear-gradient(135deg,#544661,#343d67 50%,#14346e);border-radius:12px;display:flex;flex-direction:column;font-family:Inter,sans-serif;padding:20px 20px 30px;width:91%}.lecturer-header{position:relative;z-index:2}.back-button{align-items:center;background:none;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 0;transition:all .2s ease}.back-button:hover{color:#fff;transform:translateX(-2px)}.breadcrumb{font-weight:400;margin-left:4px;opacity:.6}.lecturer-main-info{align-items:flex-start;display:flex;gap:32px;justify-content:space-between}.lecturer-avatar-section{align-items:center;display:flex;flex:1 1;gap:24px}.avatar-container{flex-shrink:0;position:relative}.lecturer-avatar{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;height:88px;object-fit:cover;width:88px}.online-indicator{background:#10b981;border:3px solid #fff;border-radius:50%;bottom:6px;box-shadow:0 2px 8px #0003;height:18px;position:absolute;right:6px;width:18px}.lecturer-details{display:flex;flex:1 1;flex-direction:column;gap:6px}.lecturer-name{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0}.lecturer-username{color:#fff;font-size:17px;font-weight:500;margin:0;opacity:.85}.lecturer-info{color:#fff;font-size:15px;font-weight:400;margin:2px 0;opacity:.9}.rating-section{align-items:center;display:flex;gap:10px}.stars{display:flex;gap:3px}.rating-textt{color:#fff;font-size:18px;font-weight:700;margin-left:6px}.review-count{color:#fff;font-size:15px;font-weight:400;opacity:.8}.action-buttons{align-items:flex-end;flex-direction:column;flex-shrink:0;gap:14px}.rate-button,.save-button,.tutor-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;min-width:140px;padding:14px 24px;transition:all .3s ease}.save-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #fff6;color:#fff;width:218px}.save-button:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.rate-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #fff6;color:#fff;width:218px}.rate-button:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.tutor-button{background:linear-gradient(135deg,#f9ca14,#ebb409);border:2px solid #0000;color:#1a1a1a;font-weight:700;position:relative}.tutor-button:hover{background:linear-gradient(135deg,#deb419,#aab861);box-shadow:0 8px 25px #ffc10766;transform:translateY(-2px)}.pro-badge{background:linear-gradient(135deg,#ff5722,#eb4a44);border-radius:15px;box-shadow:0 2px 8px #ff57224d;color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;margin-left:6px;padding:4px 8px}.tutor-button:disabled{border:2px solid #fff3;color:#fff9;cursor:not-allowed}.tutor-button:disabled,.tutor-button:disabled:hover{background:#ffffff26;box-shadow:none;transform:none}.tutor-button:disabled .pro-badge{background:#ffffff4d;box-shadow:none;color:#fffc}.tutor-button .tooltip-text{background-color:#000000bf;border-radius:4px;bottom:110%;color:#fff;font-size:13px;left:50%;line-height:1.2;max-width:200px;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .2s;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:10}.tutor-button:hover .tooltip-text{opacity:1;visibility:visible}@media (max-width:375px){.lecturer-information{margin:8px;padding:20px}.lecturer-name{font-size:22px}.lecturer-info{font-size:12px}}@media (min-width:376px) and (max-width:480px){.lecturer-information{padding:22px}.lecturer-name{font-size:24px}}@media (min-width:481px) and (max-width:768px){.lecturer-main-info{align-items:center;flex-direction:column;text-align:center}.lecturer-avatar{height:80px;width:80px}}@media (min-width:769px) and (max-width:1024px){.lecturer-name{font-size:28px}.lecturer-avatar{height:90px;width:90px}}@media (min-width:1025px) and (max-width:1200px){.lecturer-information{width:95%}.lecturer-name{font-size:30px}}@media (min-width:1201px) and (max-width:1919px){.lecturer-information{width:90%}}@media (min-width:1920px){.lecturer-information{margin:auto;max-width:1600px;width:80%}}.review-list{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:30px 100px 20px 20px;padding:32px}.review-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.review-title h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.review-title p{color:#718096;font-size:14px;margin:0}.search-container{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;min-width:300px;padding:12px 16px}.search-container svg{color:#718096;flex-shrink:0}.search-container input{background:none;border:none;color:#2d3748;font-size:14px;outline:none;width:100%}.search-container input::placeholder{color:#a0aec0}.review-filters{align-items:flex-end;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px;padding-bottom:20px}.filter-group{color:#333;display:flex;flex-direction:column;font-size:14px;gap:6px;min-width:150px}.filter-group label{align-items:center;color:#333;display:flex;font-weight:500;gap:6px;margin-bottom:4px}.filter-group label svg{color:#718096;height:16px;width:16px}.custom-dropdown{min-width:180px}.dropdown-option{border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:#f7fafc}.dropdown-option.selected{background-color:#0c326f}.dropdown-option.selected:hover{background-color:#2b3f60}.results-count{align-self:center;color:#718096;font-size:14px;font-weight:500;margin-left:auto}.reviews-container{display:flex;flex-direction:column;gap:24px}.review-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .2s ease}.review-card:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #0000001a}.review-main{justify-content:space-between;margin-bottom:16px}.review-main,.reviewer-info{align-items:flex-start;display:flex}.reviewer-info{flex:1 1;gap:16px}.reviewer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.reviewer-details{flex:1 1}.reviewer-header{align-items:center;display:flex;gap:12px;margin-bottom:4px}.reviewer-header h4{color:#2d3748;font-size:16px;font-weight:600;margin:0}.review-meta{align-items:center;display:flex;gap:8px}.semester{background:#e2e8f0;color:#4a5568}.discount-badge,.semester{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.discount-badge{background:#fed7d7;color:#c53030}.review-date{color:#718096;font-size:14px;margin-bottom:4px}.verified-badge{background:#c6f6d5;border-radius:4px;color:#22543d;font-size:12px;font-weight:500;padding:2px 8px}.review-rating .stars{display:flex;gap:2px}.review-content{margin-bottom:10px}.review-metrics{grid-gap:24px;background:#f7fafc;border-radius:12px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:20px}.metric{text-align:center}.metric-label{color:#718096;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.metric-value{color:#2d3748;display:block;font-size:20px;font-weight:700}.review-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{background:#1853aa;border-radius:20px;color:#fff;padding:6px 12px}.review-actions{gap:16px}.action-btn,.review-actions{align-items:center;display:flex}.action-btn{background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.action-btn:hover{background:#f7fafc;color:#4a5568}.like-btn:hover{color:#38a169}.dislike-btn:hover{color:#e53e3e}.more-btn{background:none;border:none;border-radius:8px;color:#718096;cursor:pointer;font-size:18px;margin-left:auto;padding:8px}.more-btn:hover{background:#f7fafc;color:#4a5568}.load-more-container{display:flex;justify-content:center;margin-top:32px}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease}.load-more-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:80vh;overflow-y:auto;padding:20px;position:relative;width:600px}.modal-content h3{background:#fff;border-bottom:1px solid #ddd;margin-top:0;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.close-btnn{background:gray;border:none;border-radius:30%;color:#fff;cursor:pointer;font-size:18px;height:32px;line-height:32px;position:absolute;right:12px;text-align:center;top:12px;transition:.2s ease;width:32px}.close-btnn:hover{background:#d32f2f}.verifiedd-status{align-items:center;display:flex;font-size:14px;font-weight:400;margin-top:4px}.verifiedd-icon{color:green}.not-verifiedd-icon,.verifiedd-icon{align-items:center;display:flex;gap:4px}.not-verifiedd-icon{color:red}@media (min-width:1920px){.review-list{font-size:18px;margin:50px 200px;padding:40px}}@media (min-width:1201px) and (max-width:1919px){.review-list{margin-right:115px;padding:32px}}@media (min-width:1025px) and (max-width:1200px){.review-list{margin-right:30px;padding:28px}}@media (min-width:769px) and (max-width:1024px){.review-list{margin-right:40px;padding:24px}.review-header{flex-direction:row}.review-filters{flex-wrap:wrap}}@media (min-width:481px) and (max-width:768px){.review-list{margin:20px;padding:20px}.review-header{align-items:flex-start;flex-direction:column}.review-metrics{grid-template-columns:1fr}}@media (min-width:376px) and (max-width:480px){.review-list{margin:16px;padding:16px}.review-card{padding:16px}.tag{font-size:12px;padding:4px 8px}}@media (max-width:375px){.review-list{margin:10px;padding:12px}.review-title h2{font-size:18px}.review-content p{font-size:13px}.reviewer-avatar{font-size:13px;height:36px;width:36px}}.review-details-grid{grid-gap:12px 24px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px;padding:20px}.score-item{align-items:center;display:flex;justify-content:space-between}.score-name{color:#495057;flex-grow:1;font-size:14px;font-weight:600}.score-value{background-color:#e7f5ff;border:1px solid #b3d7ff;border-radius:20px;color:#0056b3;flex-shrink:0;font-size:14px;font-weight:700;min-width:55px;padding:5px 12px;text-align:center}.review-content p{word-wrap:break-word;color:#4a5568;font-size:15px;line-height:1.6;margin:0;overflow-wrap:break-word;word-break:break-word}.custom-dropdown{overflow:visible;z-index:1000}.dropdown-menu{animation:dropdownFade .2s ease;box-shadow:0 4px 12px #00000026;max-height:250px;width:100%;z-index:9999}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lecturer-detail-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;min-height:100vh;overflow-x:hidden;width:100%}.lecturer-detail-content{display:flex;flex:1 1;flex-direction:column;margin-left:86px;margin-top:97px;overflow-y:auto;padding:0}.lecturer-detail-content .lecturer-information{margin:40px 20px 0}.lecturer-detail-content .lecturer-stats{margin:30px 75px 20px 20px}@media (max-width:768px){.lecturer-detail-container{align-items:center;flex-direction:column}.lecturer-detail-content{align-items:center;margin:0;padding:80px 16px 20px;width:100%}.lecturer-detail-content .lecturer-information{box-sizing:border-box;margin:0 auto;max-width:100%;padding:20px 16px;width:100%}.lecturer-information h1,.lecturer-information h2,.lecturer-information p{text-align:center}.lecturer-buttons{align-items:center;display:flex;flex-direction:column;gap:10px}.lecturer-buttons button{max-width:280px;width:100%}}@media (max-width:1024px){.lecturer-detail-content .review-list{margin:30px 40px 20px 20px}}@media (max-width:768px){.lecturer-detail-content .review-list{box-sizing:border-box;margin:20px 0;padding:20px;width:100%}}@media (max-width:480px){.lecturer-detail-content .review-list{margin:15px 0;padding:15px}.lecturer-detail-content .review-list .custom-dropdown{min-width:0;min-width:auto;width:100%}.lecturer-detail-content .review-list .filter-group{flex-basis:calc(50% - 12px);flex-grow:1;min-width:0;min-width:auto}.lecturer-detail-content .review-list .review-filters{gap:12px}}.empty-review-state{align-items:center;background-color:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin-top:24px;padding:60px 20px;text-align:center}.empty-review-state .empty-icon-wrapper{align-items:center;background-color:#e9ecef;border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:20px;width:120px}.empty-review-state .empty-icon-wrapper svg{stroke:#adb5bd;stroke-width:1.5;height:64px;width:64px}.empty-review-state h2{color:#343a40;font-size:24px;font-weight:600;margin-bottom:8px}.empty-review-state p{color:#6c757d;margin-bottom:24px;max-width:450px}.empty-review-state .btn-add-review{align-items:center;background-color:#0c326f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s}.empty-review-state .btn-add-review:hover{background-color:#0056b3}.teacher-selector{margin-top:0 auto;overflow:visible;width:100%}.search-section{gap:20px;margin-bottom:32px;overflow:visible}.search-group,.search-section{display:flex;flex-direction:column}.search-group{gap:8px;position:relative}.search-dropdown-container{position:relative;z-index:100}.search-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.search-label svg{color:#6b7280}.search-input{background:#fff}.search-input::placeholder{color:#9ca3af}.results-section{display:flex;flex-direction:column;gap:24px}.selected-teacher-section{margin:20px 0}.teacher-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.teacher-item:hover{border-color:#0c326f;box-shadow:0 4px 12px #0c326f1a}.teacher-item.selected{background:#f0fdf4;border-color:#22c55e;box-shadow:0 4px 12px #22c55e1a}.teacher-avatar{align-items:center;background:linear-gradient(135deg,#0c326f,#1853aa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.teacher-info{flex:1 1}.teacher-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.teacher-subtitle{color:#6b7280;font-size:14px;margin:0}.teacher-item.selected .teacher-subtitle{color:#22c55e;font-weight:500}.check-icon{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.no-results{color:#6b7280;padding:40px 20px;text-align:center}.no-results p{font-size:16px;margin:0}.help-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:16px;display:flex;gap:16px;padding:24px}.help-icon{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.help-content{flex:1 1}.help-content h4{color:#92400e;font-size:18px;font-weight:600;margin:0 0 8px}.help-content p{color:#a16207;font-size:14px;line-height:1.5;margin:0 0 16px}.add-teacher-btn{align-items:center;background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-teacher-btn:hover{background:#d97706;transform:translateY(-1px)}.add-teacher-btn svg{height:16px;width:16px}.navigation-buttons{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-top:32px;padding-top:24px}.btn-back,.btn-next{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.btn-back:hover:not(:disabled){background:#e5e7eb}.btn-back:disabled{cursor:not-allowed;opacity:.5}.btn-next{background:#0c326f;color:#fff}.btn-next:hover:not(:disabled){background:#1853aa;transform:translateY(-1px)}.btn-next:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:375px){.teacher-selector{padding:0 12px}.search-input{font-size:13px;padding:12px 14px}.teacher-item{padding:10px}.teacher-avatar{font-size:14px;height:36px;width:36px}.teacher-name{font-size:14px}.teacher-subtitle{font-size:12px}.help-content h4{font-size:15px}.help-content p{font-size:12px}.navigation-buttons{flex-direction:column;gap:10px}}@media (min-width:376px) and (max-width:480px){.search-input{font-size:14px;padding:14px 16px}.teacher-item{padding:12px}.teacher-avatar{font-size:16px;height:40px;width:40px}.teacher-name{font-size:15px}.teacher-subtitle{font-size:13px}.help-content h4{font-size:16px}.help-content p{font-size:13px}}@media (min-width:481px) and (max-width:768px){.teacher-selector{padding:0 16px}.teacher-item{padding:16px}.teacher-avatar{font-size:16px;height:40px;width:40px}.teacher-name{font-size:16px}.help-section{flex-direction:column;text-align:center}.help-icon{align-self:center}}@media (min-width:769px) and (max-width:1024px){.teacher-selector{margin:0 auto;max-width:720px}}@media (min-width:1025px) and (max-width:1200px){.teacher-selector{margin:0 auto;max-width:1000px}}@media (min-width:1201px) and (max-width:1919px){.teacher-selector{margin:0 auto;max-width:1200px}}@media (min-width:1920px){.teacher-selector{margin:0 auto;max-width:1600px}}.review-steps-container{margin:0 auto;max-width:1200px;overflow:visible;padding:40px 20px;width:100%}.steps-header{margin:0 0 60px}.steps-progress{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:40px;justify-content:center}.step-item,.steps-progress{align-items:center;display:flex;padding:20px}.step-item{border-radius:12px;flex-direction:column;text-align:center;transition:all .3s ease}.step-item,.step-item.completed{cursor:pointer}.step-item.completed:hover{background:#f8f9fa}.step-circle{align-items:center;border-radius:50%;display:flex;font-size:18px;font-weight:600;height:60px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:60px}.step-item.completed .step-circle{background:#22c55e;box-shadow:0 4px 15px #22c55e4d;color:#fff}.step-item.active .step-circle{background:#0c326f;box-shadow:0 4px 15px #0c326f4d;color:#fff}.step-item.pending .step-circle{background:#e5e7eb;border:2px solid #d1d5db;color:#9ca3af}.step-number{font-weight:600}.step-info{min-width:120px}.step-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.step-item.completed .step-title{color:#22c55e}.step-item.active .step-title{color:#0c326f}.step-item.pending .step-title{color:#9ca3af}.step-subtitle{color:#6b7280;font-size:14px;margin:0}.step-connector{background:#e5e7eb;height:2px;transition:all .3s ease;width:80px}.step-connector.completed{background:#22c55e}.step-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:50px}.step-content h2{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.step-content p{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px}.step-content .note-text{color:#0ea5e9}.step-content .envidence{margin:0}.teacher-search{justify-content:center;margin-top:24px}.search-input{border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:16px;max-width:100%;padding:16px 20px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#0c326f;outline:none}.selected-teacher-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;margin-bottom:32px;padding:20px}.selected-teacher-info h3{color:#0c4a6e;font-size:18px;font-weight:600;margin:0}.course-form{grid-gap:24px;display:grid;gap:24px;margin-bottom:40px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:16px;font-weight:600}.form-group .ant-select-selector{color:#666;height:48px!important}.custom-dropdown{width:100%}.dropdown-trigger{box-sizing:border-box;padding:12px 16px;transition:all .2s ease;width:100%}.dropdown-arrow{flex-shrink:0}.dropdown-menu{max-height:200px;overflow:hidden;overflow-y:auto;z-index:101}.form-input{border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:16px 20px}.form-input:focus{border-color:#0c326f}.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:16px;padding:16px 20px;resize:vertical;transition:border-color .3s ease}.form-textarea:focus{border-color:#0c326f;outline:none}.review-form{grid-gap:32px;display:grid;gap:32px;margin-bottom:40px}.rating-section h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 16px}.rating-stars{font-size:32px}.tags-input{display:flex;flex-wrap:wrap;gap:8px}.step-actions{display:flex;gap:16px;justify-content:space-between;margin-top:40px}.btn-back,.btn-next,.btn-submit{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-back{background:#f3f4f6}.btn-back:hover{background:#e5e7eb}.btn-next,.btn-submit{background:linear-gradient(135deg,#0c326f,#1853aa);box-shadow:0 4px 15px #0c326f4d;color:#fff}.btn-next:hover,.btn-submit:hover{box-shadow:0 6px 20px #0c326f66;transform:translateY(-2px)}@media (max-width:768px){.review-steps-container{padding:20px 16px}.steps-progress{flex-direction:column;gap:20px}.step-connector{height:40px;transform:rotate(90deg);width:2px}.step-content{padding:24px}.step-content h2{font-size:24px}.step-actions{flex-direction:column}.btn-back,.btn-next,.btn-submit{width:100%}}@media (max-width:480px){.step-circle{font-size:16px;height:50px;width:50px}.step-title{font-size:14px}.step-subtitle{font-size:12px}}.review-form{display:flex;flex-direction:column;gap:24px}.criteria-item{background:#fafafa;border-radius:8px;padding:16px}.criteria-header{align-items:flex-start;display:flex;height:70px;justify-content:space-between}.criteria-title{display:flex;flex-direction:column}.criteria-title h4{margin:0}.criteria-description{color:#666;font-size:14px;margin:0}.mark-options,.yesno-options{display:flex;gap:8px;justify-content:center}.mark-btn,.no-btn,.yes-btn{background:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:600;padding:8px 16px;transition:all .2s}.mark-btn{height:40px;width:40px}.no-btn,.yes-btn{width:500px}.mark-btn.selected,.no-btn.selected,.yes-btn.selected{background:#0a2d6d;color:#fff}.score-text{color:#036;font-weight:700}.evidence-box .upload-placeholder{width:100%}.evidence-box{display:flex;flex-direction:column;gap:12px}.note-text{color:#0ea5e9;font-size:14px;line-height:1.4;margin-top:12px;padding-left:12px}.policyy-boxx{background:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:16px 16px 16px 40px}.policyy-boxx ul{color:#663c00;margin:0;padding-left:20px}.evidence-box .ant-upload,.evidence-box .ant-upload-select,.evidence-box .ant-upload-wrapper{display:block;width:100%}.evidence-box .upload-placeholder{align-items:center;border:1px dashed #bbb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:16px;text-align:center;width:97%}.btn-submit:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.policyy-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.policyy-header svg{color:#663c00;height:20px;width:20px}.policyy-boxx h3{color:#663c00;font-size:18px;margin:0}.add-review-page-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:100vh;width:100%}.add-review-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-left:100px;margin-top:97px;overflow-y:auto;padding:20px;width:calc(100vw - 150px)}@media (max-width:768px){.add-review-content{margin-left:0;padding:16px;width:100vw}}.add-teacher-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:visible;width:90%}.form-header{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#374151;padding:24px 32px;text-align:left}.form-header h2{color:#374151;font-size:20px;font-weight:600;margin:0}.form-body{padding:32px}.form-group{margin-bottom:24px}.form-label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.form-description{color:#6b7280;font-size:14px;margin:4px 0 8px}.required{color:#ef4444}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:#9ca3af}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.subjects-section{margin-top:32px}.section-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.info-section{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:16px;margin:32px 0;padding:20px}.info-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-content h4{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 8px}.info-content ul{color:#1e40af;margin:0;padding-left:20px}.info-content li{font-size:14px;line-height:1.5;margin-bottom:4px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-top:40px;padding-top:32px}.btn-back,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.btn-back{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.btn-back:hover{background:#f3f4f6}.btn-submit{background:linear-gradient(135deg,#0c326f,#1853aa);color:#fff}.btn-submit:hover{box-shadow:0 6px 20px #0c326f66;transform:translateY(-2px)}@media (max-width:768px){.form-header{padding:24px 20px}.form-header h2{font-size:18px}.form-body{padding:24px 20px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-back,.btn-submit{min-width:auto;width:100%}}.custom-dropdown{min-width:220px;position:relative}.dropdown-trigger{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#2b3f60;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:10px 14px;transition:border-color .2s ease}.dropdown-trigger:hover{border-color:#999}.dropdown-trigger:focus{border-color:#0d47a1;outline:none}.dropdown-arrow{color:#666;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{color:#333;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s ease}.dropdown-option:hover{background:#f5f5f5}.dropdown-option.selected{background:#0c326f;color:#fff;font-weight:500}.dropdown-option.selected:hover{background:#2b3f60}.add-teacher-page-container{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh;width:100%}.add-teacher-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;margin:98px 0 0 70px;padding:40px}@media (max-width:768px){.add-teacher-content{margin-left:0;padding:20px}}.review-detail-page{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:97px;overflow-y:auto;padding-top:40px}.review-detail-container{background-color:#fbfaf9;display:flex;min-height:100vh;width:100%}.criteria-item-box,.criteria-itemm{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;max-width:900px;padding:24px;transition:all .2s ease;width:95%}.criteria-item-box h2,.criteria-itemm h2{font-size:24px;margin-bottom:14px}.criteria-itemm p{color:#374151;font-size:16px}.evidence-img{border-radius:12px;margin-top:12px;max-height:400px;max-width:100%;object-fit:contain}.back-btn{background:linear-gradient(135deg,#0c326f,#1853aa);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:40px;padding:16px 32px;transition:all .3s ease;width:150px}.back-btn:hover{transform:translateY(-2px)}.not-verified-status,.verified-status{align-items:center;display:flex;font-size:15px;font-weight:500;gap:8px}@media (max-width:375px){.criteria-item-box,.criteria-itemm{padding:16px;width:90%}.criteria-item-box h2,.criteria-itemm h2{font-size:18px}.back-btn,.criteria-itemm p{font-size:14px}.back-btn{width:120px}}@media (min-width:376px) and (max-width:480px){.criteria-item-box,.criteria-itemm{padding:18px;width:90%}.criteria-item-box h2,.criteria-itemm h2{font-size:20px}}@media (min-width:481px) and (max-width:768px){.criteria-item-box,.criteria-itemm{padding:20px;width:90%}.criteria-item-box h2,.criteria-itemm h2{font-size:22px}}@media (min-width:769px) and (max-width:1024px){.criteria-item-box,.criteria-itemm{width:80%}}@media (min-width:1025px) and (max-width:1200px){.criteria-item-box,.criteria-itemm{width:75%}}@media (min-width:1201px) and (max-width:1919px){.criteria-item-box,.criteria-itemm{width:70%}}@media (min-width:1920px){.criteria-item-box,.criteria-itemm{width:60%}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-container .login-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.login-container .login-bg img{height:100%;object-fit:cover;width:100%}.login-container .overlay{background:#0006;inset:0;position:absolute;z-index:1}.login-container .login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:12px;color:#fff;max-width:500px;padding:40px;position:relative;text-align:center;width:100%;z-index:2}.login-container .login-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-align:center}.login-container .script{color:#fffc;font-size:1rem;font-style:italic;margin-bottom:32px;text-align:center}.login-container .google-login{display:flex;justify-content:center;margin-bottom:20px}.login-container .google-login-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#3c4043;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;max-width:320px;padding:14px 24px;transition:all .3s ease;width:100%}.login-container .google-login-btn:hover{background-color:#f8f9fa;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.login-container .google-login-btn:active{box-shadow:0 2px 8px #00000026;transform:translateY(0)}.login-container .google-icon{flex-shrink:0;height:20px;width:20px}.error-message{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;font-size:14px;gap:8px;margin:16px 0;padding:12px 16px}.error-icon{font-size:16px}.loading-message{align-items:center;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;color:#1976d2;display:flex;font-size:14px;gap:12px;justify-content:center;margin:16px 0;padding:12px 16px}.spinner{animation:spin 1s linear infinite;border:2px solid #bbdefb;border-radius:50%;border-top-color:#1976d2;height:16px;width:16px}.login-footer{color:#666;font-size:12px;line-height:1.4;margin-top:24px;text-align:center}.login-footer p{margin:4px 0}.login-footer strong{color:#1976d2;cursor:pointer}.login-footer strong:hover{text-decoration:underline}@media (max-width:480px){.login-container .login-card{margin:16px;padding:24px 16px}.login-container .login-title{font-size:1.8rem}.login-container .google-login-btn{font-size:14px;padding:12px 20px}.login-container .script{font-size:1rem}}@media (min-width:481px) and (max-width:1024px){.login-container .login-card{margin:20px;max-width:400px;padding:28px}.login-container .login-title{font-size:2rem}.login-container .script{font-size:1rem}}@media (max-width:768px){.login-container .login-card{margin:20px;max-width:350px;padding:30px 20px}.login-container .login-title{font-size:2rem}.login-container .script{font-size:.9rem}}@media (min-width:1025px) and (max-width:1439px){.login-container .login-card{max-width:500px;padding:40px}.login-container .login-title{font-size:2.2rem}}@media (min-width:1920px){.login-container .login-card{max-width:700px;padding:60px}.login-container .login-title{font-size:3rem}.login-container .script{font-size:1.2rem}.login-container .google-login-btn{font-size:16px;padding:18px 32px}}.my-infor-page{background-color:#fbfaf9;display:flex;flex-direction:column;height:100vh;left:0;margin:0;overflow:hidden;position:fixed;top:0;width:100vw}.my-infor-page,.my-infor-page *,.my-infor-page :after,.my-infor-page :before{box-sizing:border-box}.my-infor-content-wrapper{flex:1 1;isolation:isolate;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}.my-infor-page .my-infor-main-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-left:150px;overflow-x:hidden;padding:120px 20px 20px;position:relative;width:calc(100vw - 150px);z-index:1}.my-infor-container{box-sizing:border-box;max-width:1200px;position:relative;width:100%}.profile-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;overflow:hidden}.header-background,.profile-header{position:relative;width:100%;z-index:1}.header-background{background:linear-gradient(135deg,#667eea,#764ba2);height:200px}.header-overlay{background:#0000004d;bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.profile-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 32px 32px;position:relative;text-align:center;width:100%;z-index:3}.avatar-section{display:flex;justify-content:center;margin-bottom:24px;margin-top:-70px;position:relative}.avatar-wrapper{border:5px solid #fff;border-radius:50%;box-shadow:0 12px 40px #0003;cursor:pointer;height:140px;margin:0 auto;overflow:hidden;position:relative;transition:transform .3s ease;width:140px}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-overlay{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:12px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.avatar-wrapper:hover .avatar-overlay{opacity:1}.camera-icon{font-size:24px;margin-bottom:4px}.change-text{font-size:11px;font-weight:500}.user-basic-info{margin-bottom:24px}.user-name{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.user-email{color:#4a5568;font-size:16px;margin:0 0 4px}.user-id{color:#718096;font-size:14px;font-weight:500;margin:0 0 12px}.action-buttons{display:flex;gap:12px}.cancel-btn,.edit-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.edit-btn{background:#0c326f;color:#fff}.edit-btn:hover{box-shadow:0 4px 12px #4299e166;transform:translateY(-2px)}.save-btn{background:#0c326f;color:#fff}.save-btn:hover{box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.cancel-btn{background:#fed7d7;color:#c53030}.cancel-btn:hover{background:#feb2b2;transform:translateY(-2px)}.edit-actions{display:flex;gap:12px}.info-cards-container{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px;width:100%}.info-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.info-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;box-sizing:border-box;padding:20px 24px;width:100%}.card-title{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:600;gap:12px;margin:0}.card-icon{font-size:20px}.card-content{box-sizing:border-box;padding:24px;width:100%}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.info-item{display:flex;flex-direction:column;gap:8px;min-width:0}.info-label{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:4px}.info-value{word-wrap:break-word;color:#2d3748;font-size:16px;font-weight:500;overflow-wrap:break-word;padding:8px 0}.info-input,.info-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.info-input:focus,.info-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.info-note{color:#718096;font-size:12px;font-style:italic;margin-top:4px}@media (max-width:375px){.my-infor-page .my-infor-main-content{margin-left:0;padding:70px 12px 12px;width:100vw}.header-background{height:120px}.avatar-wrapper{border-width:3px;height:90px;width:90px}.avatar-section{margin-bottom:16px;margin-top:-45px}.camera-icon{font-size:18px}.change-text{font-size:9px}.profile-content{padding:0 12px 16px}.user-name{font-size:18px}.user-email{font-size:13px}.user-id{font-size:12px}.action-buttons{flex-direction:column;gap:8px;width:100%}.cancel-btn,.edit-btn,.save-btn{font-size:13px;justify-content:center;padding:10px 16px;width:100%}.edit-actions{flex-direction:column;gap:8px;width:100%}.info-cards-container{gap:16px;grid-template-columns:1fr}.card-header{padding:14px 16px}.card-title{font-size:15px}.card-icon{font-size:16px}.card-content{padding:16px}.info-grid{gap:14px;grid-template-columns:1fr}.info-label{font-size:12px}.info-value{font-size:14px;padding:6px 0}.info-input,.info-select{font-size:13px;padding:10px 12px}.info-note{font-size:11px}}@media (min-width:376px) and (max-width:480px){.my-infor-page .my-infor-main-content{margin-left:0;padding:75px 14px 14px;width:100vw}.header-background{height:140px}.avatar-wrapper{border-width:4px;height:100px;width:100px}.avatar-section{margin-bottom:18px;margin-top:-50px}.profile-content{padding:0 16px 20px}.user-name{font-size:20px}.user-email{font-size:14px}.user-id{font-size:12px}.action-buttons{flex-direction:column;gap:10px;width:100%}.cancel-btn,.edit-btn,.save-btn{font-size:13px;justify-content:center;padding:11px 20px;width:100%}.edit-actions{flex-direction:column;gap:10px;width:100%}.info-cards-container{gap:18px;grid-template-columns:1fr}.card-header{padding:16px 18px}.card-title{font-size:16px}.card-content{padding:18px}.info-grid{gap:16px;grid-template-columns:1fr}.info-label{font-size:13px}.info-value{font-size:14px}.info-input,.info-select{font-size:13px;padding:11px 14px}}@media (min-width:481px) and (max-width:768px){.my-infor-page .my-infor-main-content{margin-left:0;padding:80px 16px 16px;width:100vw}.header-background{height:160px}.avatar-wrapper{height:110px;width:110px}.avatar-section{margin-bottom:20px;margin-top:-55px}.profile-content{padding:0 20px 24px}.user-name{font-size:22px}.user-email{font-size:15px}.action-buttons{flex-direction:row;gap:10px}.cancel-btn,.edit-btn,.save-btn{padding:11px 22px}.info-cards-container{gap:20px;grid-template-columns:1fr}.card-header{padding:18px 20px}.card-title{font-size:17px}.card-content{padding:20px}.info-grid{gap:18px;grid-template-columns:1fr 1fr}}@media (min-width:769px) and (max-width:1024px){.my-infor-page .my-infor-main-content{margin-left:0;padding:90px 20px 20px;width:100vw}.header-background{height:180px}.avatar-wrapper{height:120px;width:120px}.avatar-section{margin-bottom:22px;margin-top:-60px}.profile-content{padding:0 24px 28px}.user-name{font-size:24px}.user-email{font-size:15px}.info-cards-container{gap:22px;grid-template-columns:1fr}.card-header{padding:19px 22px}.card-content{padding:22px}.info-grid{gap:18px;grid-template-columns:1fr 1fr}}@media (min-width:1025px) and (max-width:1200px){.my-infor-page .my-infor-main-content{margin-left:100px;padding:100px 20px 20px;width:calc(100vw - 100px)}.header-background{height:190px}.avatar-wrapper{height:130px;width:130px}.avatar-section{margin-top:-65px}.user-name{font-size:26px}.info-cards-container{gap:22px;grid-template-columns:1fr 1fr}.card-header{padding:20px 23px}.card-content{padding:23px}}@media (min-width:1201px) and (max-width:1919px){.my-infor-page .my-infor-main-content{margin-left:150px;padding:120px 20px 20px;width:calc(100vw - 150px)}.header-background{height:200px}.avatar-wrapper{height:140px;width:140px}.info-cards-container{gap:24px;grid-template-columns:1fr 1fr}}@media (min-width:1920px){.my-infor-page .my-infor-main-content{margin-left:100px;padding:130px 40px 40px;width:calc(100vw - 150px)}.my-infor-container{max-width:1600px}.header-background{height:220px}.avatar-wrapper{border-width:6px;height:160px;width:160px}.avatar-section{margin-bottom:28px;margin-top:-80px}.camera-icon{font-size:28px}.change-text{font-size:13px}.profile-content{padding:0 40px 40px}.user-name{font-size:32px}.user-email{font-size:18px}.user-id{font-size:16px}.cancel-btn,.edit-btn,.save-btn{font-size:15px;padding:14px 28px}.info-cards-container{gap:28px;grid-template-columns:1fr 1fr}.card-header{padding:24px 28px}.card-title{font-size:20px}.card-icon{font-size:24px}.card-content{padding:28px}.info-grid{gap:24px}.info-label{font-size:15px}.info-value{font-size:17px}.info-input,.info-select{font-size:15px;padding:14px 18px}.info-note{font-size:13px}}.banking-container{margin:0 auto;max-width:100%}.banking-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.banking-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;height:100%}.banking-card-header{padding-bottom:1rem}.banking-card-title{align-items:center;color:#7e22ce;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:40px}.banking-card-content{display:flex;flex-direction:column;gap:1rem}.banking-actions{gap:.75rem;padding-top:1rem}.banking-actions,.banking-fuo{display:flex;flex-direction:column}.banking-fuo{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px;color:#fff;justify-content:center;margin:0 20px;padding:.75rem}.banking-btn-subtitle{font-size:.75rem;margin-top:.25rem;opacity:.9}.banking-membership-card{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin:10px 20px}.banking-membership-content{padding:1rem}.banking-membership-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.banking-membership-icon{height:1rem;width:1rem}.banking-membership-title{font-weight:500}.banking-membership-steps{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.banking-membership-btn{background:linear-gradient(90deg,#facc15,#f97316);border:none;border-radius:8px;box-shadow:0 0 25px #facc15b3;cursor:pointer;font-weight:500;margin-top:.75rem;padding:10px;transition:transform .2s ease;width:100%}.banking-membership-btn:hover{transform:translateY(-2px)}.banking-warning-card{background:linear-gradient(90deg,#667eea,#764ba2);border:1px solid #0000;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff!important;margin:0 20px;padding:10px}.banking-warning-content{padding:.5rem}.banking-warning-header{align-items:center;background:#0000!important;display:flex;gap:.5rem;margin-bottom:.5rem}.banking-warning-icon{color:#fff!important;height:1rem;width:1rem}.banking-warning-title{font-weight:500}.banking-warning-list,.banking-warning-title{background:#0000!important;color:#fff!important}.banking-warning-list{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.banking-warning-list>div{background:#0000!important;color:#fff!important}.banking-support-contact{background:#0000!important;color:#fecaca!important;font-weight:700;text-decoration:none}.banking-qr-content{padding:1.5rem}.banking-qr-section{display:flex;flex-direction:column;gap:1.5rem;text-align:center}.banking-qr-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.banking-qr-icon{color:#9333ea;height:1.25rem;width:1.25rem}.banking-qr-title{color:#7e22ce;font-size:1.125rem;font-weight:600}.banking-qr-subtitle{color:#4b5563;font-size:.875rem}.banking-qr-container{background:#fff;border:2px solid #f3f4f6;border-radius:.5rem;box-shadow:inset 0 2px 4px 0 #0000000f;padding:1.5rem}.banking-qr-wrapper{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;height:12rem;justify-content:center;margin:0 auto;width:12rem}.banking-qr-image{height:100%;object-fit:contain;width:100%}.banking-qr-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.banking-badge-mb,.banking-badge-napas,.banking-badge-vietqr{border-radius:16px;font-size:.75rem;font-weight:500;padding:4px 12px}.banking-badge-mb{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.banking-badge-napas{background:#dbeafe;border:1px solid #bfdbfe;color:#2563eb}.banking-badge-vietqr{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.banking-account-info-card{background-color:#faf5ff;border:1px solid #c4b5fd;border-radius:8px}.banking-account-info-content{padding:1rem}.banking-account-info-title{align-items:center;color:#7e22ce;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.banking-account-info-icon{height:1rem;width:1rem}.banking-account-info-list{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.banking-account-info-item{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.banking-account-info-item-icon{color:#6b7280;height:1rem;width:1rem}.banking-account-info-label{color:#4b5563}.banking-account-info-value{color:#7e22ce;font-weight:500;word-break:break-word}@media (max-width:375px){.banking-grid{gap:1rem}.banking-card{border-radius:12px}.banking-card-title{font-size:1rem;margin-top:20px}.banking-fuo{font-size:.875rem;margin:0 12px;padding:.625rem}.banking-btn-subtitle{font-size:.7rem}.banking-membership-card{margin:8px 12px}.banking-membership-content{padding:.75rem}.banking-membership-steps{font-size:.75rem}.banking-membership-btn{font-size:.875rem;padding:8px}.banking-warning-card{margin:0 12px 12px;padding:8px}.banking-warning-list{font-size:.75rem}.banking-qr-content{padding:1rem}.banking-qr-section{gap:1rem}.banking-qr-title{font-size:.875rem}.banking-qr-subtitle{font-size:.75rem}.banking-qr-container{padding:1rem}.banking-qr-wrapper{height:10rem;width:10rem}.banking-qr-badges{gap:.5rem}.banking-account-info-content{padding:.75rem}.banking-account-info-title{font-size:.875rem}.banking-account-info-list{font-size:.75rem;gap:.375rem}.banking-account-info-item{align-items:flex-start;flex-direction:column}}@media (min-width:376px) and (max-width:480px){.banking-grid{gap:1.25rem}.banking-card-title{font-size:1.1rem;margin-top:24px}.banking-fuo{margin:0 14px;padding:.7rem}.banking-membership-card{margin:10px 14px}.banking-membership-content{padding:.875rem}.banking-warning-card{margin:0 14px}.banking-qr-content{padding:1.25rem}.banking-qr-wrapper{height:10.5rem;width:10.5rem}.banking-account-info-item{flex-wrap:nowrap}}@media (min-width:481px) and (max-width:768px){.banking-grid{gap:1.5rem}.banking-card-title{font-size:1.15rem;margin-top:30px}.banking-fuo{margin:0 16px}.banking-membership-card{margin:10px 16px}.banking-warning-card{margin:0 16px}.banking-qr-wrapper{height:11rem;width:11rem}}@media (min-width:769px) and (max-width:1024px){.banking-grid{gap:1.5rem;grid-template-columns:1fr 1fr}.banking-card-title{margin-top:32px}.banking-fuo{margin:0 18px}.banking-membership-card{margin:10px 18px}.banking-warning-card{margin:0 18px}.banking-qr-wrapper{height:11.5rem;width:11.5rem}}@media (min-width:1025px) and (max-width:1200px){.banking-grid{gap:1.5rem;grid-template-columns:1fr 1fr}.banking-card-title{margin-top:36px}.banking-qr-wrapper{height:11.5rem;width:11.5rem}}@media (min-width:1201px) and (max-width:1919px){.banking-grid{gap:1.5rem;grid-template-columns:1fr 1fr}.banking-card-title{font-size:1.25rem;margin-top:40px}.banking-qr-wrapper{height:12rem;width:12rem}}@media (min-width:1920px){.banking-container{max-width:1600px}.banking-grid{gap:2rem;grid-template-columns:1fr 1fr}.banking-card{border-radius:12px}.banking-card-title{font-size:1.5rem;margin-top:48px}.banking-fuo{font-size:1.125rem;margin:0 24px;padding:1rem}.banking-btn-subtitle{font-size:.875rem}.banking-membership-card{margin:12px 24px}.banking-membership-content{padding:1.25rem}.banking-membership-steps{font-size:1rem}.banking-membership-btn{font-size:1rem;padding:12px}.banking-warning-card{margin:0 24px;padding:12px}.banking-warning-list{font-size:1rem}.banking-qr-content{padding:2rem}.banking-qr-section{gap:2rem}.banking-qr-title{font-size:1.25rem}.banking-qr-subtitle{font-size:1rem}.banking-qr-container{padding:2rem}.banking-qr-wrapper{height:14rem;width:14rem}.banking-qr-badges{gap:1.25rem}.banking-badge-mb,.banking-badge-napas,.banking-badge-vietqr{font-size:.875rem;padding:6px 16px}.banking-account-info-content{padding:1.5rem}.banking-account-info-title{font-size:1.125rem}.banking-account-info-list{font-size:1rem;gap:.75rem}}.payment-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin:0;position:fixed;top:0;width:100vw}.main-content-payment{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-left:150px;margin-top:90px;overflow-y:auto;padding:30px;width:calc(100vw - 150px)}@media (max-width:375px){.main-content-payment{margin-left:0;margin-top:60px;padding:12px;width:100vw}}@media (min-width:376px) and (max-width:480px){.main-content-payment{margin-left:0;margin-top:60px;padding:14px;width:100vw}}@media (min-width:481px) and (max-width:768px){.main-content-payment{margin-left:0;margin-top:70px;padding:16px;width:100vw}}@media (min-width:769px) and (max-width:1024px){.main-content-payment{margin-left:0;margin-top:80px;padding:20px;width:100vw}}@media (min-width:1025px) and (max-width:1534px){.main-content-payment{margin-left:80px;margin-top:90px;padding:24px;width:calc(100vw - 100px)}}@media (min-width:1535px) and (max-width:1919px){.main-content-payment{margin-left:110px;margin-top:90px;padding:30px;width:calc(100vw - 150px)}}@media (min-width:1920px){.main-content-payment{margin-left:110px;margin-top:95px;max-width:1770px;padding:40px;width:calc(100vw - 150px)}}.product-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin:0;overflow:hidden;position:fixed;top:0;width:100vw}.main-content-product{align-items:flex-start;flex:1 1;flex-direction:column;height:100%;margin-left:0;overflow-y:auto;padding:0}.main-content-product,.product-grid{box-sizing:border-box;display:flex;overflow-x:hidden}.product-grid{align-items:center;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:100vh;justify-content:center;margin:120px 100px 20px 170px;max-width:100%;padding:10px}.product-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #00000014;height:70%;max-width:90%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:#4a90e24d;box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.product-image-container{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;overflow:hidden;position:relative}.product-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:6px 12px;position:absolute;right:12px;top:12px}.purchase-count{align-items:center;color:#4a90e2;display:flex;font-size:12px;font-weight:600;gap:4px}.purchase-count:before{content:"👥";font-size:10px}.product-content{display:flex;flex-direction:column;gap:16px;padding:20px}.product-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.product-name{color:#2c3e50;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0}.product-duration{align-items:center;background:#ecf0f1;border-radius:12px;color:#7f8c8d;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px;white-space:nowrap}.product-duration svg{color:#95a5a6;height:14px;width:14px}.product-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#5a6c7d;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.product-footer{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:auto}.product-price{display:flex;flex-direction:column;gap:2px}.price-label{color:#95a5a6;font-size:12px;font-weight:500}.price-value{align-items:center;color:#e74c3c;display:flex;font-size:16px;font-weight:700;gap:4px}.price-value:before{content:"🪙";font-size:14px}.buy-button{align-items:center;background:#0c326f;border:none;border-radius:12px;box-shadow:0 2px 8px #4a90e24d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.buy-button:hover{box-shadow:0 4px 16px #4a90e266;transform:translateY(-2px)}.buy-button:active{transform:translateY(0)}.buy-button svg{height:16px;width:16px}.empty-container,.error-container,.loading-container{align-items:center;box-sizing:border-box;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;margin-left:150px;min-height:300px;padding:80px 20px;text-align:center;width:calc(100vw - 170px)}.loading-container{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 20px #0000000d;margin:120px 20px 20px 170px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ecf0f1;border-radius:50%;border-top-color:#4a90e2;height:48px;margin-bottom:20px;width:48px}.loading-container p{color:#5a6c7d;font-size:16px;font-weight:500;margin:0}.error-container p{color:#e74c3c;font-weight:500}@media (max-width:1200px){.product-grid{gap:18px;padding:120px 15px 40px 160px}}@media (max-width:768px){.product-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:100px 15px 30px 80px}.product-card{border-radius:12px}.product-content{gap:12px;padding:16px}.product-name{font-size:16px}.product-footer{align-items:stretch;flex-direction:column;gap:12px}.buy-button{justify-content:center;width:100%}.empty-container,.error-container,.loading-container{margin-left:80px;width:calc(100vw - 95px)}}@media (max-width:480px){.product-grid{gap:12px;grid-template-columns:1fr;padding:90px 10px 20px 60px}.product-header{align-items:flex-start;flex-direction:column;gap:8px}.product-duration{align-self:flex-end}.empty-container,.error-container,.loading-container{margin-left:60px;width:calc(100vw - 70px)}}.material-page{align-items:center;flex:1 1;margin-top:97px;overflow-y:auto;padding:20px}.material-page,.material-page-container{box-sizing:border-box;display:flex;flex-direction:column}.material-page-container{background-color:#fbfaf9;height:100vh;margin:0;width:100vw}.material-pageination{margin:20px 20px 40px 0;width:90%}.material-list-container{margin:20px auto 0;width:93%}.material-pageination{margin:20px auto 40px;width:93%}.material-filter{background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;font-family:Inter,sans-serif;margin:20px;padding:20px;width:93%}.material-tabs{cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:24px;margin-bottom:10px}.material-tabs .tab{color:#444;padding-bottom:8px}.material-tabs .tab.active{border-bottom:2px solid #0d47a1;color:#0d47a1}.material-divider{border:none;border-top:1px solid #eee;margin-bottom:20px}.material-filter-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.material-form-group{color:#333;display:flex;flex-direction:column;font-size:14px;gap:6px}.material-form-group input,.material-form-group select{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px}.material-form-group input:focus,.material-form-group select:focus{border-color:#0d47a1}.material-actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.material-buttons{gap:12px}.btn-clear,.btn-search{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px}.btn-clear{background:#f5f5f5;color:#333}.btn-search{background:#0c326f;color:#fff}.btn-clear:hover{background:#e0e0e0}.btn-search:hover{background:#08306b}.btn-icon{height:16px;width:16px}.btn-clear .btn-icon{stroke:#333}.btn-search .btn-icon{stroke:#fff}.material-form-group label{font-size:16px;font-weight:600}.btn-create{align-items:center;background:#2e7d32;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px}.btn-create:hover{background:#1b5e20}.btn-create .btn-icon{stroke:#fff}@media (max-width:375px){.material-filter{margin:10px 0;padding:12px;width:100%}.material-tabs{flex-direction:column;font-size:13px;gap:10px}.material-filter-grid{gap:12px;grid-template-columns:1fr}.material-actions{align-items:stretch;flex-direction:column;gap:12px}.btn-clear,.btn-create,.btn-search{font-size:13px;justify-content:center;width:100%}}@media (min-width:376px) and (max-width:480px){.material-filter{padding:14px}.material-tabs{font-size:14px;gap:16px}.material-filter-grid{grid-template-columns:1fr}.material-actions{flex-direction:column;gap:14px}.btn-clear,.btn-create,.btn-search{width:100%}}@media (min-width:481px) and (max-width:768px){.material-filter{padding:16px}.material-tabs{font-size:14px}.material-filter-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.btn-clear,.btn-create,.btn-search{font-size:14px}}@media (min-width:769px) and (max-width:1024px){.material-filter{padding:18px}.material-tabs{font-size:15px;gap:20px}.material-filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width:1025px) and (max-width:1200px){.material-filter{padding:20px}.material-filter-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (min-width:1201px) and (max-width:1919px){.material-filter{margin:20px auto;max-width:1100px}}@media (min-width:1920px){.material-filter{margin:30px auto;max-width:1400px;padding:24px}.material-tabs{font-size:16px}.material-filter-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.btn-clear,.btn-create,.btn-search{font-size:15px;padding:12px 18px}}.material-sort-group{display:flex;flex-direction:column;gap:6px;grid-column:1/2;grid-row:1/2;justify-content:flex-start;position:relative}.material-sort-group label{color:#333;font-size:16px;font-weight:600}.material-sort-select{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-width:180px;outline:none;padding:12px;-webkit-user-select:none;user-select:none}.material-sort-select:focus,.material-sort-select:hover{border-color:#0d47a1}.sort-arrow{align-items:center;color:#555;display:flex;transition:transform .2s ease}.sort-arrow.open{transform:rotate(180deg)}.material-sort-options{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.material-sort-option{border-radius:6px;cursor:pointer;font-size:14px;margin:2px;padding:12px 16px}.material-sort-option.selected{background-color:#0c326f;color:#fff;font-weight:500}.material-sort-option:hover{background-color:#f0f4f9}.material-sort-options::-webkit-scrollbar{width:8px}.material-sort-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.material-sort-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:8px}.material-sort-options::-webkit-scrollbar-thumb:hover{background:#aaa}.material-actionss{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:16px}.material-buttons{display:flex;gap:8px}.material-empty{color:#888;padding:20px;text-align:center}.material-list{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:15px;padding:20px}.material-list h2{color:#333;font-size:20px;margin:0}.material-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:16px;position:relative}.material-card:hover{border-color:#d1d5db;box-shadow:0 3px 7px #0000001f}.material-info{flex:1 1}.material-title{font-weight:600;margin-bottom:6px}.material-meta{color:#555;font-size:13px;margin-bottom:4px}.material-stats{color:#666;font-size:13px}.material-dates{color:#888;font-size:12px;margin-top:4px}.material-status{align-items:center;display:flex}.material-purchased{color:green;font-weight:600}.material-not-purchased{color:red;font-weight:600}.material-title{font-size:16px;font-weight:700}.material-stats{color:#777;font-size:12px;margin-left:4px}.material-header{align-items:center;display:flex;gap:8px}.material-delete{background:#0000;border:none;color:#e74c3c;cursor:pointer;padding:4px;position:absolute;right:6px;top:6px}.material-delete svg{height:16px;width:16px}.material-delete:hover{color:#c0392b}@media (max-width:375px){.material-list{gap:10px;padding:10px}.material-card{flex-direction:column;font-size:13px;padding:12px}.material-title{font-size:14px}.material-dates,.material-meta,.material-stats{font-size:11px}.material-delete{right:4px;top:4px}}@media (min-width:376px) and (max-width:480px){.material-list{padding:12px}.material-card{flex-direction:column;padding:14px}.material-title{font-size:15px}}@media (min-width:481px) and (max-width:768px){.material-card{padding:14px 16px}.material-title{font-size:16px}}@media (min-width:769px) and (max-width:1024px){.material-list{gap:18px}.material-card{padding:16px 20px}.material-title{font-size:17px}}@media (min-width:1025px) and (max-width:1200px){.material-card{padding:18px 22px}}@media (min-width:1201px) and (max-width:1919px){.material-list{margin:0 auto;max-width:1100px}.material-card{padding:20px}}@media (min-width:1920px){.material-list{gap:20px;margin:0 auto;max-width:1400px}.material-card{font-size:15px;padding:22px 24px}.material-title{font-size:18px}.material-dates,.material-meta,.material-stats{font-size:13px}}.material-detail-page-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;width:100vw}.material-detail-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-top:97px;overflow-y:auto;padding:20px}.material-detail{color:#1a1a1a;display:flex;font-family:Inter,sans-serif;gap:24px;margin-top:20px;width:92%}.material-detail-left{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;flex:2 1;padding:20px}.material-detail-image{border-radius:12px;margin-bottom:20px;overflow:hidden;width:100%}.material-detail-image img{height:250px;object-fit:cover;width:100%}.material-detail-title{font-size:25px;font-weight:600;margin-bottom:12px}.material-detail-meta{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;margin-bottom:16px}.material-detail-description{background:#fff;border-radius:12px;margin-bottom:20px;margin-top:20px}.material-detail-owner{gap:8px}.material-detail-right{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001a;flex:1 1;height:-webkit-fit-content;height:fit-content;padding:20px}.material-detail-right h2{margin-bottom:15px}.material-detail-right p{color:#555;font-size:15px;margin-bottom:20px}.material-detail-btn-download{align-items:center;background:#0c326f;border-radius:8px;color:#fff;display:flex;font-weight:500;justify-content:center;margin-bottom:10px;padding:10px;text-align:center;text-decoration:none;width:100%}.material-detail-btn-download:hover{background:#2b3f60}.material-detail-btn-preview{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#111;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin-bottom:10px;padding:10px;text-decoration:none;transition:background .2s ease;width:100%}.btn-favorite:hover,.material-detail-btn-preview:hover{background:#e5e7eb}.material-detail-stats{color:#444;font-size:14px;margin-top:16px}.material-detail-stats p{margin:6px 0}.material-back-button{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 0;transition:all .2s ease}.material-back-button:hover{color:#000;transform:translateX(-2px)}.material-detail-owner{align-items:center;color:#444;display:flex;font-size:14px;gap:10px;margin-top:12px}.material-detail-owner-avatar{border:1px solid #e5e7eb;border-radius:50%;height:36px;object-fit:cover;width:36px}.material-detail-purchased{align-items:center;color:#dac53d;display:flex;font-weight:600}.material-detail-btn-purchase{align-items:center;background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:10px;padding:10px;transition:background .2s ease,transform .1s ease;width:100%}.material-detail-btn-purchase:hover{background:#ea580c;transform:translateY(-1px)}.material-detail-btn-purchase:active{background:#c2410c;transform:translateY(0)}.material-detail-owner-actions{display:flex;flex-direction:column;gap:10px}.material-detail-btn-delete,.material-detail-btn-update{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:14px;text-align:center;transition:background .2s ease;width:100%}.material-detail-btn-update{background:#0c326f;color:#fff}.material-detail-btn-update:hover{background:#2b3f60}.material-detail-btn-delete{background:#ef4444;color:#fff;margin-bottom:12px}.material-detail-btn-delete:hover{background:#b91c1c}.material-item-list{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;margin-top:12px;max-height:250px;overflow-y:auto;padding:12px}.material-item-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;text-align:left;transition:all .2s ease}.material-item-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (max-width:375px){.material-detail{flex-direction:column;gap:16px;margin-top:10px;width:100%}.material-detail-left,.material-detail-right{padding:12px;width:100%}.material-detail-image img{height:180px}.material-detail-title{font-size:18px}.material-detail-meta{flex-direction:column;font-size:12px;gap:8px}.material-detail-btn-delete,.material-detail-btn-download,.material-detail-btn-purchase,.material-detail-btn-update{font-size:13px;padding:10px}.material-item-btn{font-size:12px}}@media (min-width:376px) and (max-width:480px){.material-detail{flex-direction:column;width:100%}.material-detail-left,.material-detail-right{padding:14px;width:100%}.material-detail-image img{height:200px}.material-detail-title{font-size:20px}}@media (min-width:481px) and (max-width:768px){.material-detail{flex-direction:column;margin:0 auto;width:95%}.material-detail-left,.material-detail-right{padding:16px}.material-detail-title{font-size:22px}}@media (min-width:769px) and (max-width:1024px){.material-detail{flex-direction:row;gap:20px;margin:0 auto;width:95%}.material-detail-title{font-size:23px}}@media (min-width:1025px) and (max-width:1200px){.material-detail{margin:0 auto;width:95%}.material-detail-title{font-size:24px}}@media (min-width:1201px) and (max-width:1919px){.material-detail{margin:0 auto;width:90%}.material-detail-title{font-size:25px}}@media (min-width:1920px){.material-detail{gap:32px;margin:0 auto;width:80%}.material-detail-left,.material-detail-right{padding:24px}.material-detail-title{font-size:28px}.material-detail-btn-delete,.material-detail-btn-download,.material-detail-btn-purchase,.material-detail-btn-update{font-size:15px;padding:14px}.material-item-btn{font-size:14px;padding:10px 14px}}.material-create-page-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;width:100vw}.material-create-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-top:97px;overflow-y:auto;padding:20px}.material-create-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:20px;margin-top:20px;width:93%}.material-create-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.5rem;font-weight:700;padding:20px}.material-create-form{display:flex;flex-direction:column;gap:1rem;padding:20px}.material-create-label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.material-create-file,.material-create-input,.material-create-textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.material-create-file:focus,.material-create-input:focus,.material-create-textarea:focus{background-color:#fff;border-color:#08306b;box-shadow:0 0 0 3px #2563eb40}.material-create-textarea{min-height:100px;resize:vertical}.material-create-course,.material-create-lecturer{display:flex;flex-direction:column}.material-create-button{background-color:#08306b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;transition:background-color .2s,transform .1s}.material-create-button:hover{background-color:#163b78}.material-create-button:active{transform:scale(.98)}.material-create-button:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed;transform:none}.material-create-select .react-select__control{border:1px solid #d1d5db;border-radius:6px;min-height:40px}.material-create-select .react-select__control--is-focused{border-color:#08306b;box-shadow:0 0 0 3px #2563eb40}.material-create-select .react-select__menu{max-height:200px;overflow-y:auto;z-index:9999}.material-create-error{color:#dc2626;font-size:.85rem;margin-top:.25rem}.material-create-file{padding:20px}.material-create-file-container{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;position:relative;text-align:center;transition:border-color .3s,background .2s}.material-create-file-container:hover{background-color:#f9fafb;border-color:#08306b}.material-create-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.material-create-select{margin-top:10px}@media (max-width:375px){.material-create-container{margin:10px auto;padding:12px;width:100%}.material-create-title{font-size:1.2rem;padding:12px}.material-create-form{gap:.75rem;padding:12px}.material-create-input,.material-create-textarea{font-size:.85rem;padding:10px 12px}.material-create-button{font-size:.85rem;padding:10px}.upload-icon svg{height:28px;width:28px}.upload-text p{font-size:.85rem}}@media (min-width:376px) and (max-width:480px){.material-create-container{margin:12px auto;padding:14px;width:100%}.material-create-title{font-size:1.3rem;padding:14px}.material-create-button{font-size:.9rem;padding:12px}}@media (min-width:481px) and (max-width:768px){.material-create-container{margin:16px auto;padding:16px;width:95%}.material-create-title{font-size:1.4rem}.material-create-form{padding:16px}}@media (min-width:769px) and (max-width:1024px){.material-create-container{margin:20px auto;padding:18px;width:90%}.material-create-title{font-size:1.5rem}.material-create-form{padding:18px}}@media (min-width:1025px) and (max-width:1200px){.material-create-container{width:90%}}@media (min-width:1201px) and (max-width:1919px){.material-create-container{width:85%}}@media (min-width:1920px){.material-create-container{width:75%}.material-create-title{font-size:1.75rem}.material-create-input,.material-create-textarea{font-size:1rem}.material-create-button{font-size:1rem;padding:14px 18px}}.preview-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.preview-item{align-items:center;background-color:#f0f2f5;border:1px solid #e1e8ed;border-radius:8px;display:flex;max-width:250px;padding:8px 36px 8px 12px;position:relative}.file-name{color:#333;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-file-btn{align-items:center;background-color:#14171a99;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:24px}.delete-file-btn:hover{background-color:#e53e3e}.spinner-icon{animation:spin 1s linear infinite;height:20px;margin-left:5px;width:20px}.material-update-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:20px;margin-top:20px;width:93%}.material-update-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.5rem;font-weight:700;padding:20px}.material-update-form{display:flex;flex-direction:column;gap:1rem;padding:20px}.material-update-label{color:#374151;display:block;font-size:.95rem;font-weight:500;margin-bottom:.25rem}.material-update-file,.material-update-input,.material-update-textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.material-update-file:focus,.material-update-input:focus,.material-update-textarea:focus{background-color:#fff;border-color:#08306b;box-shadow:0 0 0 3px #2563eb40}.material-update-textarea{min-height:100px;resize:vertical}.material-update-course,.material-update-lecturer{display:flex;flex-direction:column}.material-update-button{background-color:#08306b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;transition:background-color .2s,transform .1s}.material-update-button:hover{background-color:#163b78}.material-update-button:active{transform:scale(.98)}.material-update-button:disabled{background-color:#d1d5db;color:#6b7280;cursor:not-allowed;transform:none}.material-update-select .react-select__control{border:1px solid #d1d5db;border-radius:6px;min-height:40px}.material-update-select .react-select__control--is-focused{border-color:#08306b;box-shadow:0 0 0 3px #2563eb40}.material-update-select .react-select__menu{max-height:200px;overflow-y:auto;z-index:9999}.material-update-error{color:#dc2626;font-size:.85rem;margin-top:.25rem}.textt-red-500{color:#ef4444}.material-update-file{padding:20px}.material-update-file-container{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;position:relative;text-align:center;transition:border-color .3s,background .2s}.material-update-file-container:hover{background-color:#f9fafb;border-color:#08306b}.upload-icon{color:#0c326f;margin-bottom:12px}.upload-text p{color:#1f2937;font-size:.95rem;margin:0}.upload-text .upload-subtext{color:#6b7280;font-size:.85rem;margin-top:4px}.material-update-file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.material-update-select{margin-top:10px}@media (max-width:375px){.material-update-container{box-shadow:none;margin:0;padding:10px;width:100%}.material-update-title{font-size:1.2rem;padding:10px}.material-update-form{gap:.75rem;padding:10px}.material-update-input,.material-update-select,.material-update-textarea{font-size:.85rem;padding:8px 10px}.material-update-button{font-size:.9rem;width:100%}}@media (min-width:376px) and (max-width:480px){.material-update-container{margin:0;padding:12px;width:100%}.material-update-title{font-size:1.3rem}.material-update-button{width:100%}}@media (min-width:481px) and (max-width:768px){.material-update-container{padding:15px;width:95%}.material-update-title{font-size:1.4rem}}@media (min-width:769px) and (max-width:1024px){.material-update-container{width:90%}.material-update-form{flex-direction:column}}@media (min-width:1025px) and (max-width:1200px){.material-update-container{width:85%}}@media (min-width:1201px) and (max-width:1919px){.material-update-container{width:80%}}@media (min-width:1920px){.material-update-container{margin:40px auto;width:70%}.material-update-title{font-size:1.8rem}.material-update-input,.material-update-textarea{font-size:1rem}}.material-note-text{background:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:16px 16px 16px 40px}.material-note-text ul{color:#663c00;margin:0;padding-left:10px}.material-update-page-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;width:100vw}.material-update-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-top:97px;overflow-y:auto;padding:20px}.member-list{display:flex;flex-direction:column;gap:20px;margin-top:20px;max-width:1240px;width:100%}.member-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:20px;transition:box-shadow .3s ease}.member-card:hover{box-shadow:0 4px 12px #0000001f}.member-left{display:flex;flex:1 1;gap:16px}.member-avatar{align-items:center;background:#0c326f;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.member-avatar img{height:100%;object-fit:cover;width:100%}.member-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.member-header{align-items:center;display:flex;gap:10px}.member-name{color:#1f2937;font-size:18px;font-weight:600;margin:0}.member-major{color:#555;font-size:14px;margin:0}.member-desc{color:#444;font-size:14px;line-height:1.5;margin:0}.skills{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#e0e7ff;border-radius:16px;color:#3730a3;font-size:13px;font-weight:500;padding:4px 12px}.member-actions{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.btn-contact-member,.btn-profile-member{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:transform .2s ease;white-space:nowrap}.btn-contact-member{background:#0c326f;color:#fff}.btn-contact-member:hover{background:#0a2857;transform:translateY(-2px)}.btn-profile-member{background:#f1f5f9;color:#333}.btn-profile-member:hover{background:#e2e8f0;transform:translateY(-2px)}.member-pagination{display:flex;justify-content:center;margin-top:20px}.ant-pagination-item{background:#0000;border:none;font-size:16px}.ant-pagination-item:hover a{background-color:grey;color:#000}.ant-pagination-item-active{background-color:#036;border:none;border-radius:6px;color:#fff}.ant-pagination-item-active a{color:#fff!important;font-weight:700}.ant-pagination-next,.ant-pagination-prev{background:#f8f8f8;border:none;border-radius:8px;padding:0 8px}.ant-pagination-next:hover,.ant-pagination-prev:hover{background:#e5e5e5}@media (max-width:375px){.member-list{gap:12px;margin-top:14px}.section-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px}.section-header h3{font-size:16px}.view-all{font-size:12px}.member-card{border-radius:10px;flex-direction:column;gap:14px;padding:14px}.member-left{flex-direction:column;gap:10px}.member-avatar{font-size:16px;height:40px;width:40px}.member-info{gap:6px}.member-name{font-size:15px}.member-desc,.member-major{font-size:12px}.skills{gap:6px}.skill-tag{font-size:11px;padding:3px 10px}.member-actions{flex-direction:row;gap:8px;width:100%}.btn-contact-member,.btn-profile-member{flex:1 1;font-size:12px;padding:9px 12px}.btn-contact-member svg,.btn-profile-member svg{height:14px;width:14px}.member-pagination{margin-top:16px}.ant-pagination-item{font-size:14px}}@media (min-width:376px) and (max-width:480px){.member-list{gap:14px;margin-top:16px}.section-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:14px}.section-header h3{font-size:17px}.view-all{font-size:13px}.member-card{border-radius:10px;flex-direction:column;gap:16px;padding:16px}.member-left{flex-direction:column;gap:12px}.member-avatar{font-size:17px;height:42px;width:42px}.member-info{gap:7px}.member-name{font-size:16px}.member-desc,.member-major{font-size:13px}.skills{gap:7px}.skill-tag{font-size:12px;padding:3px 10px}.member-actions{flex-direction:row;gap:10px;width:100%}.btn-contact-member,.btn-profile-member{flex:1 1;font-size:13px;padding:10px 14px}}@media (min-width:481px) and (max-width:768px){.member-list{gap:16px;margin-top:18px}.section-header h3{font-size:17px}.member-card{flex-direction:column;gap:16px;padding:18px}.member-left{width:100%}.member-avatar{height:44px;width:44px}.member-name{font-size:17px}.member-desc{font-size:13px}.member-actions{flex-direction:row;gap:12px;width:100%}.btn-contact-member,.btn-profile-member{flex:1 1;padding:10px 16px}}@media (min-width:769px) and (max-width:1024px){.member-list{gap:18px;margin-top:20px}.member-card{flex-direction:row;padding:18px}.member-left{flex-direction:row;gap:14px}.member-avatar{height:46px;width:46px}.member-actions{flex-direction:column;gap:10px}.btn-contact-member,.btn-profile-member{font-size:13px;padding:9px 14px}}@media (min-width:1025px) and (max-width:1200px){.member-list{max-width:100%}.member-card{padding:19px}.member-left{gap:15px}.member-actions{gap:10px}.btn-contact-member,.btn-profile-member{padding:10px 15px}}@media (min-width:1201px) and (max-width:1919px){.member-list{max-width:1240px}.member-card{padding:20px}.section-header h3{font-size:18px}}@media (min-width:1920px){.member-list{gap:24px;margin-top:24px;max-width:1600px}.section-header h3{font-size:20px}.view-all{font-size:15px}.member-card{border-radius:14px;padding:24px}.member-left{gap:18px}.member-avatar{font-size:20px;height:52px;width:52px}.member-name{font-size:19px}.member-desc,.member-major{font-size:15px}.skills{gap:10px}.skill-tag{font-size:14px;padding:5px 14px}.member-actions{gap:12px}.btn-contact-member,.btn-profile-member{font-size:15px;padding:12px 20px}.member-pagination{margin-top:28px}.ant-pagination-item{font-size:17px}}.profile-view-detail-modal{display:flex;flex-direction:column;gap:20px}.profile-view-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:12px}.profile-view-header h2{font-size:20px;font-weight:600;margin:0}.profile-view-major{color:#0369a1;font-size:14px;margin:4px 0}.profile-view-desc{color:#444;font-size:14px}.profile-view-section{background:#fafafa;border-radius:8px;padding:15px}.profile-view-section h4{color:#111;font-size:15px;font-weight:600;margin:0 0 10px}.profile-view-section p{color:#444;font-size:14px;margin:0}.profile-view-tag-list{display:flex;flex-wrap:wrap;gap:8px}.profile-view-course-list{display:flex;flex-direction:column;gap:8px}.profile-view-course-item{background:#fff;border:1px solid #eee;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 10px}.profile-view-modal-footer{display:flex;justify-content:flex-start;margin-top:10px}.profile-view-button-cancel{background-color:#e2e2e2;border:none;border-radius:8px;color:#333;padding:10px 16px}.profile-view-button-cancel:hover{transform:translateY(-2px)}.group-list{display:flex;flex-direction:column;gap:20px;margin-top:20px;max-width:1240px;width:100%}.section-header{margin-left:0}.group-left{display:flex;flex:1 1;gap:16px}.group-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.group-avatar img{height:100%;object-fit:cover;width:100%}.group-info{display:flex;flex-direction:column;gap:8px}.group-header{gap:10px}.group-major,.group-member,.group-subject{color:#555;font-size:14px;margin:0}.group-desc{color:#444;display:flex;flex-wrap:wrap;gap:8px;margin:0}.group-desc label{color:#374151;font-weight:500}.tag{display:inline-block}.btn-contact-group,.btn-profile-group{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:transform .2s ease;white-space:nowrap}.btn-contact-group{background:#0c326f;color:#fff}.btn-contact-group:hover{background:#0a2857;transform:translateY(-2px)}.btn-profile-group{background:#f1f5f9;color:#333}.btn-profile-group:hover{background:#e2e8f0;transform:translateY(-2px)}@media (max-width:375px){.group-list{gap:12px;margin-top:14px}.section-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px}.section-header h3{font-size:16px}.view-all{font-size:12px}.group-card{border-radius:10px;flex-direction:column;gap:14px;padding:14px}.group-left{flex-direction:column;gap:10px}.group-avatar{height:40px;width:40px}.group-info{gap:6px}.group-name{font-size:15px}.group-major,.group-member,.group-subject{font-size:12px}.group-desc{font-size:13px;gap:6px}.tag{font-size:11px;padding:3px 10px}.group-actions{flex-direction:row;gap:8px;width:100%}.btn-contact-group,.btn-profile-group{flex:1 1;font-size:12px;padding:9px 12px}.btn-contact-group svg,.btn-profile-group svg{height:14px;width:14px}}@media (min-width:376px) and (max-width:480px){.group-list{gap:14px;margin-top:16px}.section-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:14px}.section-header h3{font-size:17px}.view-all{font-size:13px}.group-card{border-radius:10px;flex-direction:column;gap:16px;padding:16px}.group-left{flex-direction:column;gap:12px}.group-avatar{height:42px;width:42px}.group-info{gap:7px}.group-name{font-size:16px}.group-desc,.group-major,.group-member,.group-subject{font-size:13px}.group-desc{gap:7px}.tag{font-size:12px;padding:3px 10px}.group-actions{flex-direction:row;gap:10px;width:100%}.btn-contact-group,.btn-profile-group{flex:1 1;font-size:13px;padding:10px 14px}}@media (min-width:481px) and (max-width:768px){.group-list{gap:16px;margin-top:18px}.section-header h3{font-size:17px}.group-card{flex-direction:column;gap:16px;padding:18px}.group-left{width:100%}.group-avatar{height:44px;width:44px}.group-name{font-size:17px}.group-desc{font-size:13px}.group-actions{flex-direction:row;gap:12px;width:100%}.btn-contact-group,.btn-profile-group{flex:1 1;padding:10px 16px}}@media (min-width:769px) and (max-width:1024px){.group-list{gap:18px;margin-top:20px}.group-card{flex-direction:row;padding:18px}.group-left{flex-direction:row;gap:14px}.group-avatar{height:46px;width:46px}.group-actions{flex-direction:column;gap:10px}.btn-contact-group,.btn-profile-group{font-size:13px;padding:9px 14px}}@media (min-width:1025px) and (max-width:1200px){.group-list{max-width:100%}.group-card{padding:19px}.group-left{gap:15px}.group-actions{gap:10px}.btn-contact-group,.btn-profile-group{padding:10px 15px}}@media (min-width:1201px) and (max-width:1919px){.group-list{max-width:1240px}.group-card{padding:20px}.section-header h3{font-size:18px}}@media (min-width:1920px){.group-list{gap:24px;margin-top:24px;max-width:1600px}.section-header h3{font-size:20px}.view-all{font-size:15px}.group-card{border-radius:14px;padding:24px}.group-left{gap:18px}.group-avatar{height:52px;width:52px}.group-name{font-size:19px}.group-desc,.group-major,.group-member,.group-subject{font-size:15px}.group-desc{gap:10px}.tag{font-size:14px;padding:5px 14px}.group-actions{gap:12px}.btn-contact-group,.btn-profile-group{font-size:15px;padding:12px 20px}}.group-view-detail-modal{display:flex;flex-direction:column;gap:20px}.group-view-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:12px}.group-view-header h2{font-size:20px;font-weight:600;margin:0}.group-view-course{color:#0369a1;font-size:14px;margin:4px 0}.group-view-desc{color:#444;font-size:14px}.group-view-member-count{color:#111;font-size:16px;font-weight:600;margin-right:30px}.group-view-section{background:#fafafa;border-radius:8px;padding:15px}.group-view-section h4{color:#111;font-size:15px;font-weight:600;margin:0 0 10px}.group-view-basic-info{grid-gap:8px 16px;color:#444;display:grid;font-size:14px;gap:8px 16px;grid-template-columns:repeat(2,1fr)}.group-view-tag-list{display:flex;flex-wrap:wrap;gap:8px}.group-view-avatar{align-items:center;background:#0c326f;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:35px;justify-content:center;width:35px}.group-view-position-item{background:#fff;border:1px solid #eee;border-radius:6px;margin-bottom:8px;padding:10px 12px}.group-view-position-item strong{font-weight:600;margin-right:8px}.group-view-position-item p{color:#444;font-size:14px;margin:4px 0 0}.group-view-modal-footer{display:flex;justify-content:flex-start}.group-view-button-cancel{background-color:#e2e2e2;border:none;border-radius:8px;color:#333;padding:10px 16px}.group-view-button-cancel:hover{transform:translateY(-2px)}.finding-forum-container{width:100%}.finding-option-title{display:flex;gap:10px;margin-top:30px}.finding-option{background:none;border:none;color:#333;cursor:pointer;font-size:16px;padding:8px 12px;position:relative;transition:color .3s ease}.finding-option:after{background-color:#0c326f;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.finding-option.active{color:#0c326f;font-weight:500}.finding-option.active:after{width:100%}@media (max-width:375px){.finding-forum-container{width:100%}.finding-option-title{gap:6px;margin-top:16px}.finding-option{font-size:13px;padding:6px 10px}}@media (min-width:376px) and (max-width:480px){.finding-forum-container{width:100%}.finding-option-title{gap:8px;margin-top:18px}.finding-option{font-size:14px;padding:7px 11px}}@media (min-width:481px) and (max-width:768px){.finding-forum-container{width:100%}.finding-option-title{gap:10px;margin-top:20px}.finding-option{font-size:15px;padding:8px 12px}}@media (min-width:769px) and (max-width:1024px){.finding-forum-container{width:100%}.finding-option-title{margin-top:24px}}@media (min-width:1025px) and (max-width:1200px){.finding-forum-container{max-width:1100px;width:100%}.finding-option-title{margin-top:26px}}@media (min-width:1201px) and (max-width:1919px){.finding-forum-container{max-width:1240px}.finding-option-title{margin-top:28px}}@media (min-width:1920px){.finding-forum-container{max-width:1600px}.finding-option-title{gap:12px;margin-top:32px}.finding-option{font-size:17px;padding:10px 16px}}.my-group-list{display:flex;flex-direction:column;gap:20px;margin-top:20px;width:100%}.group-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:20px;transition:box-shadow .3s ease}.group-card:hover{box-shadow:0 4px 12px #0000001f}.group-info{flex:1 1}.group-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.group-name{color:#1f2937;font-size:18px;font-weight:600;margin:0}.group-code{color:#0c326f;font-size:14px;font-weight:500}.status{border-radius:6px;font-size:13px;padding:4px 10px}.status.active{background:#dcfce7;color:#15803d}.status.inactive{background:#fee2e2;color:#b91c1c}.group-desc{color:#555;font-size:14px;line-height:1.5;margin:8px 0}.group-stats{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.stat-box{background:#f9fafb;border-radius:8px;flex:1 1;min-width:200px;padding:12px 16px}.stat-box p{color:#666;font-size:13px;margin:0 0 4px}.stat-box strong{color:#111;font-size:15px}.group-section p{font-size:14px;font-weight:500;margin:0 0 8px}.group-actions{display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:10px}.btn-delete-my-group,.btn-detail-my-group,.btn-edit-my-group{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:transform .2s ease;white-space:nowrap}.btn-edit-my-group{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.btn-edit-my-group:hover{transform:translateY(-2px)}.btn-delete-my-group{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.btn-delete-my-group:hover{transform:translateY(-2px)}.btn-detail-my-group{background:#0c326f;color:#fff}.btn-detail-my-group:hover{transform:translateY(-2px)}@media (max-width:375px){.my-group-list{gap:12px;margin-top:14px}.section-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px}.section-header h3{font-size:16px}.view-all{font-size:12px}.group-card{border-radius:10px;flex-direction:column;gap:16px;padding:14px}.group-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px}.group-name{font-size:16px}.group-code{font-size:13px}.group-stats{flex-direction:column;gap:10px;margin:12px 0}.stat-box{min-width:100%;padding:10px 12px}.stat-box p{font-size:12px}.stat-box strong{font-size:14px}.group-desc{font-size:13px}.tag{font-size:11px;padding:3px 10px}.group-actions{flex-direction:row;flex-wrap:wrap;gap:8px;width:100%}.btn-delete-my-group,.btn-detail-my-group,.btn-edit-my-group{flex:1 1;font-size:12px;justify-content:center;min-width:calc(50% - 4px);padding:9px 12px}.btn-delete-my-group svg,.btn-detail-my-group svg,.btn-edit-my-group svg{height:14px;width:14px}}@media (min-width:376px) and (max-width:480px){.my-group-list{gap:14px;margin-top:16px}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.section-header h3{font-size:17px}.view-all{font-size:13px}.group-card{flex-direction:column;gap:16px;padding:16px}.group-header{flex-wrap:wrap;gap:10px}.group-name{font-size:17px}.group-stats{flex-direction:column;gap:12px}.stat-box{min-width:100%}.tag{font-size:12px}.group-actions{flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.btn-delete-my-group,.btn-detail-my-group,.btn-edit-my-group{flex:1 1;justify-content:center;min-width:calc(50% - 5px)}}@media (min-width:481px) and (max-width:768px){.my-group-list{gap:16px;margin-top:18px}.group-card{flex-direction:column;gap:18px;padding:18px}.group-stats{gap:12px}.stat-box{min-width:calc(50% - 6px)}.group-actions{flex-direction:row;gap:12px;width:100%}.btn-delete-my-group,.btn-detail-my-group,.btn-edit-my-group{flex:1 1}}@media (min-width:769px) and (max-width:1024px){.my-group-list{gap:18px;margin-top:20px}.group-card{flex-direction:row;padding:18px}.group-stats{gap:14px}.stat-box{min-width:180px}.group-actions{flex-direction:column}}@media (min-width:1025px) and (max-width:1200px){.my-group-list{max-width:100%}.group-card{padding:19px}.stat-box{min-width:200px}}@media (min-width:1201px) and (max-width:1919px){.my-group-list{max-width:1240px}.group-card{padding:20px}}@media (min-width:1920px){.my-group-list{gap:24px;margin-top:24px;max-width:1600px}.section-header{display:column}.section-header h3{font-size:20px}.view-all{font-size:15px}.group-card{border-radius:14px;padding:24px}.group-name{font-size:19px}.group-code,.group-desc{font-size:15px}.group-stats{gap:20px}.stat-box{min-width:220px;padding:14px 18px}.stat-box p{font-size:14px}.stat-box strong{font-size:16px}.tag{font-size:14px;padding:5px 14px}.group-actions{gap:12px}.btn-delete-my-group,.btn-detail-my-group,.btn-edit-my-group{font-size:14px;padding:10px 16px}}.group-form-member-item.editable,.group-form-position-item.editable{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.group-form-member-item.editable .ant-input,.group-form-position-item.editable .ant-input{flex:1 1}.group-form-position-item.editable .ant-input-textarea{flex:2 1}.group-form-remove-icon{color:#ff4d4f;cursor:pointer;font-size:18px;margin-top:6px}.group-form-modal-header{border-bottom:1px solid #eee;padding-bottom:12px}.group-form-modal-header h2{font-size:20px;font-weight:600;margin:0}.group-form-modal-header p{color:#444;font-size:14px;margin:4px 0 0}.group-form-modal-required{color:red!important;font-weight:700}.group-form-section{background-color:#fafafa;border-radius:8px;margin-top:10px;padding:15px}.group-form-project{grid-gap:10px;display:grid;gap:10px}.group-form-info{display:flex;gap:10px}.group-form-fee-warning{animation:fadeIn .5s ease;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;color:#856404;font-size:14px;font-weight:500;margin-top:12px;padding:10px 14px;text-align:center}.group-form-modal-footer{display:flex;gap:10px;margin-top:10px}.group-form-button-cancel{background-color:#e2e2e2;border:none;border-radius:8px;color:#333;padding:10px 16px}.group-form-button-cancel:hover{transform:translateY(-2px)}.group-form-button-create{background-color:#0c326f;border:none;border-radius:8px;color:#fff;padding:10px 16px}.group-form-button-create:hover{transform:translateY(-2px)}.my-profile-list{display:flex;flex-direction:column;gap:20px;margin-top:20px;max-width:1240px;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section-header h3{font-size:18px;font-weight:600;margin:0}.view-all{color:#666;font-size:14px}.profile-card-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:box-shadow .3s ease}.profile-card-container:hover{box-shadow:0 4px 12px #0000001f}.profile-card{align-items:flex-start;margin-bottom:16px}.my-profile-header,.profile-card{display:flex;justify-content:space-between}.my-profile-header{align-items:center}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.avatar{background:#0c326f;border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.avatar,.profile-name{align-items:center;display:flex}.profile-name{color:#1f2937;font-size:18px;font-weight:600;gap:6px;margin:0}.profile-class,.profile-intro,.profile-major{color:#444;font-size:14px;line-height:1.5}.profile-major{font-weight:400;margin:0}.profile-section p{color:#374151;font-size:14px;font-weight:500}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.tag{background:#e0e7ff;border-radius:16px;color:#3730a3;font-size:13px;font-weight:500;padding:4px 12px}.course-list{display:flex;flex-direction:column;gap:8px}.course-item{background:#f0f7ff;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.course-item span{color:#0c326f;font-weight:500}.course-item strong{color:#374151;font-size:14px}.my-profile-actions{display:flex;flex-direction:column;flex-shrink:0;gap:10px}.my-profile-btn-delete,.my-profile-btn-detail,.my-profile-btn-edit{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:transform .2s ease;white-space:nowrap}.my-profile-btn-detail{background:#0c326f;color:#fff}.my-profile-btn-detail:hover{transform:translateY(-2px)}.my-profile-btn-edit{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.my-profile-btn-edit:hover{transform:translateY(-2px)}.my-profile-btn-delete{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.my-profile-btn-delete:hover{transform:translateY(-2px)}@media (max-width:375px){.my-profile-list{gap:12px;margin-top:14px}.section-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px}.section-header h3{font-size:16px}.view-all{font-size:12px}.profile-card-container{border-radius:10px;padding:14px}.profile-card{flex-direction:column;margin-bottom:12px}.my-profile-header{gap:8px}.my-profile-header,.profile-name{align-items:flex-start;flex-direction:column}.profile-name{font-size:16px}.profile-intro,.profile-major,.profile-section p{font-size:13px}.tag{font-size:11px;padding:3px 10px}.course-item{flex-direction:column;gap:4px;padding:8px 12px}.course-item strong{font-size:13px}.my-profile-actions{flex-direction:row;flex-wrap:wrap;gap:8px;width:100%}.my-profile-btn-delete,.my-profile-btn-detail,.my-profile-btn-edit{flex:1 1;font-size:12px;justify-content:center;min-width:calc(50% - 4px);padding:9px 12px}.my-profile-btn-delete svg,.my-profile-btn-detail svg,.my-profile-btn-edit svg{height:14px;width:14px}}@media (min-width:376px) and (max-width:480px){.my-profile-list{gap:14px;margin-top:16px}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.section-header h3{font-size:17px}.view-all{font-size:13px}.profile-card-container{padding:16px}.profile-card{flex-direction:column;gap:16px}.profile-name{font-size:17px}.profile-intro,.profile-major{font-size:13px}.tag{font-size:12px}.course-item{flex-direction:column;gap:6px}.my-profile-actions{flex-direction:row;flex-wrap:wrap;gap:10px;width:100%}.my-profile-btn-delete,.my-profile-btn-detail,.my-profile-btn-edit{flex:1 1;justify-content:center;min-width:calc(50% - 5px)}}@media (min-width:481px) and (max-width:768px){.my-profile-list{gap:16px;margin-top:18px}.profile-card-container{padding:18px}.profile-card{flex-direction:column;gap:16px}.course-item{flex-direction:row}.my-profile-actions{flex-direction:row;gap:12px;width:100%}.my-profile-btn-delete,.my-profile-btn-detail,.my-profile-btn-edit{flex:1 1}}@media (min-width:769px) and (max-width:1024px){.my-profile-list{gap:18px;margin-top:20px}.profile-card-container{padding:18px}.profile-card{flex-direction:row}.my-profile-actions{flex-direction:column}}@media (min-width:1025px) and (max-width:1200px){.my-profile-list{max-width:100%}.profile-card-container{padding:19px}}@media (min-width:1201px) and (max-width:1919px){.my-profile-list{max-width:1240px}.profile-card-container{padding:20px}}@media (min-width:1920px){.my-profile-list{gap:24px;margin-top:24px;max-width:1600px}.section-header h3{font-size:20px}.view-all{font-size:15px}.profile-card-container{border-radius:14px;padding:24px}.profile-card{margin-bottom:20px}.profile-name{font-size:19px}.profile-class,.profile-intro,.profile-major,.profile-section p{font-size:15px}.tag{font-size:14px;padding:5px 14px}.course-item{padding:12px 16px}.course-item span,.course-item strong{font-size:15px}.my-profile-actions{gap:12px}.my-profile-btn-delete,.my-profile-btn-detail,.my-profile-btn-edit{font-size:14px;padding:10px 16px}}.profile-form-modal{display:flex;flex-direction:column;gap:20px}.profile-form-modal-header{border-bottom:1px solid #eee;padding-bottom:12px}.profile-form-modal-header h2{font-size:20px;font-weight:600;margin:0}.profile-form-modal-header p{color:#444;font-size:14px;margin:4px 0 0}.profile-form-modal-required{color:red!important;font-weight:700}.profile-form-section{background:#fafafa;border-radius:8px;padding:15px}.profile-form-section h4{color:#111;font-size:15px;font-weight:600;margin:0 0 10px}.profile-form-info{display:flex;gap:10px}.profile-form-two-cols{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:10px}.profile-form-input{grid-gap:10px;display:grid;gap:10px}.profile-form-fee-warning{animation:fadeIn .5s ease;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;color:#856404;font-size:14px;font-weight:500;margin-top:12px;padding:10px 14px;text-align:center}.profile-form-modal-footer{display:flex;gap:10px;margin-top:10px}.profile-form-button-cancel{background-color:#e2e2e2;border:none;border-radius:8px;color:#333;padding:10px 16px}.profile-form-button-cancel:hover{transform:translateY(-2px)}.profile-form-button-create{background-color:#0c326f;border:none;border-radius:8px;color:#fff;padding:10px 16px}.profile-form-button-create:hover{transform:translateY(-2px)}.finding-navbar{display:flex;justify-content:flex-start;margin:15px 0;width:100%}.finding-nav-links{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f;display:flex;flex-direction:row;overflow:hidden;width:100%}.finding-nav-btn{align-items:center;background-color:#fff;border:none;color:#000;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:14px 30px;transition:background-color .3s,color .3s}.finding-nav-btn:not(.active):focus,.finding-nav-btn:not(.active):hover{background-color:#f1f1f1;color:#333}.finding-nav-btn.active,.finding-nav-btn.active:focus,.finding-nav-btn.active:hover{background-color:#0c326f!important;color:#fff!important;outline:none!important}@media (max-width:375px){.finding-navbar{margin:16px 0}.finding-nav-links{border-radius:8px;flex-direction:column}.finding-nav-btn{border-bottom:1px solid #f0f0f0;font-size:13px;gap:6px;justify-content:flex-start;padding:12px 16px}.finding-nav-btn:last-child{border-bottom:none}.finding-nav-btn svg{height:18px;width:18px}.finding-nav-btn.active{border-radius:0}.finding-nav-btn:first-child.active{border-radius:8px 8px 0 0}.finding-nav-btn:last-child.active{border-radius:0 0 8px 8px}}@media (min-width:376px) and (max-width:480px){.finding-navbar{margin:18px 0}.finding-nav-links{flex-direction:column}.finding-nav-btn{border-bottom:1px solid #f0f0f0;font-size:14px;gap:7px;justify-content:flex-start;padding:13px 18px}.finding-nav-btn:last-child{border-bottom:none}.finding-nav-btn svg{height:19px;width:19px}.finding-nav-btn.active{border-radius:0}.finding-nav-btn:first-child.active{border-radius:8px 8px 0 0}.finding-nav-btn:last-child.active{border-radius:0 0 8px 8px}}@media (min-width:481px) and (max-width:768px){.finding-navbar{margin:20px 0}.finding-nav-links{flex-direction:row}.finding-nav-btn{font-size:13px;gap:6px;padding:12px 16px}.finding-nav-btn svg{height:18px;width:18px}.finding-nav-btn.active{border-radius:8px}}@media (min-width:769px) and (max-width:1024px){.finding-navbar{margin:24px 0}.finding-nav-btn{font-size:14px;gap:7px;padding:13px 20px}.finding-nav-btn svg{height:19px;width:19px}.finding-nav-btn.active{border-radius:8px}}@media (min-width:1025px) and (max-width:1200px){.finding-navbar{margin:26px 0;max-width:100%}.finding-nav-btn{font-size:15px;padding:13px 24px}.finding-nav-btn.active{border-radius:8px}}@media (min-width:1201px) and (max-width:1919px){.finding-navbar{margin:28px 0;max-width:1240px}.finding-nav-btn{font-size:16px;padding:14px 30px}.finding-nav-btn.active{border-radius:8px}}@media (min-width:1920px){.finding-navbar{max-width:1600px}.finding-nav-links{border-radius:10px}.finding-nav-btn{font-size:17px;gap:10px;padding:16px 36px}.finding-nav-btn svg{height:22px;width:22px}.finding-nav-btn.active{border-radius:10px}}.finding-container{background-color:#fbfaf9;box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-height:100vh}.main-content-finding{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:20px}.add-info-finding{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;padding:20px;width:100%}.button-action-finding-nav{display:flex;flex-wrap:wrap;gap:12px}.create-btn-finding{align-items:center;background:#0c326f;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;text-align:center;transition:transform .2s ease,opacity .2s ease;white-space:nowrap}.create-btn-finding:hover{transform:translateY(-2px)}@media (max-width:375px){.main-content-finding{margin:70px 0 0;padding:12px}.add-info-finding{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.add-info-finding h3{font-size:16px;margin:0}.add-info-finding p{font-size:12px;margin:4px 0 0}.button-action-finding-nav{flex-direction:column;gap:8px;width:100%}.create-btn-finding{font-size:13px;padding:10px 14px;width:100%}}@media (min-width:376px) and (max-width:480px){.main-content-finding{margin:75px 0 0;padding:14px}.add-info-finding{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.add-info-finding h3{font-size:17px;margin:0}.add-info-finding p{font-size:13px;margin:4px 0 0}.button-action-finding-nav{flex-direction:column;gap:10px;width:100%}.create-btn-finding{font-size:14px;padding:11px 16px;width:100%}}@media (min-width:481px) and (max-width:768px){.main-content-finding{margin:80px 0 0;padding:16px}.add-info-finding{align-items:flex-start;flex-direction:column;gap:16px;padding:18px}.add-info-finding h3{font-size:18px}.add-info-finding p{font-size:14px}.button-action-finding-nav{flex-direction:row;gap:12px;width:100%}.create-btn-finding{flex:1 1;font-size:13px;min-width:0;padding:11px 14px}}@media (min-width:769px) and (max-width:1024px){.main-content-finding{margin:85px 0 0;padding:20px}.add-info-finding{flex-direction:row;justify-content:space-between;padding:20px}.button-action-finding-nav{gap:10px}.create-btn-finding{font-size:13px;padding:10px 14px}}@media (min-width:1025px) and (max-width:1200px){.main-content-finding{margin:75px 0 0 120px;padding:20px}.add-info-finding{max-width:100%;padding:20px}.create-btn-finding{font-size:14px;padding:10px 16px}}@media (min-width:1201px) and (max-width:1919px){.main-content-finding{margin:80px 0 0 160px;padding:20px}.add-info-finding{max-width:1240px;padding:22px}}@media (min-width:1920px){.main-content-finding{margin:90px 0 0 160px;padding:24px}.add-info-finding{margin-top:15px;max-width:1600px}.add-info-finding h3{font-size:20px}.add-info-finding p{font-size:16px}.create-btn-finding{font-size:15px;padding:12px 20px}}.coin-button{align-items:center;background:linear-gradient(90deg,#facc15,#f97316);border:2px solid #fcd34d;border-radius:9999px;box-shadow:0 0 25px #facc15b3;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:16px 24px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content;z-index:9999}.coin-button:hover{box-shadow:0 0 35px #facc15e6;transform:scale(1.05)}.coin-text{line-height:1.2;text-align:right}@media (max-width:1024px){.coin-button{font-size:13px;gap:6px;padding:12px 18px;right:15px;top:15px}.coin-button svg{height:22px;width:22px}}@media (max-width:768px){.coin-button{font-size:12px;gap:4px;padding:10px 14px;right:12px;top:12px}.coin-button svg{height:20px;width:20px}}@media (max-width:480px){.coin-button{font-size:11px;gap:3px;padding:8px 12px;right:10px;top:10px}.coin-button svg{height:18px;width:18px}@media (min-width:1440px){.coin-button{font-size:16px;gap:10px;padding:18px 28px;right:25px;top:25px}.coin-button svg{height:28px;width:28px}}@media (min-width:1920px){.coin-button{font-size:18px;gap:12px;padding:20px 32px;right:30px;top:30px}.coin-button svg{height:32px;width:32px}}}.legal-page{background-color:#fbfaf9;display:flex;flex-direction:column;min-height:100vh}.legal-page-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:50px;padding-top:97px}.legal-content{background-color:#fff;box-shadow:0 1px 3px #00000014;flex:1 1;line-height:1.8;margin:0 auto;max-width:1200px;padding:48px 80px;width:100%}.legal-section{margin-bottom:56px;scroll-margin-top:120px}.legal-section:last-of-type{margin-bottom:0}.legal-section-title{align-items:center;border-bottom:3px solid #667eea;color:#1a202c;display:flex;font-size:32px;font-weight:700;gap:16px;margin:0 0 24px;padding-bottom:16px}.section-number{align-items:center;background:#0c326f;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:inline-flex;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.legal-section-content{color:#2d3748;font-size:16px}.legal-section-content p{line-height:1.8;margin:0 0 20px}.legal-section-content p:last-child{margin-bottom:0}.subsection-title{color:#2d3748;font-size:20px;font-weight:600;margin:28px 0 16px}.legal-list{list-style:none;margin:20px 0;padding-left:0}.legal-list li{line-height:1.7;margin-bottom:16px;padding-left:32px;position:relative}.legal-list li:before{color:#667eea;content:"→";font-size:18px;font-weight:700;left:0;position:absolute}.legal-list li strong{color:#1a202c;font-weight:600}.info-box,.warning-box{border-radius:12px;display:flex;gap:16px;margin:24px 0;padding:20px 24px}.info-box{background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-left:4px solid #667eea}.warning-box{background:linear-gradient(135deg,#fff4e6,#ffe5e5);border-left:4px solid #f59e0b}.info-box-icon,.warning-box-icon{flex-shrink:0;font-size:28px;line-height:1}.info-box-content,.warning-box-content{flex:1 1;font-size:15px;line-height:1.6}.info-box-content strong,.warning-box-content strong{color:#1a202c;display:block;font-weight:600;margin-bottom:4px}.purpose-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:32px 0}.purpose-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:16px;padding:28px;text-align:center;transition:all .3s ease}.purpose-card:hover{border-color:#667eea;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.purpose-icon{font-size:48px;margin-bottom:16px}.purpose-card h4{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 12px}.purpose-card p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}.rights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:32px 0}.rights-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.rights-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.rights-card:hover:before{transform:scaleX(1)}.rights-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-4px)}.rights-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-flex;font-size:18px;font-weight:700;height:36px;justify-content:center;margin-bottom:16px;width:36px}.rights-card h4{color:#1a202c;font-size:17px;font-weight:600;margin:0 0 8px}.rights-card p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}.cookies-table{border:2px solid #e2e8f0;border-radius:12px;margin:24px 0;overflow:hidden}.cookies-row{grid-gap:20px;background:#fff;display:grid;gap:20px;grid-template-columns:220px 1fr;padding:20px 24px;transition:background .2s ease}.cookies-row:not(:last-child){border-bottom:1px solid #e2e8f0}.cookies-row:hover{background:#f7fafc}.cookies-type{color:#1a202c;font-size:15px;font-weight:600}.cookies-desc{color:#4a5568;font-size:14px;line-height:1.6}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0;z-index:1500}.sidebar-drawer{background:#fff;border-bottom-right-radius:16px;border-top-right-radius:16px;box-shadow:4px 0 12px #0003;left:0;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;width:200px;z-index:2000}.sidebar-drawer.open{transform:translateX(0)}@media (min-width:1920px){.legal-content{max-width:1400px;padding:64px 100px}.legal-section-title{font-size:36px}.legal-section-content{font-size:17px}}@media (min-width:1201px) and (max-width:1919px){.legal-page-wrapper{margin-left:80px}.legal-content{padding:48px 80px}}@media (min-width:1025px) and (max-width:1200px){.legal-page-wrapper{margin-left:64px}.legal-content{padding:40px 60px}.legal-section-title{font-size:28px}.purpose-grid,.rights-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.legal-page-wrapper{margin-left:0;padding-top:64px}.legal-content{padding:36px 48px}.legal-section-title{font-size:26px}.section-number{font-size:22px;height:42px;width:42px}.legal-section-content{font-size:15px}.purpose-grid,.rights-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.cookies-row{gap:12px;grid-template-columns:1fr}.cookies-type{border-bottom:1px solid #e2e8f0;padding-bottom:8px}}@media (min-width:481px) and (max-width:768px){.legal-page-wrapper{margin-left:0;padding-top:64px}.legal-content{padding:32px 36px}.legal-section{margin-bottom:48px}.legal-section-title{font-size:24px;gap:12px}.section-number{font-size:20px;height:40px;width:40px}.legal-section-content{font-size:15px}.subsection-title{font-size:18px}.purpose-grid,.rights-grid{gap:16px;grid-template-columns:1fr}.purpose-card,.rights-card{padding:24px}.cookies-row{gap:10px;grid-template-columns:1fr;padding:18px 20px}.cookies-type{border-bottom:1px solid #e2e8f0;padding-bottom:8px}.contact-info{padding:28px}.contact-label{font-size:14px;min-width:120px}.contact-value{font-size:14px}}@media (min-width:376px) and (max-width:480px){.legal-page-wrapper{margin-left:0;padding-top:64px}.legal-content{padding:28px 24px}.legal-section{margin-bottom:40px}.legal-section-title{align-items:flex-start;flex-direction:column;font-size:22px;gap:10px}.section-number{font-size:18px;height:36px;width:36px}.legal-section-content{font-size:14px}.subsection-title{font-size:17px;margin:24px 0 14px}.legal-list li{font-size:14px;margin-bottom:14px;padding-left:28px}.info-box,.warning-box{flex-direction:column;gap:12px;padding:18px 20px}.info-box-icon,.warning-box-icon{font-size:32px}.info-box-content,.warning-box-content{font-size:14px}.purpose-grid,.rights-grid{gap:16px;grid-template-columns:1fr}.purpose-card{padding:20px}.purpose-icon{font-size:42px;margin-bottom:14px}.purpose-card h4{font-size:16px}.purpose-card p{font-size:13px}.rights-card{padding:20px}.rights-number{font-size:16px;height:32px;margin-bottom:12px;width:32px}.rights-card h4{font-size:16px}.rights-card p{font-size:13px}.cookies-row{gap:10px;grid-template-columns:1fr;padding:16px 18px}.cookies-type{font-size:14px;padding-bottom:8px}.cookies-desc{font-size:13px}.contact-info{padding:24px 20px}.contact-item{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 0}.contact-label{font-size:13px;min-width:auto}.contact-value{font-size:14px;padding-left:0}.contact-note{font-size:13px;margin-top:16px;padding-top:16px}}@media (max-width:375px){.legal-page-wrapper{margin-left:0;padding-top:64px}.legal-content{padding:24px 20px}.legal-section{margin-bottom:36px}.legal-section-title{align-items:flex-start;flex-direction:column;font-size:20px;gap:10px;padding-bottom:12px}.section-number{border-radius:10px;font-size:17px;height:34px;width:34px}.legal-section-content{font-size:14px}.legal-section-content p{margin-bottom:16px}.subsection-title{font-size:16px;margin:20px 0 12px}.legal-list li{font-size:13px;margin-bottom:12px;padding-left:26px}.legal-list li:before{font-size:16px}.info-box,.warning-box{border-radius:10px;flex-direction:column;gap:10px;margin:20px 0;padding:16px 18px}.info-box-icon,.warning-box-icon{font-size:28px}.info-box-content,.warning-box-content{font-size:13px}.purpose-grid,.rights-grid{gap:14px;grid-template-columns:1fr}.purpose-card{border-radius:14px;padding:18px}.purpose-icon{font-size:40px;margin-bottom:12px}.purpose-card h4{font-size:15px;margin-bottom:10px}.purpose-card p{font-size:13px}.rights-card{border-radius:10px;padding:18px}.rights-number{border-radius:6px;font-size:15px;height:30px;margin-bottom:10px;width:30px}.rights-card h4{font-size:15px;margin-bottom:6px}.rights-card p{font-size:13px}.cookies-table{border-radius:10px;margin:20px 0}.cookies-row{gap:8px;grid-template-columns:1fr;padding:14px 16px}.cookies-type{font-size:13px;padding-bottom:6px}.cookies-desc{font-size:12px}.contact-info{border-radius:14px;margin:20px 0;padding:20px 18px}.contact-item{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 0}.contact-label{font-size:13px;min-width:auto}.contact-value{font-size:13px;padding-left:0}.contact-note{font-size:12px;margin-top:14px;padding-top:14px}}@media (max-height:500px) and (orientation:landscape){.legal-page-wrapper{padding-top:60px}.legal-content{padding:24px 32px}.legal-section{margin-bottom:32px}.legal-section-title{font-size:20px}}@media print{.legal-page-wrapper{margin-left:0;padding-top:0}.legal-content{box-shadow:none;padding:20px}.overlay,.sidebar-drawer{display:none}.legal-section,.purpose-card,.rights-card{page-break-inside:avoid}}.about-us-page{background:linear-gradient(180deg,#f9fafb 0,#fff);margin-top:97px;min-height:100vh;width:100%}.hero-section{background:#1a1a2e;overflow:hidden;padding:80px 24px;position:relative;text-align:center}.hero-section:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.logo-wrapper{animation:fadeInDown .8s ease-out;margin-bottom:32px}.hero-logo{border-radius:24px;box-shadow:0 20px 60px #0000004d;height:120px;transition:transform .3s ease;width:120px}.hero-logo:hover{transform:scale(1.05)}.hero-title{animation:fadeInUp .8s ease-out .2s backwards;color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px}.hero-description{animation:fadeInUp .8s ease-out .4s backwards;color:#ffffffe6;font-size:20px;line-height:1.6;margin:0 auto;max-width:700px}.hero-decoration{animation:fadeInUp .8s ease-out .6s backwards;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;height:4px;margin:32px auto 0;width:60px}.stats-section-about{background:#fff;border-bottom:1px solid #e5e7eb;padding:60px 24px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.stat-card-about{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:16px;padding:32px 16px;text-align:center;transition:all .3s ease}.stat-card-about:hover{border-color:#2b2c8c;box-shadow:0 12px 24px #2b2c8c1a;transform:translateY(-4px)}.stat-number-about{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2b2c8c,#4f46e5);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;margin-bottom:8px}.stat-label-about{color:#6b7280;font-size:16px;font-weight:500}.story-section-about,.team-section,.values-section{margin:0 auto;max-width:1200px;padding:80px 24px}.section-header-about{margin-bottom:48px;text-align:center}.section-title-about{color:#111827;font-size:40px;font-weight:700;line-height:1.2}.story-content{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;margin:0 auto;max-width:800px;padding:40px}.story-content p{color:#4b5563;font-size:18px;line-height:1.8;margin-bottom:24px}.story-content p:last-child{margin-bottom:0}.values-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.value-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #0000000f;padding:40px 32px;transition:all .3s ease}.value-card:hover{border-color:#2b2c8c;box-shadow:0 12px 40px #2b2c8c26;transform:translateY(-8px)}.value-icon{font-size:48px;margin-bottom:20px}.value-title{color:#2b2c8c;font-size:24px;font-weight:700;margin-bottom:12px}.value-description{color:#6b7280;font-size:16px;line-height:1.6}.team-intro{color:#6b7280;font-size:18px;line-height:1.6;margin:0 auto 48px;max-width:700px;text-align:center}.team-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.team-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #0000000f;padding:32px;text-align:center;transition:all .3s ease}.team-card:hover{border-color:#2b2c8c;box-shadow:0 12px 40px #2b2c8c26;transform:translateY(-8px)}.team-avatar-wrapper{margin-bottom:24px}.team-avatar{background:linear-gradient(135deg,#e5e7eb,#d1d5db);background-position:50%;background-size:cover;border-radius:50%;box-shadow:0 8px 24px #0000001a;height:140px;margin:0 auto;transition:transform .3s ease;width:140px}.team-card:hover .team-avatar{transform:scale(1.05)}.team-name{color:#111827;font-size:20px;font-weight:700;margin-bottom:8px}.team-role{color:#2b2c8c;font-size:15px;font-weight:500}.cta-section{background:#1a1a2e;overflow:hidden;padding:80px 24px;position:relative}.cta-section:before{background:radial-gradient(circle at 70% 30%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:1}.cta-title{color:#fff;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:16px}.cta-description{color:#ffffffe6;font-size:18px;line-height:1.6;margin-bottom:32px}.cta-button{background:#fff;border:none;border-radius:12px;box-shadow:0 8px 24px #0003;color:#2b2c8c;cursor:pointer;font-size:18px;font-weight:600;padding:16px 48px;transition:all .3s ease}.cta-button:hover{background:#fbbf24;box-shadow:0 12px 32px #0000004d;color:#1e1f5f;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1920px){.hero-title{font-size:56px}.hero-description{font-size:22px}.section-title-about{font-size:46px}.stat-number-about{font-size:48px}.cta-content,.stats-grid,.story-content,.team-grid,.values-grid{max-width:1400px}}@media (min-width:1201px) and (max-width:1919px){.about-us-page{margin-left:50px}.hero-section{padding:70px 24px}}@media (min-width:1025px) and (max-width:1200px){.about-us-page{margin-left:50px}.hero-title{font-size:42px}.hero-description{font-size:18px}.section-title-about{font-size:36px}.stat-number-about{font-size:38px}.team-grid,.values-grid{gap:24px}}@media (min-width:769px) and (max-width:1024px){.about-us-page{margin-top:64px}.hero-section{padding:60px 24px}.hero-logo{height:100px;width:100px}.hero-title{font-size:38px}.hero-description{font-size:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-title-about{font-size:34px}.stat-number-about{font-size:36px}.story-section-about,.team-section,.values-section{padding:60px 24px}.story-content{padding:32px}.team-grid,.values-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.cta-title{font-size:36px}.cta-description{font-size:16px}}@media (min-width:481px) and (max-width:768px){.about-us-page{margin-top:64px}.hero-section{padding:50px 20px}.hero-logo{height:90px;width:90px}.hero-title{font-size:32px}.hero-description{font-size:16px}.stats-section-about{padding:40px 20px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card-about{padding:24px 12px}.stat-number-about{font-size:32px}.stat-label-about{font-size:14px}.story-section-about,.team-section,.values-section{padding:50px 20px}.section-title-about{font-size:28px}.story-content{padding:28px}.story-content p{font-size:16px}.values-grid{gap:20px;grid-template-columns:1fr}.value-card{padding:32px 24px}.value-icon{font-size:42px}.value-title{font-size:22px}.team-grid{gap:20px;grid-template-columns:1fr}.team-avatar{height:120px;width:120px}.cta-section{padding:50px 20px}.cta-title{font-size:30px}.cta-button,.cta-description{font-size:16px}.cta-button{padding:14px 40px}}@media (min-width:376px) and (max-width:480px){.about-us-page{margin-top:64px}.hero-section{padding:40px 16px}.hero-logo{border-radius:16px;height:80px;width:80px}.hero-title{font-size:28px;margin-bottom:16px}.hero-description{font-size:15px;line-height:1.5}.hero-decoration{height:3px;margin-top:24px;width:50px}.stats-section-about{padding:32px 16px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card-about{border-radius:12px;padding:20px 12px}.stat-number-about{font-size:28px}.stat-label-about{font-size:13px}.story-section-about,.team-section,.values-section{padding:40px 16px}.section-header-about{margin-bottom:32px}.section-title-about{font-size:26px}.story-content{border-radius:16px;padding:24px}.story-content p{font-size:15px;line-height:1.7;margin-bottom:16px}.values-grid{gap:16px;grid-template-columns:1fr}.value-card{border-radius:16px;padding:28px 20px}.value-icon{font-size:38px;margin-bottom:16px}.value-title{font-size:20px;margin-bottom:10px}.value-description{font-size:14px}.team-intro{font-size:15px;margin-bottom:32px}.team-grid{gap:16px;grid-template-columns:1fr}.team-card{border-radius:16px;padding:24px}.team-avatar{height:110px;width:110px}.team-avatar-wrapper{margin-bottom:20px}.team-name{font-size:18px}.team-role{font-size:14px}.cta-section{padding:40px 16px}.cta-title{font-size:26px;margin-bottom:12px}.cta-description{font-size:15px;margin-bottom:24px}.cta-button{border-radius:10px;font-size:15px;padding:13px 36px}}@media (max-width:375px){.about-us-page{margin-top:64px}.hero-section{padding:32px 12px}.hero-logo{border-radius:14px;height:70px;width:70px}.logo-wrapper{margin-bottom:24px}.hero-title{font-size:24px;margin-bottom:14px}.hero-description{font-size:14px;line-height:1.5}.hero-decoration{height:3px;margin-top:20px;width:40px}.stats-section-about{padding:28px 12px}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card-about{border-radius:12px;padding:18px 10px}.stat-number-about{font-size:26px;margin-bottom:6px}.stat-label-about{font-size:12px}.story-section-about,.team-section,.values-section{padding:36px 12px}.section-header-about{margin-bottom:28px}.section-title-about{font-size:24px}.story-content{border-radius:14px;padding:20px}.story-content p{font-size:14px;line-height:1.6;margin-bottom:14px}.values-grid{gap:14px;grid-template-columns:1fr}.value-card{border-radius:14px;padding:24px 18px}.value-icon{font-size:36px;margin-bottom:14px}.value-title{font-size:18px;margin-bottom:8px}.value-description{font-size:13px;line-height:1.5}.team-intro{font-size:14px;line-height:1.6;margin-bottom:28px}.team-grid{gap:14px;grid-template-columns:1fr}.team-card{border-radius:14px;padding:20px}.team-avatar{height:100px;width:100px}.team-avatar-wrapper{margin-bottom:18px}.team-name{font-size:17px;margin-bottom:6px}.team-role{font-size:13px}.cta-section{padding:36px 12px}.cta-title{font-size:24px;margin-bottom:10px}.cta-description{font-size:14px;line-height:1.5;margin-bottom:20px}.cta-button{border-radius:10px;font-size:14px;padding:12px 32px}}@media (max-width:1024px){.cta-section:before,.hero-section:before{opacity:.5}}@media (hover:none) and (pointer:coarse){.stat-card-about:hover,.team-card:hover,.value-card:hover{transform:none}.stat-card-about:active,.team-card:active,.value-card:active{transform:scale(.98)}.cta-button:hover{transform:none}.cta-button:active{transform:scale(.95)}}.container-404{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:#e2e8f0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.bg-shapes{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.shape{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(45deg,#3b82f6,#8b5cf6);height:500px;left:-250px;top:-250px;width:500px}.shape-2{animation-delay:5s;background:linear-gradient(45deg,#f59e0b,#ef4444);bottom:-200px;height:400px;right:-200px;width:400px}.shape-3{animation-delay:10s;background:linear-gradient(45deg,#10b981,#06b6d4);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-100px) scale(1.1)}66%{transform:translate(-100px,100px) scale(.9)}}.stars-404{height:100%;position:absolute;width:100%;z-index:1}.star-404{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff80;height:4px;position:absolute;width:4px}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.content-404{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:900px;padding:2rem;position:relative;z-index:2}.illustration-wrapper{margin-bottom:1rem;transition:transform .1s ease-out}.sleeping-dev{height:300px;position:relative;width:300px}.dev-image{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));height:100%;object-fit:contain;width:100%}.dev-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dev-head{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 10px 30px #fbbf244d;height:80px;width:80px}.dev-body,.dev-head{animation:breathe 3s ease-in-out infinite}.dev-body{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 10px 30px #3b82f64d;height:100px;width:120px}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.zzz{display:flex;gap:8px;position:absolute;right:-60px;top:-40px}.zzz span{animation:float-zzz 2s ease-in-out infinite;color:#94a3b8;font-size:2rem;font-weight:700;opacity:0}.zzz span:first-child{animation-delay:0s}.zzz span:nth-child(2){animation-delay:.3s}.zzz span:nth-child(3){animation-delay:.6s}@keyframes float-zzz{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.text-content{text-align:center}.title-404{display:flex;font-size:8rem;font-weight:900;gap:1rem;justify-content:center;line-height:1;margin:0}.digit{-webkit-text-fill-color:#0000;animation:glitch 3s infinite;background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-background-clip:text;background-clip:text;display:inline-block;text-shadow:0 0 30px #ef444480,0 0 60px #ef44444d}.digit:nth-child(2){animation-delay:.5s}.digit:nth-child(3){animation-delay:1s}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}98%{transform:translate(2px,2px)}}.subtitle-404{animation:fadeInUp .8s ease-out .2s both;color:#e2e8f0;font-size:2rem;font-weight:700;margin:1.5rem 0 1rem}.description-404{animation:fadeInUp .8s ease-out .4s both;color:#94a3b8;font-size:1.125rem;line-height:1.6;margin:0 0 2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-group{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.button-404{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.button-404:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.button-404:hover:before{height:300px;width:300px}.button-primary{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 10px 30px #f59e0b4d;color:#fff}.button-primary:hover{box-shadow:0 15px 40px #f59e0b66;transform:translateY(-2px)}.button-404 span,.button-404 svg{position:relative;z-index:1}@media (max-width:768px){.title-404{font-size:5rem;gap:.5rem}.subtitle-404{font-size:1.5rem}.description-404{font-size:1rem}.sleeping-dev{height:200px;width:200px}.button-group{flex-direction:column;width:100%}.button-404{justify-content:center;width:100%}.shape{filter:blur(60px)}}@media (max-width:480px){.title-404{font-size:4rem}.content-404{padding:1rem}}.transaction-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:100px;margin-top:30px;min-height:100vh}.transaction-page-container{background-color:#fbfaf9;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px}.transaction-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.transaction-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.transaction-total-count{color:#718096;font-size:14px;font-weight:500}.transaction-section-title{border-left:3px solid #3182ce;color:#1a202c;font-size:18px;font-weight:600;margin:0;padding-left:12px}.transaction-loading-text{align-items:center;color:#718096;display:flex;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.transaction-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3182ce;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.transaction-empty-text{color:#718096;padding:60px 20px;text-align:center}.transaction-empty-icon{font-size:48px;margin-bottom:16px}.transaction-empty-text p{font-size:16px;margin:0}.transaction-list{border-radius:8px;overflow:hidden}.transaction-item{border-bottom:1px solid #e2e8f0;cursor:pointer;padding:20px;transition:background-color .2s}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background-color:#f7fafc}.transaction-item-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.transaction-item-left{flex:1 1;min-width:0}.transaction-item-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.transaction-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.transaction-item-info{flex:1 1;min-width:0}.transaction-item-info h3{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.transaction-item-info p{color:#718096;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-meta{color:#a0aec0;display:flex;flex-direction:column;font-size:12px;gap:4px;margin-left:52px}.transaction-meta-row{display:flex;gap:8px}.transaction-meta-label{flex-shrink:0;font-weight:500}.transaction-meta-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-item-right{flex-shrink:0;text-align:right}.transaction-amount{font-size:20px;font-weight:700;margin-bottom:8px;white-space:nowrap}.transaction-currency{font-size:14px;font-weight:500;margin-left:4px}.transaction-badge-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.transaction-badge-status,.transaction-badge-type{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.transaction-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;padding-top:24px}.transaction-pagination button{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.transaction-pagination button:hover:not([disabled]){background-color:#f7fafc;border-color:#cbd5e0}.transaction-pagination button[disabled]{background-color:#f7fafc;color:#cbd5e0;cursor:not-allowed}.transaction-page-numbers{display:flex;gap:8px}.transaction-page-numbers button{min-width:40px}.transaction-page-numbers button.active{background-color:#2d3748;border-color:#2d3748;color:#fff}@media (max-width:375px){.transaction-main-content{margin-left:0}.transaction-page-container{margin-top:60px;padding:12px}.transaction-card{border-radius:6px;margin-bottom:16px;padding:16px}.transaction-section-title{font-size:16px;padding-left:10px}.transaction-header-row{align-items:flex-start;flex-direction:column;gap:8px}.transaction-item{padding:14px}.transaction-item-content{flex-direction:column;gap:12px}.transaction-item-header{gap:10px}.transaction-item-icon{font-size:18px;height:36px;width:36px}.transaction-item-info h3{font-size:14px}.transaction-item-info p{font-size:12px;white-space:normal}.transaction-meta{font-size:11px;margin-left:46px}.transaction-meta-value{white-space:normal;word-break:break-all}.transaction-item-right{text-align:left;width:100%}.transaction-amount{font-size:18px}.transaction-currency{font-size:13px}.transaction-badge-group{justify-content:flex-start}.transaction-badge-status,.transaction-badge-type{font-size:11px;padding:3px 10px}.transaction-pagination{gap:8px}.transaction-pagination button{font-size:13px;padding:6px 12px}.transaction-page-numbers{gap:6px}.transaction-page-numbers button{min-width:36px}}@media (min-width:376px) and (max-width:480px){.transaction-main-content{margin-left:0}.transaction-page-container{margin-top:60px;padding:16px}.transaction-card{margin-bottom:18px;padding:18px}.transaction-section-title{font-size:17px}.transaction-header-row{align-items:flex-start;flex-direction:column;gap:10px}.transaction-item{padding:16px}.transaction-item-content{flex-direction:column;gap:14px}.transaction-item-info p{white-space:normal}.transaction-meta-value{white-space:normal;word-break:break-all}.transaction-item-right{text-align:left;width:100%}.transaction-badge-group{justify-content:flex-start}}@media (min-width:481px) and (max-width:768px){.transaction-main-content{margin-left:0}.transaction-page-container{margin-top:70px;padding:20px}.transaction-card{padding:20px}.transaction-item-content{flex-direction:column;gap:16px}.transaction-item-right{text-align:left;width:100%}.transaction-badge-group{justify-content:flex-start}.transaction-meta-value{white-space:normal;word-break:break-all}}@media (min-width:769px) and (max-width:1024px){.transaction-main-content{margin-left:0}.transaction-page-container{margin-top:75px;padding:22px}.transaction-item-content{flex-direction:row}.transaction-item-right{text-align:right}.transaction-badge-group{justify-content:flex-end}}@media (min-width:1025px) and (max-width:1534px){.transaction-main-content{align-items:center;margin-left:10px}.transaction-page-container{align-items:center;margin-top:80px;padding:24px}}@media (min-width:1535px) and (max-width:1919px){.transaction-main-content{margin-left:160px}.transaction-page-container{margin-top:80px;padding:24px}.transaction-card{padding:28px;width:1240px}}@media (min-width:1920px){.transaction-page-container{margin-left:60px;margin-right:110px;margin-top:90px}.transaction-card{min-width:1240px;padding:32px}.transaction-section-title{font-size:20px}.transaction-item{padding:24px}.transaction-item-icon{font-size:24px;height:48px;width:48px}.transaction-item-info h3{font-size:18px}.transaction-amount{font-size:24px}}@media (max-height:500px) and (orientation:landscape){.transaction-page-container{margin-top:60px}.transaction-card{padding:16px}.transaction-item{padding:12px}}@media print{.transaction-page-wrapper{display:block}.transaction-main-content{margin-left:0}.transaction-page-container{margin-top:0;padding:0}.transaction-card{box-shadow:none}.transaction-card,.transaction-item{page-break-inside:avoid}}.sidebar-drawer{background-color:#fff;box-shadow:2px 0 8px #00000026;height:100vh;left:-100%;position:fixed;top:0;transition:left .3s ease-in-out;width:280px;z-index:1000}.sidebar-drawer.open{left:0}.overlay{animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.ebcab7ca.css.map*/