.container-content,.main-content{transition:margin-left .3s ease}.container-content{background:#f5f6fa;min-height:88vh;padding:10px 20px}.container-content.expanded{margin-left:280px}.container-content.collapsed{margin-left:80px}.sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.sidebar.collapsed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;min-height:60px;padding:10px;position:relative}.logo-container{text-align:center;width:100%}.logo{display:block;height:auto;margin:0 auto;object-fit:contain;padding:5px 0;width:180px}.sidebar.collapsed .logo{display:none}.sidebar-toggle-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px;z-index:1001}.sidebar-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.main-menu{font-family:Alata,sans-serif;height:80vh}.bottom-menu,.main-menu{display:flex;flex-direction:column;gap:4px;padding:20px 0}.bottom-menu{border-top:1px solid #f3f4f6}.menu-item{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Alata,sans-serif;font-size:15px;font-weight:500;gap:14px;margin:6px 20px;padding:16px 20px 16px 24px;position:relative;transition:all .2s ease;width:calc(100% - 50px)}.menu-item:hover{background:#f1f5f9;color:#111827}.menu-item.menu-Institutions.active{background:#0000;color:blue}.menu-item.menu-Institutions.active .menu-icon{color:blue}.menu-item.active{background:#1d4ed8;color:#fff}.menu-item.active .menu-icon{color:#fff}.active-left-bar{background:#1d4ed8;border-radius:0 6px 6px 0;height:100%;left:-20px;position:absolute;top:0;width:10px}.menu-label{font-family:Alata,sans-serif}.menu-item.logout{color:#ef4444}.menu-item.logout:hover{background:#fef2f2}.menu-icon{align-items:center;display:flex;justify-content:center;min-width:24px}.menu-label{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .menu-label{display:none}.sidebar.collapsed .menu-item{justify-content:center;padding:16px;width:50px}.sidebar.collapsed .active-left-bar{width:4px}.user-profile{background:#f9fafb;border-top:1px solid #f3f4f6;gap:12px;margin-top:auto;padding:24px}.profile-avatar,.user-profile{align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.profile-info{overflow:hidden}.profile-name{color:#111827;font-size:15px;font-weight:700;margin:0}.profile-name,.profile-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:#6b7280;font-size:13px;margin:4px 0 0}.sidebar.collapsed .profile-info{display:none}.sidebar.collapsed .user-profile{justify-content:center;padding:20px 0}@media (max-width:1024px){.sidebar{box-shadow:4px 0 16px #0000001a;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%)}.sidebar.collapsed.open{transform:translateX(0);width:280px}.sidebar-toggle-btn{display:none}}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;height:80px;justify-content:space-between;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-menu-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:none;padding:8px;transition:background-color .2s}.mobile-menu-btn:hover{background-color:#f3f4f6}.collapse-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.collapse-toggle:hover{background-color:#f3f4f6;color:#111827}.topbar-title h1{color:#111827;font-size:24px;font-weight:700;margin:0}.date-display{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin:4px 0 0}.topbar-right{gap:20px}.search-wrapper{position:relative}.search-box-top{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;display:flex;padding:8px 12px;transition:all .2s;width:320px}.search-box-top:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#9ca3af;margin-right:8px}.search-input{background:#0000;border:none;color:#111827;font-size:14px;outline:none;width:100%}.search-input::placeholder{color:#9ca3af}.action-buttons{gap:12px}.action-btn,.action-buttons{align-items:center;display:flex}.action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.action-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.filter-btn{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.filter-btn:hover{background:#dbeafe;border-color:#93c5fd}.download-btn{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.download-btn:hover{background:#dcfce7;border-color:#86efac}.notification-badge{align-items:center;background:#ef4444;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;right:4px;top:4px;width:18px}.user-profile-wrapper{position:relative}.user-profile-btn{border-radius:8px;cursor:pointer;gap:12px;padding:8px;transition:background-color .2s}.user-profile-btn:hover{background-color:#f3f4f6}.user-info-icons{border:1px solid gray;border-radius:50px;padding:2px}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;font-weight:600}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#111827;font-size:14px;font-weight:600}.user-role{color:#6b7280;font-size:12px}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{background:#fff;border:none;color:#4b5563;gap:12px;text-decoration:none;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f9fafb;color:#111827}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:4px 0}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background-color:#fef2f2}@media (max-width:1200px){.search-box-top{width:240px}}@media (max-width:1024px){.topbar{padding:0 16px}.mobile-menu-btn{display:block}.collapse-toggle{display:none}.search-box-top{width:200px}.action-buttons{display:none}}@media (max-width:768px){.topbar-title h1{font-size:20px}.date-display{font-size:12px}.search-box,.user-info{display:none}}.topbar-right{align-items:center;display:flex;gap:15px}.notification-badge{background:#fff;height:6px;right:8px;top:8px;width:6px}.custom-user-logo{cursor:pointer;height:50px;object-fit:contain;width:50px}.notification-institution{gap:10px}.user-profile-btn{background:none;border:none;gap:10px;padding:5px}.user-avatar,.user-profile-btn{align-items:center;display:flex}.user-avatar{background:#f2f2f2;border-radius:50%;height:36px;justify-content:center;overflow:hidden;width:36px}.user-profile-image{height:100%;object-fit:cover;width:100%}.institution-title-topbar{color:#06f;font-family:Alata,sans-serif;font-size:30px;font-style:normal;font-weight:400;letter-spacing:0;line-height:1}.search-dropdown{background:#fff;border-radius:8px;box-shadow:0 6px 20px #00000026;margin-top:6px;position:absolute;width:100%;z-index:1000}.search-dropdown-item{cursor:pointer;padding:10px 12px}.search-dropdown-item:hover{background-color:#f5f5f5}.search-dropdown-empty{color:#999;padding:10px}.notification-btn{align-items:center;background:#06f;border:none;border-radius:50%;box-shadow:0 4px 12px #0066ff4d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}.notification-btn:hover{background-color:#fff;border:1px solid blue;color:#111827;transform:scale(1.05)}.notification-btn:active{transform:scale(.98)}.notification-badge{animation:pulse-badge 1.5s infinite;background:#ff3b30;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:6px;top:6px;width:10px}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 #ff3b30b3;transform:scale(1)}50%{box-shadow:0 0 0 4px #ff3b3000;transform:scale(1.1)}}.notification-wrapper{position:relative}.notification-institution{align-items:center;display:flex;gap:20px}.notification-overlay{animation:fadeIn .3s ease forwards;background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:999}.notifications-panel{background:#fff;box-shadow:-5px 0 25px #0000001a;height:100vh;position:fixed;right:-420px;top:0;transition:right .4s cubic-bezier(.25,.46,.45,.94);width:400px;z-index:1000}.notifications-panel.open{right:0}.notifications-panel-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.notifications-header{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 20px}.notifications-title{align-items:center;display:flex;gap:12px;margin-bottom:15px}.notifications-title h3{color:#111827;font-size:20px;font-weight:600;margin:0}.unread-count-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:4px 10px}.notifications-actions{align-items:center;display:flex;justify-content:space-between}.mark-all-read-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.mark-all-read-btn:hover{background:#2563eb;transform:translateY(-1px)}.close-notifications-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-notifications-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.notifications-list{flex:1 1;overflow-y:auto;padding:0}.notification-item{align-items:center;border-left:4px solid #0000;cursor:pointer;display:flex;gap:14px;padding:16px 24px;position:relative;transition:all .2s}.notification-item:hover{background:#f9fafb;border-left-color:#3b82f6}.notification-item.unread{background:linear-gradient(90deg,#eff6ff,#eff6ff66)}.notification-item.unread:hover{background:linear-gradient(90deg,#dbeafe,#dbeafe66)}.notification-item.unread:before{animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;content:"";height:8px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-student .notification-icon{background:#dbeafe;color:#1d4ed8}.notification-payment .notification-icon{background:#fef3c7;color:#d97706}.notification-course .notification-icon{background:#d1fae5;color:#065f46}.notification-system .notification-icon{background:#ede9fe;color:#5b21b6}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 6px}.notification-message{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 10px}.notification-footer{font-size:12px;gap:6px}.no-notifications,.notification-footer{align-items:center;color:#9ca3af;display:flex}.no-notifications{flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.no-notifications svg{margin-bottom:16px;opacity:.5}.no-notifications p{font-size:16px;font-weight:500;margin:0}.notifications-footer{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px}.view-all-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s;width:100%}.view-all-btn:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width:768px){.notifications-panel{right:-100%;width:100%}.notifications-panel.open{right:0}.notifications-header{padding:20px 20px 16px}.notification-item{padding:14px 20px}.notifications-footer{padding:16px 20px}}@media (max-width:480px){.notifications-title h3{font-size:18px}.mark-all-read-btn{font-size:13px;padding:6px 12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;height:100%;padding:20px 30px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-icon{align-items:center;border-radius:20px;display:flex;font-size:20px;height:52px;justify-content:center;width:52px}.card-icon-blue{background:#e8f1ff;color:#3478f6}.card-icon-green{background:#e7f8ef;color:#2fb344}.card-icon-orange{background:#fff3e0;color:#f59e0b}.card-icon-purple{background:#f3e8ff;color:#8b5cf6}.card-icon-red{background:#fee2e2;color:#ef4444}.card-icon-pink{background:#fde2f3;color:#db2777}.card-content{display:flex;justify-content:space-between;margin-bottom:12px}.card-value{color:#111827;font-size:32px;font-weight:700;line-height:1.2;margin:0}.card-change{align-items:center;display:flex;font-size:14px;gap:6px}.change-icon{color:#22c55e}.change-icon.down{color:#ef4444;transform:rotate(180deg)}.change-icon.neutral{color:#ffc800;transform:rotate(180deg)}.change-percentage{font-weight:600}.change-text{color:#6b7280;margin-left:4px}.card-change-up{color:#22c55e}.card-change-down{color:#ef4444}.card-change-neutral{color:#6b7280}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.stat-card{padding:20px}.card-value{font-size:28px}}.dashboard-content{min-height:calc(100vh - 120px)}.dashboard-header{margin-bottom:32px}.page-title{align-items:center;color:#111827;display:flex;font-family:Alata,sans-serif;font-size:28px;font-weight:700;gap:10px;justify-content:space-between;margin:0 8px}.filter-icon{color:#555;cursor:pointer}.filter-icon:hover{color:#000}.page-subtitle{color:#6b7280;font-size:16px;margin:0}.content-sections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-section,.recent-activity{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.chart-controls{display:flex;gap:12px}.chart-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.chart-select:focus{border-color:#3b82f6}.chart-placeholder{align-items:center;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;display:flex;height:300px;justify-content:center;text-align:center}.recent-activity h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;gap:16px;padding:16px}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{background:#3b82f61a;border-radius:8px;color:#3b82f6;height:40px;justify-content:center;width:40px}.activity-info{flex:1 1}.activity-title{color:#111827;font-size:15px;font-weight:600;margin:0 0 4px}.activity-time{color:#6b7280;font-size:13px;margin:0}.activity-badge{background:#22c55e;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}@media (max-width:1024px){.content-sections{grid-template-columns:1fr}.dashboard-content{padding:16px}}@media (max-width:768px){.chart-controls{flex-direction:column;width:100%}.chart-select{width:100%}}.dashboard-filter{display:flex;gap:12px}.filter-item{font-size:14px;gap:4px}.filter-item,.filter-overlay{align-items:center;display:flex}.filter-overlay{animation:fadeIn .3s ease;background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-dialog{animation:slideUp .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;font-family:Alata,sans-serif!important;max-width:400px;overflow:hidden;width:90%}.filter-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.filter-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.filter-header svg{color:#6b7280;cursor:pointer;height:24px;transition:color .2s ease;width:24px}.filter-header svg:hover{color:#374151}.filter-body{max-height:400px;overflow-y:auto;padding:24px}.filter-body label{align-items:center;border-radius:6px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px 0 12px 12px;transition:background-color .2s ease}.filter-body label:hover{background-color:#f9fafb}.filter-body input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;margin-right:12px;width:18px}.filter-body label span{color:#374151;font-size:.95rem;font-weight:500}.filter-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.filter-footer button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:background-color .2s ease}.filter-footer button:hover{background-color:#2563eb}.filter-footer button:active{transform:scale(.98)}.filter-body::-webkit-scrollbar{width:6px}.filter-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.filter-body::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (max-width:640px){.filter-dialog{margin:0 10px;width:95%}.filter-header{padding:16px 20px}.filter-body{padding:20px}.filter-footer{padding:14px 20px}}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px;width:100%}.chart-container,.chart-container *{font-family:Alata,sans-serif!important}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-title{color:#111827;font-size:24px;font-weight:400;margin:0}.chart-filters{display:flex;gap:12px}.filter-select{position:relative}.filter-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;outline:none;padding:8px 40px 8px 16px}.filter-dropdown:hover{border-color:#9ca3af}.filter-dropdown:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.chart-wrapper{display:flex;height:300px;margin-bottom:40px}.y-axis-labels{border-right:1px solid #d1d5db;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-right:16px;padding-right:16px}.y-label{align-items:center;color:#6b7280;display:flex;font-size:12px;font-weight:500;height:50px;justify-content:flex-end;text-align:right}.chart-area{flex:1 1;position:relative}.months-row{display:flex;justify-content:space-between;margin:20px 0 30px;padding:0 20px}.month-name{color:#6b7280;font-size:11px;font-weight:500;text-align:center;transform:rotate(-45deg);transform-origin:center;white-space:nowrap;width:8.33%}.chart-legend{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:flex;gap:24px;justify-content:center;margin:30px 0;padding:20px 0}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:3px;display:inline-block;height:12px;width:12px}.legend-text{color:#374151;font-size:14px;font-weight:500}.total-value-section{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.total-number{font-feature-settings:"tnum";color:#111827;font-size:32px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.total-label{color:#6b7280;font-size:14px;font-weight:500}.custom-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:12px}.tooltip-label{border-bottom:1px solid #f3f4f6;color:#111827;font-size:12px;font-weight:600;margin:0 0 8px;padding-bottom:4px}.tooltip-item{align-items:center;display:flex;font-size:12px;gap:8px;margin:4px 0}.tooltip-color{border-radius:2px;display:inline-block;height:10px;width:10px}.tooltip-name{color:#6b7280;min-width:60px}.tooltip-value{color:#111827;font-weight:600}@media (max-width:1200px){.month-name{font-size:10px}.chart-filters{flex-wrap:wrap}.filter-dropdown{min-width:100px}}@media (max-width:768px){.chart-container{padding:16px}.chart-header{align-items:flex-start;flex-direction:column;gap:16px}.chart-filters{flex-wrap:wrap;width:100%}.filter-dropdown{flex:1 1;min-width:0}.chart-wrapper{flex-direction:column;height:auto}.y-axis-labels{border-bottom:1px solid #d1d5db;border-right:none;flex-direction:row;height:auto;margin-bottom:20px;margin-right:0;padding-bottom:20px;padding-right:0}.y-label{flex:1 1;height:auto}.months-row,.y-label{justify-content:center}.months-row{flex-wrap:wrap;gap:10px}.month-name{font-size:10px;transform:none;width:auto}.chart-legend{align-items:center;flex-direction:column;gap:12px}.total-number{font-size:28px}}.skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.table-skeleton-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;width:100%}.skeleton-filter-bar{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.skeleton-search{border-radius:8px;height:40px;width:250px}.skeleton-filter{border-radius:8px;height:40px;width:160px}.skeleton-table-header{grid-gap:15px;border-bottom:2px solid #f0f0f0;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:10px;padding-bottom:15px}.skeleton-header-cell{border-radius:6px;height:25px}.skeleton-table-body{display:flex;flex-direction:column;gap:12px}.skeleton-table-row{grid-gap:15px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:15px;transition:all .3s ease}.skeleton-table-row:hover{background:#f5f5f5;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.skeleton-cell{align-items:center;display:flex;min-height:30px}.skeleton-content{height:20px;width:80%}.skeleton-icon{border-radius:50%;height:30px;width:30px}.skeleton-loading{animation:fadeIn .5s ease}.skeleton-row{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.skeleton-row:hover{background-color:#f9f9f9}.skeleton-cell{padding:16px 12px}.skeleton-line{border-radius:4px;height:16px;margin:4px 0}.skeleton-cell:first-child .skeleton-line{width:40%}.skeleton-cell:nth-child(2) .skeleton-line{width:70%}.skeleton-cell:nth-child(3) .skeleton-line{width:60%}.skeleton-cell:nth-child(4) .skeleton-line{width:50%}.skeleton-cell:nth-child(5) .skeleton-line{width:40%}@media (max-width:768px){.skeleton-filter-bar{flex-direction:column}.skeleton-filter,.skeleton-search{width:100%}.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:dark){.table-skeleton-container{background:#1a1a1a}.skeleton-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%)}.skeleton-table-row{background:#2a2a2a;border-color:#333}.skeleton-table-row:hover{background:#333}.skeleton-table-header{border-color:#333}}.student-profile-skeleton-wrapper{padding:20px}.student-profile-skeleton-top{align-items:flex-start;display:flex;gap:24px}.student-profile-skeleton-avatar{background:#e0e0e0;border-radius:8px;height:220px;width:180px}.student-profile-skeleton-info{flex:1 1}.student-profile-skeleton-line{animation:studentProfileShimmer 1.4s infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 37%,#e0e0e0 63%);background-size:400% 100%;border-radius:6px;height:14px;margin-bottom:12px}.student-profile-skeleton-btn{background:#e0e0e0;border-radius:8px;height:44px;margin-top:12px}.student-profile-skeleton-btn.red{background:#f0c0c0}#student-profile-skeleton-line{background:#d0f0d0;border-radius:20px;height:40px;margin-left:350px;width:180px}.student-profile-skeleton-card{background:#fff;border-radius:12px;margin-top:32px;padding:20px}.student-profile-skeleton-chart{background:#e0e0e0;border-radius:8px;height:220px;margin-top:16px}.student-profile-skeleton-table
.student-profile-skeleton-row{background:#e0e0e0;border-radius:6px;height:40px;margin-bottom:10px}.sp-w-120{width:120px}.sp-w-160{width:160px}.sp-w-180{width:180px}.sp-w-200{width:200px}.sp-w-220{width:220px}@keyframes studentProfileShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.inst-card-skl{background:linear-gradient(180deg,#fff,#fafafa);border-radius:22px;box-shadow:0 20px 40px #0000000f,inset 0 1px 0 #fffc;display:flex;flex-direction:column;gap:16px;padding:22px;transition:all .3s ease}.inst-skl{animation:instModernShimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,#ececec 30%,#f7f7f7 40%,#ececec 50%);background-size:300% 100%;border-radius:14px}@keyframes instModernShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inst-skl-top{align-items:center;display:flex;justify-content:space-between}.inst-skl-count{composes:inst-skl;height:32px;width:38px}.inst-skl-avatar{composes:inst-skl;border-radius:16px;height:52px;width:52px}.inst-skl-subtext{composes:inst-skl;height:14px;width:160px}.inst-skl-btn-row{display:flex;gap:14px;margin-top:8px}.inst-skl-btn{composes:inst-skl;border-radius:14px;flex:1 1;height:42px}.dashboard-grid-shimmer{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.card-shimmer-modern{animation:fadeIn .6s ease-out;background:#fff;border:1px solid #00000008;border-radius:20px;box-shadow:0 4px 6px #00000008,0 10px 15px #0000000d,0 20px 40px #00000014;padding:24px}.shimmer-header{align-items:center;border-bottom:1px solid #00000008;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:16px}.shimmer-header-text{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:10px;height:20px;width:120px}.shimmer-header-actions{display:flex;gap:8px}.shimmer-action-icon{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:50%;height:20px;width:20px}.shimmer-main-content{align-items:center;display:flex;margin-bottom:10px}.shimmer-logo-container{align-items:center;display:flex;justify-content:center}.shimmer-logo{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:16px;height:60px;width:60px}.shimmer-value-container{flex:1 1}.shimmer-main-value{border-radius:12px;height:48px;margin-bottom:8px;width:140px}.shimmer-main-value,.shimmer-value-subtext{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%}.shimmer-value-subtext{border-radius:7px;height:14px;width:80px}.shimmer-bottom-section{align-items:center;border-top:1px solid #00000008;display:flex;justify-content:space-between;padding-top:20px}.shimmer-subheading{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:8px;height:16px;width:180px}.shimmer-trend-modern{align-items:center;display:flex;gap:8px}.chart-shimmer-modern{animation:fadeIn .6s ease-out;background:#fff;border:1px solid #00000008;border-radius:20px;box-shadow:0 4px 6px #00000008,0 10px 15px #0000000d,0 20px 40px #00000014;padding:32px}.chart-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:36px}.chart-title-modern{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:16px;height:32px;width:200px}.chart-controls-modern{display:flex;gap:12px}.control-item-modern{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:12px;height:40px;width:100px}.chart-body-modern{display:flex;gap:24px;height:320px}.y-axis-modern{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:40px;padding-top:20px}.y-tick{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:6px;height:12px;width:40px}.chart-graph-modern{flex:1 1;padding-bottom:40px;padding-top:20px;position:relative}.grid-lines-modern{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:0}.grid-line{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;height:1px;width:100%}.x-axis-modern{border-top:1px solid #00000008;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.x-label-modern{animation:shimmerFlow 1.8s infinite;background:linear-gradient(90deg,#f0f2f5,#e4e7eb 50%,#f0f2f5);background-size:200% 100%;border-radius:6px;height:12px;width:50px}@keyframes shimmerFlow{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-grid-modern{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}:root{--blue-light:#3b82f614;--green-light:#22c55e14;--orange-light:#f9731614;--purple-light:#a855f714}.ps-skeleton{animation:ps-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e6e6e6 25%,#f2f2f2 37%,#e6e6e6 63%);background-size:400% 100%;border-radius:12px}@keyframes ps-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ps-wrapper{display:flex;gap:24px;padding:24px}.ps-left{width:260px}.ps-right{background:#eef5ff;border-radius:18px;flex:1 1;padding:24px}.ps-avatar{border-radius:18px;height:320px;width:260px}.ps-row{display:flex;gap:16px;margin-bottom:18px}.ps-input{height:48px;width:220px}.ps-edit-btn{border-radius:12px;height:48px;width:90px}.ps-role{height:48px;margin-bottom:28px;width:100%}.ps-bottom{align-items:center;display:flex;justify-content:space-between}.ps-price{border-radius:14px;height:60px;width:180px}.ps-update-btn{border-radius:12px;height:48px;width:120px}.inst-skel-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:220px 1fr 320px;padding:24px}.inst-skel-left{align-items:center;display:flex;gap:16px}.inst-skel-circle{border-radius:50%;height:120px;width:120px}.inst-skel-thumb{border-radius:12px;height:160px;width:120px}.inst-skel-form{background:#fff;border-radius:16px;padding:20px}.inst-skel-textarea{border-radius:12px;height:90px;margin-bottom:16px}.inst-skel-color-row{border-radius:12px;height:50px;margin-bottom:20px}.inst-skel-row{display:flex;gap:12px;margin-bottom:16px}.inst-skel-input{border-radius:10px;flex:1 1;height:48px}.inst-skel-btn{border-radius:10px;height:48px;width:120px}.inst-skel-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.inst-skel-preview{border-radius:24px;height:420px}.shimmer{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4 37%,#f0f0f0 63%);background-size:400% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}*{box-sizing:border-box;font-family:Alata,sans-serif!important}body{margin:0}.page-bg{align-items:center;background:#0b1020;display:flex;justify-content:center;min-height:100vh}.signin-btn:disabled{background-color:#ccc;opacity:.7}.login-wrapper{background:repeating-linear-gradient(45deg,#eaf2ff,#eaf2ff 22px,#e2ecff 0,#e2ecff 44px);border-radius:10px;display:flex;gap:10px;height:85vh;max-width:1200px;padding:35px;width:75%}.login-wrapper>.form-section,.login-wrapper>.image-section{width:40%}.form-group{margin-bottom:22px}label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.input-box{padding:10px 12px}.input-box,.select-container{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;gap:10px}.select-container{padding:6px 12px;width:100%}.select-container .icon{align-items:center;color:#6b7280;display:flex}.react-select{flex:1 1}.react-select .select__control{background:#0000!important;border:none!important;box-shadow:none!important;min-height:40px}.react-select .select__menu{z-index:9999}.react-select .select__value-container{padding:0}.input-box.single{padding-right:14px}.icon{font-size:16px;opacity:.5}.input-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.otp-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:8px 14px}.signin-btn{background:#2563eb;border-radius:10px;font-size:15px;margin-top:12px}.image-section{border-radius:10px;flex:1 1;height:100%;overflow:hidden;position:relative}.image-section img{height:100%;object-fit:cover;width:100%}.image-overlay{bottom:40px;color:#fff;position:absolute;text-align:center;width:100%}.image-overlay h2{font-size:42px;letter-spacing:3px;margin-bottom:12px;opacity:.9}.progress-bar{align-items:center;background-color:#fff;border-radius:4px;display:flex;height:6px;justify-content:center;margin:auto;overflow:hidden;width:30%}.progress-half{background-color:#fff;height:100%;transition:background-color .4s ease;width:50%}.progress-half.active{background-color:#3b82f6}@media (max-width:768px){.login-wrapper{flex-direction:column;height:auto}.image-section{display:none}.login-card{height:auto}}.login-card{background:#fff;border-radius:10px;box-shadow:0 25px 50px #00000014;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;position:relative;width:420px}.institution-tag{background:linear-gradient(90deg,#007bff,#0056b3);border-bottom-left-radius:30px;border-top-left-radius:30px;box-shadow:5px 5px 15px #007bff4d;color:#fff;font-size:18px;font-weight:600;padding:12px 25px;position:absolute;right:0;top:20px;z-index:10}.dropdown-arrow{color:#333;font-size:10px;pointer-events:none}.signin-btn{background:linear-gradient(90deg,#0062ff,#0041ab);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:0;padding:14px;text-transform:uppercase;transition:transform .2s ease;width:100%}.signin-btn:active{transform:scale(.98)}.input-box{background:#f7f8fa;border:1px solid #edf0f5;transition:border-color .3s}.input-box select{background:#0000;border:none;font-size:14px;outline:none;padding-left:8px;width:100%}.icon svg{color:gray;font-size:18px}.error-message{color:#dc3545;padding-left:5px}.form-group{margin-bottom:20px;position:relative}.otp-btn:disabled,.signin-btn:disabled{background-color:#6c757d;cursor:not-allowed}.email-login-link-registered-div{display:flex;gap:8px;justify-content:center}.email-login-link-other,.email-login-link-registered{font-size:14px;font-weight:500;margin-top:20px}.email-login-link-other{color:#3b82f6;cursor:pointer;text-align:center}.email-login-link-other:hover{text-decoration:underline}.table-wrapper{background:#fff;border-radius:10px;font-family:Alata,sans-serif!important;padding:16px}.filter-bar{grid-gap:10px;align-items:center;background:#0b5ed7;border-radius:10px;display:grid;gap:10px;grid-template-columns:2fr 3fr;padding:12px}.search-box{align-items:center;background:#fff;border-radius:8px;display:flex;gap:6px;padding:8px 10px;position:relative}.search-box-input{border:none;max-width:200px;outline:none}.search-box-input:focus{border-color:#2563eb}.search-btn{background:none;border:none;border-left:1px solid #ccc;color:#555;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-btn:hover{color:#2563eb}.filtersdiv{align-items:center;display:flex;justify-content:space-evenly;width:100%}.filter-bar select{border:none;border-radius:6px;padding:6px 7px}.data-table{border-collapse:collapse;margin-top:15px;overflow:auto;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;padding:12px}.data-table th{color:#999;font-weight:500;text-align:left}.verify-btn{background:#ccc;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 30px}.verify-btn.active{background:#0b5ed7}.status-cell{align-items:center;display:flex;gap:10px}.approved-selectcheckbox{background:#0a7c2f;border-radius:4px;color:#fff;font-size:13px;padding:8px 22px}.approved-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23c62828' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1.5px solid #c62828;border-radius:6px;color:#c62828;cursor:pointer;font-size:14px;font-weight:500;padding:6px 36px 6px 14px;position:relative}.approved-dropdown:hover{background-color:#fff5f5}.approved-dropdown:focus{box-shadow:0 0 0 2px #c6282833;outline:none}.filter-select-wrapper{max-width:180px;min-width:150px}.modal-backdrop{background:#00000073;z-index:999}.modal-card{animation:zoom .25s ease;border-radius:14px;width:360px}.modal-header{background:#0b67ff;border-radius:0 0 20px 20px;padding:30px;position:relative}.modal-header-title{font-size:25px;font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}.modal-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;margin-left:auto}.receipt-box{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:500px;padding:16px}.receipt-img{border-radius:8px;margin:auto;max-height:250px;max-width:100%;object-fit:contain}.info-box{width:100%}.info-box p{color:#555;font-size:13px;margin:6px 0 4px}.info{background:#f2f2f2;border-radius:8px;margin-bottom:10px;padding:10px}.view-btn{background:#0b67ff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}@keyframes zoom{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.view-btn-action{align-items:center;background:#0046b8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px 20px;transition:background .2s;width:-webkit-fit-content;width:fit-content}.view-btn-action:hover{background:#0b67ff}.modal-backdrop{align-items:center;background:#0009;display:flex;font-family:Alata,sans-serif;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;overflow:hidden;width:400px}.no-data-found{align-items:center;background:#fff;border:1px dashed #e0e0e0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:60px 20px;text-align:center}.no-data-icon{animation:float 3s ease-in-out infinite;color:#ccc;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-data-found h3{color:#333;font-size:20px;font-weight:600;margin:0 0 10px}.no-data-found p{color:#666;font-size:14px;line-height:1.6;margin:0 0 20px;max-width:400px}.clear-filters-btn{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 20px;transition:all .2s ease}.clear-filters-btn:hover{background-color:#e8e8e8;transform:translateY(-1px)}.clear-filters-btn:active{transform:translateY(0)}@media screen and (max-width:1200px){.filter-select-wrapper{max-width:150px;min-width:120px}}.pagination{align-items:center;display:flex;gap:8px;justify-content:flex-end}.page-btn{background:#f5f5f5;border:1px solid #ddd;transition:.2s}.page-btn:hover{background:#eaeaea}.page-btn.active{background:#0b5ed7}.page-nav{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.page-nav:disabled{cursor:not-allowed;opacity:.4}.approvalpagination{align-items:center;display:flex;gap:6px;justify-content:flex-end}.page-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;height:32px;min-width:32px}.page-btn.active{background:#c40000;border:none;color:#fff;font-weight:600}.page-dots{font-size:16px;padding:0 6px}.students-container,.students-container *{font-family:Alata,sans-serif}.student-header{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;margin:10px 10px 20px}.student-title{font-family:Alata,sans-serif}.tab-wrapper{display:flex;gap:0 15px;justify-self:center}.tab-btn{background:#bdbdbd;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:160px;padding:12px 0;transition:all .25s ease}.tab-btn.active{background:#0b5cff;box-shadow:0 6px 14px #0b5cff59}.tab-btn:hover{opacity:.95;transform:translateY(-1px)}.selectcheckbox{display:flex;gap:5px}.custom-checkbox input{display:none}.custom-checkbox .checkmark{border:2px solid #0b5cff;border-radius:5px;cursor:pointer;display:inline-block;height:18px;margin-top:10px;position:relative;transition:all .2s ease;width:18px}.custom-checkbox:hover .checkmark{background-color:#eef3ff}.custom-checkbox input:checked+.checkmark{background-color:#0b5cff;border-color:#0b5cff}.custom-checkbox .checkmark:after{content:"";display:none;position:absolute}.custom-checkbox input:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;display:block;height:10px;left:5px;top:1px;transform:rotate(45deg);width:5px}.bulk-actions{display:flex;justify-content:end;margin:20px}.profile-page,.profile-page *{font-family:Alata,sans-serif!important}.page-title{color:#111;font-size:30px;font-weight:400;margin-bottom:20px}.profile-card{grid-gap:24px;border-radius:4px;display:grid;gap:24px;grid-template-columns:25% 75%;height:420px;margin-bottom:30px;padding:30px 30px 30px 10px;position:relative}.profile-image img{border-radius:4px;height:340px;object-fit:cover;width:100%}.profile-info{background:#eaf2ff;border-radius:4px;flex:1 1;height:auto;padding:0 20px 20px}.info-rowprofile{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px;margin-top:20px}.info-box-otprow input,.info-rowprofile input{background:#fff;border:none;border-radius:10px;color:#333;flex:1 1;font-size:18px;font-weight:400;padding:15px}.price-update{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.price-box{background:#000;border-radius:10px;padding:12px 25px}.price-box span{background:#fff;border-radius:6px;color:#000;font-weight:600;margin-left:8px;padding:6px 15px}.update-btn{background:linear-gradient(90deg,#0b67ff,#0047ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:400;padding:14px 50px}.filter-iconprofile{bottom:-3%;color:grey;cursor:pointer;position:absolute;right:0;width:30px}.filter-iconprofile :hover{color:#000}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.profile-image{width:270px}.profile-img{height:100%}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080}.crop-modal,.otp-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%}.modal-header{border-bottom:1px solid #e1e5eb;margin-bottom:24px;padding-bottom:16px}.modal-header h3{color:#111;font-size:20px}.modal-body p{color:#666;font-size:14px;margin-bottom:20px}.otp-input-container{margin:20px 0}.otp-input{border-radius:10px;font-size:20px;font-weight:600;letter-spacing:8px;padding:16px;width:100%}.otp-input:focus{border-color:#0b67ff;box-shadow:0 0 0 3px #0b67ff1a}.verify-otp-btn{background:linear-gradient(90deg,#0b67ff,#0047ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:16px;transition:all .3s;width:100%}.verify-otp-btn:hover:not(:disabled){box-shadow:0 8px 20px #0b67ff4d;transform:translateY(-1px)}.verify-otp-btn:disabled{background:#ccc;cursor:not-allowed}.verified-message{align-items:center;background:#e8f5e9;border-radius:10px;color:#2e7d32;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:20px;padding:16px}.phone-input-container{flex:1 1}.phone-display-mode{align-items:center;display:flex;gap:10px}.phone-edit-mode{width:100%}.phone-edit-buttons,.phone-input-with-button{align-items:center;display:flex;gap:10px}.send-otp-btn{background:linear-gradient(90deg,#0b67ff,#0047ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s;white-space:nowrap}.send-otp-btn:hover:not(:disabled){box-shadow:0 4px 12px #0b67ff4d;transform:translateY(-1px)}.send-otp-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{align-items:center;background:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s}.cancel-btn:hover{background:red}.input-box-otp,.input-box-otprow{align-items:center;display:flex;flex:1 1;position:relative}.input-box-otp .icon{font-size:18px;left:16px}.input-box-otp input{background:#fff;border:1px solid #e1e5eb;border-radius:10px;font-size:16px;padding:17px 18px 17px 50px;transition:all .3s;width:100%}.readonly-input{background:#f5f5f5!important;color:#666;cursor:not-allowed}.profile-image{border-radius:12px;cursor:pointer;overflow:hidden;position:relative}.upload-overlay{background:#000000b3;bottom:0;color:#fff;font-weight:500;left:0;padding:12px;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:transform .3s}.profile-image:hover .upload-overlay{cursor:pointer;transform:translateY(0)}.profile-img{border-radius:12px;height:280px;object-fit:cover;transition:transform .3s;width:100%}.profile-image:hover .profile-img{transform:scale(1.05)}.crop-actions{gap:12px;margin-top:20px}.apply-crop-btn,.cancel-crop-btn{border:none;border-radius:8px;padding:12px 24px;transition:all .3s}.cancel-crop-btn{background:#f5f5f5;color:#333}.cancel-crop-btn:hover{background:#e0e0e0}.apply-crop-btn{background:linear-gradient(90deg,#0b67ff,#0047ff)}.apply-crop-btn:hover{box-shadow:0 4px 12px #0b67ff4d;transform:translateY(-1px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.price-box input{border:none;border-radius:6px;color:#333;font-weight:600;padding:8px 12px;width:120px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-card{grid-template-columns:1fr;padding:20px}.profile-image{margin:0 auto;width:200px}.info-row{flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.phone-input-with-button{flex-direction:column;gap:10px}.crop-modal,.otp-modal{margin:20px;padding:20px;width:95%}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.phone-edit-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:480px;overflow:hidden}.modal-header{align-items:center;background:linear-gradient(90deg,#0b67ff,#0047ff);border-bottom:1px solid #f0f2f5;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.modal-title-section{align-items:center;display:flex;gap:12px}.modal-title-icon-profile{background:#fff3;border-radius:10px;font-size:40px;padding:8px}.modal-title-icon-profile.verified{background:#4caf5033}.modal-header h3{color:#fff;font-size:22px;font-weight:600;margin:0}.close-modal{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:all .3s;width:40px}.close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:5px 15px}.current-phone-info{border-left:4px solid #667eea;border-radius:12px;margin-bottom:32px;padding:20px}.current-phone-label{font-size:14px;font-weight:500;margin-bottom:6px}.current-phone-value{color:#111;font-size:20px;letter-spacing:1px}.form-label{color:#333;display:block;font-size:14px;font-weight:400;margin-bottom:10px}.input-box-with-otp{align-items:flex-start;gap:12px}.phone-input-wrapper{background:#fff;border:2px solid #e1e5eb;border-radius:12px;display:flex;flex:1 1;overflow:hidden;transition:all .3s}.phone-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.country-code{align-items:center;background:#f8f9fa;border-right:1px solid #e1e5eb;color:#333;display:flex;font-size:16px;font-weight:600;padding:0 16px}.phone-input{border:none;color:#111;flex:1 1;font-size:16px;font-weight:500;outline:none;padding:18px 16px;width:100%}.phone-input::placeholder{color:#999}.otp-btn-large{align-items:center;background:linear-gradient(90deg,#0b67ff,#0047ff);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:18px 28px;transition:all .3s;white-space:nowrap}.otp-btn-large:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.otp-btn-large:disabled{background:#ccc;box-shadow:none!important;cursor:not-allowed;transform:none!important}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.error-message{align-items:center;color:#f44;display:flex;font-size:13px;gap:6px;margin-top:8px}.phone-edit-note{font-size:13px;font-style:italic;margin-top:12px}.modal-footer{padding:0 32px 32px}.modal-cancel-btn{background:#f8f9fa;border:1px solid #e1e5eb;border-radius:10px;font-weight:500;padding:12px 24px;transition:all .3s}.modal-cancel-btn:hover{background:#e9ecef;color:#333}.otp-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:420px;overflow:hidden;width:90%}.otp-info{margin-bottom:32px;text-align:center}.otp-info p{color:#666;font-size:15px;margin-bottom:8px}.otp-phone-number{background:#f8f9fa;border-radius:12px;color:#111;display:inline-block;font-size:20px;font-weight:700;letter-spacing:1px;margin-top:8px;padding:12px 24px}.otp-input-group{margin-bottom:24px}.otp-input{background:#f8f9fa;border:2px solid #e1e5eb;border-radius:12px;color:#111;font-weight:700;letter-spacing:12px;padding:10px;text-align:center;transition:all .3s;width:90%}.otp-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.otp-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.otp-timer{font-weight:500;margin-top:12px;text-align:center}.verification-success{animation:fadeIn .5s ease-out;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;color:#2e7d32;font-weight:600;gap:12px;margin:24px 0;padding:20px}.success-icon{background:#4caf50;border-radius:50%;color:#fff;font-size:24px;padding:8px}.otp-actions{display:flex;flex-direction:column;gap:12px}.resend-otp-btn{background:#0000;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-weight:600;padding:16px;transition:all .3s;width:100%}.resend-otp-btn:hover:not(:disabled){background:#667eea1a}.resend-otp-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.phone-display-wrapper{flex:1 1}.input-box-otp{align-items:center;display:flex;gap:12px}.input-box-otp .icon{color:#666;font-size:20px;left:18px;position:absolute}.input-box-otp input.readonly-input{border-radius:12px;color:#333;cursor:not-allowed;flex:1 1;font-size:16px;font-weight:500;padding:18px 18px 18px 50px}.edit-phone-btn{align-items:center;background:linear-gradient(90deg,#06f,#003d99);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:400;gap:8px;padding:11px 28px;transition:all .3s ease;white-space:nowrap}.edit-phone-btn:hover{box-shadow:0 8px 20px #0066ff59;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.crop-modal,.otp-modal,.phone-edit-modal{margin:16px;padding:0;width:95%}.modal-header{padding:20px 24px}.modal-body{padding:24px}.input-box-with-otp{flex-direction:column;gap:16px}.otp-btn-large,.verify-otp-btn{justify-content:center;width:100%}.modal-footer{padding:0 24px 24px}.input-box-otp{flex-direction:column;gap:12px}.edit-phone-btn{justify-content:center;width:100%}}.price-box input{background:#fff;border:2px solid #e1e5eb;border-radius:10px;color:#111;font-size:16px;font-weight:450;margin-left:12px;padding:8px 14px;transition:all .3s;width:140px}.price-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.otp-box-container{margin:20px 0;text-align:center}.otp-label{color:#666;font-size:14px;margin-bottom:15px}.otp-inputs-group{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-digit-input{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:24px;font-weight:700;height:60px;text-align:center;transition:all .3s ease;width:60px}.otp-digit-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.otp-digit-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.otp-timer{color:#666;font-size:14px;margin-top:15px}.timer-count{color:#4f46e5;font-weight:700}.resend-otp-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;margin-top:15px;padding:5px;text-decoration:underline}.resend-otp-link:hover:not(:disabled){color:#3730a3}.resend-otp-link:disabled{color:#999;cursor:not-allowed;text-decoration:none}.verification-success{align-items:center;background-color:#f0f9f0;border-radius:8px;color:#059669;display:flex;gap:10px;justify-content:center;margin:20px 0;padding:15px}.success-icon{font-size:20px}.crop-modal{border-radius:12px;max-height:90vh;max-width:600px;overflow:auto;width:90%}.crop-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.apply-crop-btn,.cancel-crop-btn{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-crop-btn{background:#fff;border:1px solid #ddd;color:#666}.cancel-crop-btn:hover{background:#f5f5f5}.apply-crop-btn{background:linear-gradient(90deg,#06f,#003d99);border:none;color:#fff}.apply-crop-btn:hover:not(:disabled){background:#3730a3}.apply-crop-btn:disabled{background:#a5b4fc;cursor:not-allowed}.phone-edit-modal{background:#fff;border-radius:12px;max-width:500px;width:90%}.current-phone-info{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.current-phone-label{color:#666;font-size:12px;margin-bottom:5px}.current-phone-value{color:#333;font-size:16px;font-weight:600}.input-box-with-otp{align-items:center;display:flex;gap:10px}.error-message{color:#dc2626;font-size:12px;margin-top:5px}.phone-edit-note{color:#666;font-size:12px;margin-top:10px}.modal-footer{border-top:1px solid #eee;padding:20px}.modal-cancel-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;padding:8px 20px}.modal-cancel-btn:hover{background:#f5f5f5}.crop-modal{background:#fff;border-radius:10px;overflow:hidden;width:700px}.crop-container{height:400px;width:100%}.ReactCrop{height:100%;width:100%}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{height:400px;max-height:100%;object-fit:contain;width:100%}.login-tabs-profile{display:flex;gap:8px;margin-bottom:32px;position:relative}.tab-profile{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:10px;justify-content:center;overflow:hidden;padding:12px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-profile:after{background:linear-gradient(90deg,#0b5ed7,#4dabf7);border-radius:3px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.tab.profile.active{color:#0f172a;transform:translateY(-2px)}.tab-profile.active:after{width:80%}.tab-profile:not(.active):hover{color:#0b5ed7;transform:translateY(-1px)}.tab-profile .icon{font-size:20px;transition:transform .3s ease}.tab-profile.active .icon{transform:scale(1.1)}.dark-input-wrap{margin-bottom:14px;position:relative;width:100%}.dark-input{background:#fff!important;border:none;border-radius:10px;color:#000;font-size:16px;outline:none;padding:18px 42px;transition:.25s ease;width:100%}.dark-input::placeholder{color:#94a3b8}.dark-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.dark-input-icon{position:absolute;top:50%;transform:translateY(-50%)}.dark-input-icon,.dark-input-icons{color:#94a3b8;cursor:pointer;font-size:18px;transition:.2s ease}.dark-input-icons{align-items:center;background-color:#fff;border-radius:10px 0 0 10px;display:flex;height:100%;justify-content:center;padding-left:10px;width:50px}.dark-input-icon.left{left:14px;padding-right:10px}.dark-input-icon.right{right:30px}.dark-input-icon:hover{color:#3b82f6}.dark-error{color:#f87171;display:block;font-size:12px;margin-bottom:10px;margin-top:-6px}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.student-page,.student-page *{font-family:Alata,sans-serif!important}.student-header-studentProfile{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-bottom:20px}.student-title-wrap-particlur{align-items:center;display:flex;gap:15px}.student-title-particlur{display:flex;font-family:Alata,sans-serif;font-size:30px;font-weight:400;gap:10px;letter-spacing:0;line-height:1}.student-arrow{align-items:center;background-color:#007bff;display:inline-flex;height:1.5px;margin:0 20px;position:relative;vertical-align:middle;width:45px}.student-arrow:after{background-color:#007bff;border-radius:50%;box-shadow:0 0 4px #007bff80;content:"";height:8px;position:absolute;right:-4px;width:8px}.student-name{color:#333;font-family:Alata,sans-serif;font-size:16px;font-weight:400;width:500px}.status-badge.active{border:1px solid #22c55e;border-radius:6px;color:#16a34a}.status-badge.active,.status-badge.inactive{align-items:center;background:#fff;display:flex;font-family:Alata,sans-serif;font-size:18px;font-weight:500;gap:8px;padding:4px 15px;width:-webkit-max-content;width:max-content}.status-badge.inactive{border:1px solid #8c0000;border-radius:6px;color:#8c0000}.status-badge .dot{background:#22c55e;border-radius:50%;height:6px;width:6px}.status-badge.inactive .dot{background-color:#8c0000;border-radius:50%;height:8px;width:8px}.student-card{align-items:flex-start;display:flex;gap:40px;margin-bottom:30px;margin-top:20px;padding:10px}.student-image{border-radius:8px;padding:13px;position:relative}.student-image:before{background:#007bff;border-radius:8px 8px 8px 8px;content:"";height:40px;left:0;position:absolute;right:0;top:0;z-index:0}.student-image img{border-radius:4px;height:240px;margin-top:5px;object-fit:cover;position:relative;width:180px;z-index:1}.student-info{display:flex;flex-direction:column;justify-content:flex-start}.name-row{align-items:center;border-bottom:1px solid #ccc;display:flex;gap:25px;margin-bottom:5px;padding-bottom:10px;width:100%}.student-info h3{font-family:Alata,sans-serif;font-size:30px;font-weight:500;margin-top:5px}.approved{background:#4ade80;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-weight:500;padding:8px 20px}.student-info p{color:#333;font-size:16px;margin:8px 0}.student-info p b{display:inline-block;font-weight:600;width:100px}.institution-btn{background:#06f;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-family:Alata,sans-serif;font-size:15px;font-weight:500;margin-top:15px;padding:12px 25px;width:280px}.block-btn{background:#c00}.block-btn,.unblock-btn{border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-family:Alata,sans-serif;font-size:15px;font-weight:400;margin-top:15px;padding:10px 30px;width:280px}.unblock-btn{background:#16a34a}.unblock-btn:hover{background:#15803d}.info-row{align-items:center;color:#333;display:flex;font-size:16px;margin:8px 0}.info-row .label{font-weight:600}.info-row .value{color:gray;font-weight:400}.table-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px 20px 20px}.table-container h3{color:#333;font-size:18px;margin-bottom:15px}table{background-color:#f9fbff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:100%}thead{background-color:#eef4ff}th{color:#444;font-weight:600;text-align:left}td,th{font-size:14px;padding:15px}td{border-bottom:1px solid #f0f0f0;color:#555}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#f0f5ff}.status-container{align-items:flex-start;display:flex;gap:20px;margin-top:5px}.requested-dropdown{align-items:center;background:linear-gradient(180deg,#b0b0b0,#888);border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;min-width:120px;padding:8px 16px}.arrow-down{font-size:10px;margin-left:10px}.receipt-preview{align-items:center;background-color:#d1f2eb;border-radius:12px;display:flex;height:150px;justify-content:center;margin-top:10px;padding:10px;width:150px}.receipt-preview img{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.approved{background-color:#2ecc71;border-radius:8px;color:#fff;font-size:14px;padding:8px 16px}.approved-requested-wrapper{margin-top:45px}.institutions-page,.institutions-page *{font-family:Alata,sans-serif}.two-col-grid{display:flex;gap:20px}.two-col-grid>:first-child{flex:0 0 60%}.two-col-grid>:last-child{flex:0 0 30%}.institutions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.main-title{color:#1b2559;font-size:28px;font-weight:600}.filters{display:flex;gap:12px;margin:10px}.filter-select{background:#fff;border:1px solid #e0e5f2;border-radius:8px;color:#1b2559;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 16px}.filter-select:focus{border-color:#06f;outline:none}.institutions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.institution-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000008;padding:16px}.count{font-size:28px;font-weight:700;margin:0}.stats-section{margin-top:12px}.card-top-institutions{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.inst-name-institutions{color:#1b2559;font-size:16px;font-weight:600;margin-bottom:30px;max-width:70%}.inst-logo-institutions{height:80px;object-fit:cover;width:80px}.inst-logo-institutions,.placeholder-logo{border:1px solid #e0e5f2;border-radius:10px}.placeholder-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.sub-text{color:#a3aed0;font-size:14px;font-weight:500;margin:5px 0 0}.card-actions{display:flex;gap:12px}.block-btn,.view-btn{font-size:13px;padding:10px}.view-btn .icon{font-size:16px}.institution-card:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-8px)}@media (max-width:1200px){.institutions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.institutions-grid{grid-template-columns:repeat(2,1fr)}.institutions-header{align-items:flex-start;flex-direction:column;gap:20px}.filters{justify-content:flex-start;margin-right:10px;width:100%}}@media (max-width:600px){.institutions-grid{grid-template-columns:1fr}.institutions-page{padding:20px}.filter-select{min-width:100px;padding:8px 12px}}.inst-block-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:.3px;padding:10px 14px;transition:all .25s ease}.inst-block-btn.block{background:linear-gradient(135deg,#ff3b3b,#c70000);color:#fff}.inst-block-btn.block:hover{box-shadow:0 12px 26px #ff3b3b73;transform:translateY(-1px)}.inst-block-btn.unblock{background:linear-gradient(135deg,#00c853,#009624);box-shadow:0 8px 18px #00c85359;color:#fff}.inst-block-btn.unblock:hover{box-shadow:0 12px 26px #00c85373;transform:translateY(-1px)}.inst-block-btn:active{transform:scale(.97)}.dashboard-card-ins{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.dashboard-card__filters{display:flex;gap:12px;justify-content:flex-end;margin-bottom:16px}.dashboard-card__select{min-width:120px}.dashboard-card__chart{height:320px;width:100%}.full-message-page,.full-message-page *{font-family:Alata,sans-serif}.message-page{background:#f5f7fb;display:flex;gap:20px}.message-topbar{align-items:center;color:#111827;display:flex;font-size:25px;font-weight:400;height:6vh;justify-content:space-between;padding:0 10px}.chat-sidebar{background:#fff;border-radius:16px;display:flex;flex-direction:column;padding:18px;width:280px}.my-chats-btn{background:#1f6fff;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;margin-bottom:10px;padding:12px}.chat-list{-ms-overflow-style:none;height:450px;overflow-y:scroll;scrollbar-width:none}.chat-list::-webkit-scrollbar{display:none;height:0;width:0}.chat-body{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:24px;height:440px;overflow-y:scroll;padding:32px;scrollbar-width:none}.chat-body::-webkit-scrollbar{display:none;height:0;width:0}.chat-list-title{font-size:15px;font-weight:500;letter-spacing:.6px;margin:12px 0 10px;position:relative}.chat-list-title:after{background:#e5e7eb;content:"";display:block;height:1px;margin-top:6px;width:100%}.chat-item{grid-gap:12px;align-items:center;background:#e5e5e5;border-radius:10px;cursor:pointer;display:grid;font-size:14px;gap:12px;grid-template-columns:1fr 3fr 1fr;margin-bottom:10px;padding:10px 12px;transition:.2s}.chat-item:hover{background:#dcdcdc}.chat-item.active{background:#1f6fff;background:#2563eb;color:#fff}.avatar-small{align-items:center;background:#fff;border-radius:50%;color:#1f6fff;display:flex;font-size:14px;font-weight:400;height:34px;justify-content:center;width:34px}.chat-container{background:#fff;border:1px solid #eaeaea;border-radius:14px;box-shadow:0 4px 20px #0000000d;display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:18px 24px}.header-left-arrow{background:#f5f5f5;border-radius:5px;cursor:pointer;font-size:20px;padding:3px}.header-left{align-items:center;display:flex;font-size:16px;font-weight:400;gap:12px}.header-actions{background:#f8fafc;border:1px solid #4b5563;border-radius:10px;color:#4b5563;display:flex;gap:14px;padding:8px 14px}.message-row{display:flex;gap:14px;max-width:75%}.message-row.sent{align-self:flex-end;flex-direction:row-reverse}.avatar-msg{background:#d1d5db;border-radius:50%;height:38px;width:38px}.message-bubble{border-radius:14px;font-size:14px;line-height:1.5;padding:5px 18px}.received .message-bubble{background:#f3f4f6;border-bottom-left-radius:4px;color:#1f2937}.sent .message-bubble{background:#06f;border-bottom-right-radius:4px;color:#fff}.msg-info{align-items:center;display:flex;font-size:11px;gap:6px;justify-content:flex-end;margin-top:6px;opacity:.7}.chat-input-container{align-items:center;border-top:1px solid #eee;display:flex;gap:14px;padding:8px 24px}.input-icon{border:none;border-radius:50%;color:#6b7280;cursor:pointer;padding:8px 9px 6px;transition:all .25s ease}.input-icon.recording{animation:micPulse 1.2s infinite;background:linear-gradient(135deg,#ff4d4f,#ff7875);box-shadow:0 0 0 0 #ff4d4fb3;color:#fff}@keyframes micPulse{0%{box-shadow:0 0 0 0 #ff4d4fb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #ff4d4f00;transform:scale(1.1)}to{box-shadow:0 0 0 0 #ff4d4f00;transform:scale(1)}}.input-wrapper{align-items:center;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;padding:6px 14px}.input-wrapper input{border:none;flex:1 1;font-size:14px;outline:none;padding:10px}.input-actions{color:#9ca3af;display:flex;gap:10px}.send-btn{align-items:center;background:#06f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:400;gap:8px;padding:10px 22px}.audio-preview-container,.document-preview-container,.image-preview-container{background:#f8f9fa;border-top:1px solid #e9ecef;padding:10px 15px}.preview-header{align-items:center;color:#495057;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.preview-header button{background:none;border:none;color:#6c757d;cursor:pointer;margin-top:4px;padding:4px}.preview-header button:hover{color:#dc3545}.image-preview-grid{display:flex;flex-wrap:wrap;gap:10px}.preview-image-item{border:1px solid #dee2e6;border-radius:8px;height:80px;overflow:hidden;position:relative;width:80px}.preview-image-item img{height:100%;object-fit:cover;width:100%}.remove-preview-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.document-preview-list{display:flex;flex-direction:column;gap:8px}.preview-document-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.document-info{display:flex;flex:1 1;flex-direction:column}.document-name{color:#212529;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-size{color:#6c757d;font-size:11px}.audio-player-preview{align-items:center;display:flex;gap:10px}.audio-player-preview audio{flex:1 1;height:32px}.message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.message-image{border-radius:8px;cursor:pointer;max-height:150px;max-width:150px;transition:transform .2s}.message-image:hover{transform:scale(1.05)}.message-documents{display:flex;flex-direction:column;gap:5px;margin-top:8px}.message-document{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;display:inline-flex;font-size:13px;gap:8px;max-width:200px;padding:6px 10px;text-decoration:none}.message-document:hover{background:#e9ecef;color:#212529}.message-audio{display:flex;margin-top:6px}.message-audio.sent{justify-content:flex-end}.message-audio.received{justify-content:flex-start}.audio-bubble{align-items:center;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;gap:10px;max-width:100%;padding:10px 14px}.message-audio.sent .audio-bubble{background:linear-gradient(135deg,#4f9cff,#1e78ff);color:#fff}.message-audio.received .audio-bubble{background:#f1f3f5;color:#222}.audio-icon{align-items:center;display:flex;font-size:18px;justify-content:center}.audio-player{height:32px;width:500px}.audio-player:focus{outline:none}.input-actions button{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px}.input-actions button:hover{color:#495057}.send-btn:disabled{cursor:not-allowed;opacity:.6}.elegant-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100px;overflow:hidden;padding:60px 20px;position:relative}.elegant-content{max-width:400px;position:relative;text-align:center;top:25%;z-index:1}.message-icon-wrapper{animation:gentlePulse 3s ease-in-out infinite;margin-bottom:30px}.elegant-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:24px;font-weight:600;margin-bottom:12px}.elegant-subtitle{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:40px}.pin-icon{color:gray;cursor:pointer;transition:all .3s ease}.unread-badge{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;height:20px;justify-content:center;margin-left:20px;width:20px}.pin-icon.active{fill:#f5c518;color:#f5c518}.pinned-bg{background-color:#fff9e6;border-left:4px solid #f5c518}.menu-wrapper{display:inline-block;position:relative}.menu-wrapper svg{transition:transform .2s ease}.menu-wrapper svg:hover{transform:scale(1.1)}.msg-dropdown{animation:dropdownSlide .25s cubic-bezier(.34,1.56,.64,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid #e5e7ebcc;border-radius:12px;box-shadow:0 12px 32px #0000001a,0 2px 6px #0000000d,inset 0 1px 0 #fffc;min-width:140px;opacity:0;overflow:hidden;position:absolute;right:10px;top:35px;transform:translateY(-10px) scale(.95);z-index:1000}.msg-dropdown:before{background:#fff;border-left:1px solid #e5e7ebcc;border-top:1px solid #e5e7ebcc;content:"";height:12px;position:absolute;right:12px;top:-6px;transform:rotate(45deg);width:12px;z-index:1}.dropdown-item{align-items:center;border-bottom:1px solid #f3f4f6cc;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;overflow:hidden;padding:12px 16px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:999}.dropdown-item:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9);padding-left:20px}.dropdown-item.delete{color:#ef4444;position:relative}.dropdown-item.delete:before{background:#ef4444;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.dropdown-item.delete:hover:before{opacity:1}.delete-icon{height:16px;position:relative;width:16px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pinned-chat{background-color:#fff9e6}.chat-name-row{align-items:center;display:flex;gap:6px}.fav-icon{fill:#f5c518;color:#f5c518}.upload-page,.upload-page *{font-family:Alata,sans-serif}.upload-page{background:#f5f7fb;padding:28px}.stats-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.stat-card-upload{background-position:50%;background-size:cover;border-radius:16px;box-shadow:0 10px 24px #0000002e;color:#fff;height:230px;padding:20px;position:relative}.stat-title{background:#000;border-radius:6px;font-size:30px;font-style:normal;letter-spacing:0;line-height:100%;padding:6px 14px}.stat-card-upload h2,.stat-title{font-family:Alata,sans-serif;font-weight:400}.stat-card-upload h2{bottom:0;font-size:42px;position:absolute}.exam-box{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000d;margin-bottom:22px;padding:22px}.exam-header{align-items:center;display:flex;justify-content:space-between}.exam-tabs{gap:10px;overflow-x:auto;padding-bottom:6px;scroll-behavior:smooth;white-space:nowrap}.exam-tabs::-webkit-scrollbar{display:none}.exam-tabs{-ms-overflow-style:none;scrollbar-width:none}.exam-tabs button{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 16px;transition:all .2s ease}.exam-tabs button.active{background:linear-gradient(135deg,#1e40af,#2563eb);border:none;color:#fff}.exam-tabs button:hover{background:#e0e7ff}.exam-header h4{font-size:20px;font-weight:400}.nav-arrows{gap:10px}.nav-arrows,.nav-btn{align-items:center;display:flex;justify-content:center}.nav-btn{background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:50px;box-shadow:0 6px 14px #2563eb59;color:#fff;cursor:pointer;height:30px;transition:all .25s ease;width:30px}.nav-btn:hover{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);box-shadow:0 8px 18px #2563eb73;transform:translateY(-2px)}.nav-btn:active{transform:scale(.95)}.exam-tabs{display:flex;gap:14px}.exam-tabs button{background:#e5e7eb;border:none;border-radius:6px;color:#9ca3af;font-size:13px;font-weight:400;padding:8px 32px}.exam-tabs .active{background:#2563eb;color:#fff}.main-card{background:#fff;border-radius:16px;box-shadow:0 3px 12px #0000000d;overflow:hidden}.card-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.card-tabs button{background:none;border:none;color:#6b7280;cursor:pointer;font-weight:400;padding:14px 34px}.card-tabs .active{border-bottom:3px solid #2563eb;color:#2563eb}.card-body{padding:28px}.row-3{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.headline-content label{color:#6b7280;display:block;font-size:13px;font-weight:400;margin-bottom:6px}.headline-content input,.headline-content select,.headline-content textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:12px;width:100%}.headline-content textarea{resize:none}.headline-content input::placeholder,.headline-content textarea::placeholder{opacity:.4}.blue-btn{background:#2563eb;border:none;border-radius:8px;color:#fff!important;font-weight:400;padding:12px;width:100%}.blue-btn::placeholder{color:#fff;opacity:1}.blue-btn::-webkit-input-placeholder{color:#fff;opacity:.6}.blue-btn::-moz-placeholder{color:#fff;opacity:1}.blue-btn:-ms-input-placeholder{color:#fff;opacity:1}.blue-btn:-moz-placeholder{color:#fff;opacity:1}.text-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;padding:12px}.price-box{background:#1f2937;border-radius:8px;color:#fff;font-size:24px;font-weight:400;padding:14px}.divider{border-top:1px dashed #d1d5db;margin:24px 0}.footer-row{justify-content:space-between;margin-top:26px;padding:10px}.footer-row,.schedule-box{align-items:center;display:flex}.schedule-box{border:1px solid #e5e7eb;border-radius:8px;font-weight:400;gap:12px;padding:8px 14px}.upload-btn-small{background:#2563eb}.upload-btn-small,.uploaded-btn-small{border:none;border-radius:6px;color:#fff!important;font-size:12px;margin-top:5px;padding:5px 8px}.uploaded-btn-small{background:green}.next-btn-upload{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:400;gap:6px;padding:10px 26px!important}.question-top-row{display:flex;gap:40px}.confirm-box{display:flex;gap:8px}.confirm-box input{border:1px solid #d1d5db;border-radius:10px;padding:12px}.confirm-blue-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:400;padding:8px 16px}.upload-row-upload{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:30px}.upload-card{justify-content:space-between;padding:10px 16px}.upload-card,.video-card{align-items:center;background:#f3f4f6;border-radius:10px;display:flex}.video-card{gap:0;padding:8px 16px}.video-card>:first-child{color:#374151;flex:0 0 30%;font-weight:500}.video-card>:last-child{flex:0 0 70%}.video-card input{border:1px solid #d1d5db;border-radius:10px;padding:12px;width:100%}.blue-text-btn{background:#2563eb}.blue-text-btn,.green-text-btn{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;margin-top:5px;padding:6px 12px}.green-text-btn{background:green}.answer-card{align-items:center;border:2px solid #2563eb;border-radius:10px;display:flex;overflow:hidden}.answer-card button{background:#2563eb;border:none;color:#fff;flex:1 1;font-weight:400;padding:14px}.eye-icon{color:#6b7280;padding:0 12px}.publish-row{display:flex;justify-content:flex-end;margin-top:30px}.publish-btn{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:400;padding:10px 50px}.omr-grid-container{padding:20px}.omr-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.omr-row{align-items:center;display:flex;gap:8px}.q-no{font-weight:400;width:26px}.options-group{display:flex;gap:6px}.omr-opt{background:#fff;border:1px solid #d1d5db;border-radius:50%;font-size:12px;font-weight:400;height:26px;width:26px}.omr-opt.active{background:#2563eb;border-color:#2563eb;color:#fff}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px}.next-modal-btn,.prev-modal-btn{border:none;border-radius:8px;font-weight:500;padding:5px 20px}.prev-modal-btn{background:#e5e7eb}.next-modal-btn{background:#2563eb;color:#fff}.add-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:1px solid #06f;border-radius:6px;display:flex;font-family:Alata,sans-serif;font-size:16px;font-weight:400;gap:6px;letter-spacing:0;line-height:100%;padding:8px 14px;transition:all .2s ease}.add-btn .plus{font-size:18px;font-weight:400;line-height:1}.add-btn:hover{cursor:pointer;transform:translateY(-1px)}.subexam-section{border-top:1px solid #e5e7eb;padding-top:15px}.subexam-section h5{color:#333;font-weight:400}.subexam-tabs button{background:#f9fafb;border:1px solid #e5e7eb;color:#9ca3af;padding:6px 12px}.subexam-tabs button:hover{background:#e0e7ff;border-color:#2563eb;color:#2563eb}.subexam-tabs button.active{background:linear-gradient(135deg,#1e40af,#2563eb)}.current-selection{background:#f3f4f6;color:#374151}.current-selection strong{color:#1e40af;font-weight:400}.publish-btn:disabled{background:#ccc!important;cursor:not-allowed;opacity:.7}.subexam-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:15px}.subexam-section h5{color:#334155;font-family:Alata,sans-serif;font-size:14px;font-weight:500;margin-bottom:10px}.subexam-tabs{overflow-x:auto;padding-bottom:5px}.subexam-tabs button{font-weight:400;padding:6px 16px;white-space:nowrap}.subexam-tabs::-webkit-scrollbar{display:none}.subexam-tabs{-ms-overflow-style:none;scrollbar-width:none}.no-subexams-message{color:#64748b;font-size:13px;font-style:italic;padding:10px 0}.current-selection{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-family:Alata,sans-serif;font-size:14px;margin-top:15px;padding:10px 15px}.current-selection strong{color:#1d4ed8;font-weight:500}.debug-info{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:12px;margin-top:10px;padding:10px}.subexam-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:15px}.subexam-header{margin-bottom:12px}.subexam-title{color:#475569;font-family:Alata,sans-serif;font-size:14px;font-weight:500}.subexam-tabs{display:flex;flex-wrap:wrap;gap:10px}.subexam-tabs button{background:#fff;border:1px solid #cbd5e1;border-radius:20px;color:#475569;cursor:pointer;font-family:Alata,sans-serif;font-size:13px;padding:8px 16px;transition:all .2s ease}.subexam-tabs button:hover{background:#f1f5f9;border-color:#94a3b8}.subexam-tabs button.active{background:#2563eb;border-color:#2563eb;color:#fff}.selected-exam-info{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:10px;margin-top:15px;padding:12px 15px}.selected-label{color:#1e40af;font-weight:500}.selected-label,.selected-value{font-family:Alata,sans-serif;font-size:14px}.selected-value{color:#1d4ed8;font-weight:400}.exam-checkbox-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.exam-checkbox-item{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:.2s ease}.exam-checkbox-item:hover{background:#f9fafb}.exam-checkbox-item input{cursor:pointer;height:16px;width:16px}.exam-checkbox-item input:checked+.check-label{color:#2563eb;font-weight:600}.check-label{color:#374151;font-size:14px}.add-exam{color:#2563eb;font-weight:600;justify-content:center;padding:5px!important}.plus-icon{font-size:20px;line-height:1}.modal-body-exam{padding:10px}.single{margin-bottom:30px!important;margin:auto}.no-data-upload{align-items:center;background-color:#fff;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;display:flex;flex-direction:column;font-size:16px;font-weight:500;justify-content:center;margin:20px;padding:20px;width:100%}.no-data-upload-icon{color:#94a3b8;height:20px;margin-bottom:12px;width:100%}.pdf-link{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;display:inline-flex;font-size:14px;gap:8px;padding:8px 12px;text-decoration:none;transition:.2s ease}.pdf-link:hover{background:#eef2ff;border-color:#6366f1}.pdf-icon{font-size:18px}.pdf-name{font-weight:500}.input-error{border:1px solid red}.error-text{color:red;font-size:12px;margin-top:3px}.omr-container-main{background:#f8fafc;min-height:100vh;padding:20px 30px}.omr-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.answers-blue-tag{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:8px 24px}.page-info{color:#475569;font-size:14px;font-weight:500;gap:10px}.omr-content-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:20px;padding:25px 30px}.page-indicator{border-top:1px solid #e2e8f0;padding-bottom:15px;padding-top:15px}.page-numbers{flex-wrap:wrap;gap:8px}.page-number,.page-numbers{display:flex;justify-content:center}.page-number{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;height:36px;transition:all .2s ease;width:36px}.page-number:hover{background:#f1f5f9;border-color:#94a3b8}.page-number.active{background:#2563eb;border-color:#2563eb;color:#fff}.omr-grid-three-col{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.omr-column-stack{gap:8px}.omr-row-custom{gap:12px;padding:6px 0}.omr-row-custom:last-child{border-bottom:none}.q-number-label{color:#334155;font-size:14px;min-width:30px}.bubbles-group{gap:25px}.bubble-item{background:#fff;border:1.5px solid #cbd5e1;font-size:13px;height:28px;transition:all .2s ease;width:28px}.bubble-item:hover{background:#f1f5f9;transform:scale(1.05)}.bubble-item.filled{background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.omr-footer-nav{align-items:center;display:flex;justify-content:space-between;padding-top:15px}.nav-btn-blue,.nav-btn-gray{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-width:120px;padding:10px 24px;transition:all .2s ease}.nav-btn-gray{background:#f1f5f9;color:#475569}.nav-btn-gray:hover:not(.disabled){background:#e2e8f0}.nav-btn-blue{background:#2563eb;color:#fff}.nav-btn-blue:hover:not(.disabled){background:#1d4ed8}.nav-btn-blue.disabled,.nav-btn-gray.disabled{cursor:not-allowed;opacity:.5}.pagination-controls{align-items:center;display:flex;gap:20px}.page-nav-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;min-width:70px;padding:8px 16px;transition:all .2s ease}.page-nav-btn:hover:not(:disabled){background:#e2e8f0}.page-nav-btn:disabled{cursor:not-allowed;opacity:.5}.current-page-display{background:#eff6ff;border-radius:6px;color:#2563eb;font-size:14px;font-weight:600;padding:8px 16px}@media (max-width:1200px){.omr-grid-three-col{gap:20px}}@media (max-width:992px){.omr-grid-three-col{grid-template-columns:repeat(2,1fr)}.omr-footer-nav{flex-direction:column;gap:15px}.pagination-controls{order:1}.nav-btn-blue,.nav-btn-gray{order:2}}@media (max-width:768px){.omr-container-main{padding:15px}.omr-grid-three-col{grid-template-columns:1fr}.omr-header-section{align-items:flex-start;flex-direction:column}.page-numbers{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}}@media (max-width:480px){.omr-content-card{padding:15px}.pagination-controls{flex-direction:column;gap:10px}.nav-btn-blue,.nav-btn-gray{justify-content:center;width:100%}.bubble-item{font-size:12px;height:26px;width:26px}}.back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background .2s ease}.back-btn:hover{background:#4b5563}.page-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.questions-info{color:#64748b;font-size:13px;font-weight:400}.no-questions-message{padding:60px 40px;text-align:center}.no-questions-message h3{color:#374151;font-weight:500;margin-bottom:12px}.no-questions-message p{color:#6b7280;margin-bottom:24px}@media (max-width:768px){.page-info{align-items:flex-start;flex-direction:column;gap:10px}.nav-btn-blue,.nav-btn-gray{justify-content:center;width:100%}}.omr-grid-four-col{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.omr-column-stack{display:flex;flex-direction:column;gap:1rem}.omr-row-custom{align-items:center;border-radius:6px;display:flex;gap:.75rem;padding:.5rem}.q-number-label{color:#333;font-weight:500;min-width:28px}.bubbles-group{display:flex;gap:.5rem}.bubble-item{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-weight:500;height:32px;justify-content:center;transition:all .2s;width:32px}.bubble-item.filled{background:#3b82f6;color:#fff}.bubble-item.filled,.bubble-item:hover{border-color:#3b82f6}@media (max-width:1200px){.omr-grid-four-col{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.omr-grid-four-col{grid-template-columns:1fr}}.account-container .account-container *{font-family:Alata,sans-serif}.account-container{background-color:#f0f7ff;min-height:100vh}.account-card-wrapper{align-items:flex-start;display:flex;gap:60px;margin:0 auto;max-width:1100px}.form-grid-section{flex:1.5 1}.upload-row{align-items:center;display:flex;gap:25px;margin-bottom:35px}.logo-preview-circle{align-items:center;background:#fff;border:3px solid #000;border-radius:50%;display:flex;height:130px;justify-content:center;overflow:hidden;position:relative;width:130px}.logo-preview-circle img{height:100%;object-fit:contain;object-position:center;width:100%}.thumb-preview-box{align-items:center;background:#fff;border:3px solid #000;display:flex;height:130px;justify-content:center;overflow:hidden;position:relative;width:110px}.thumb-preview-box img{display:block;margin-top:20px;max-height:100%;max-width:100%;object-fit:contain}.label-overlay{background:#000;color:#fff;font-size:10px;padding:3px 0;position:absolute;top:0}.change-link,.label-overlay{text-align:center;width:100%}.change-link{background:#fff;border:1px solid #000;border-radius:20px;cursor:pointer;display:inline-block;font-size:12px;margin-top:10px;padding:4px 15px}.meta-inputs-container{display:flex;flex-direction:column;flex-grow:1;gap:15px}.desc-textarea{border:none;border-radius:12px;box-shadow:0 4px 10px #0000000d;height:80px;padding:12px;resize:none;width:100%}.color-picker-wrapper{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;display:flex;gap:12px;padding:8px 15px}.inputs-container{display:flex;flex-direction:column;gap:18px}.input-row{display:flex;gap:20px}.input-field{display:flex;flex:1 1;flex-direction:column;gap:8px}.input-field label{color:#333;font-size:13px;font-weight:600}.input-field input,.input-field select{background:#fff;border:1px solid #fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;font-size:14px;padding:12px 15px}.add-exam-row{align-items:center;display:flex;flex-direction:row;gap:5px}.add-exam-row input{flex:1 1}.add-btn{background-color:#4f46e5;color:#fff;font-weight:500;padding:10px 16px}.add-btn,.close-btn{border:none;border-radius:10px;cursor:pointer}.close-btn{background:#f3f4f6;color:#6b7280;font-weight:600;padding:10px 12px}.otp-group{display:flex;gap:10px}.otp-group input{flex:1 1}.btn-send-otp{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:0 20px}.button-field{align-items:flex-end;display:flex;flex:1 1}.btn-update{background:#1a73e8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:400;padding:13px;transition:background .3s;width:100%}.preview-sticky-section{flex:0.8 1;position:-webkit-sticky;position:sticky;top:40px}.preview-header{color:#666;font-weight:500;margin-bottom:15px;text-align:center;width:290px}.card-mockup{border-radius:25px;box-shadow:0 15px 35px #0003;overflow:hidden;width:290px}.card-body-thumb{overflow:hidden;padding:20px;position:relative}.card-thumb{height:100%;position:absolute;right:0;top:0;width:150px;z-index:0}.card-thumb img{height:100%;object-fit:cover;width:100%}.card-logo-box{align-items:center;border-radius:10px;display:flex;height:55px;justify-content:center;margin-bottom:15px;overflow:hidden;width:55px}.card-logo-box img{display:block;height:100%;object-fit:cover;width:100%}.card-tags{word-wrap:break-word;color:#fff;font-size:12px;font-weight:400;max-width:100px;overflow-wrap:break-word;white-space:normal}.card-candidates{color:#fffc;font-size:12px;margin-bottom:15px}.explore-pill{align-items:center;background:#ffffff14;border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:400;gap:10px;letter-spacing:.5px;margin-left:-12px;padding:5px 12px;transition:all .3s ease}.explore-pill:hover{background:#ffffff26}.arrow-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;height:18px;justify-content:center;transition:transform .3s ease;width:18px}.explore-pill:hover .arrow-circle{transform:translateX(4px)}.card-text-overlay{max-width:100%;position:relative;z-index:1}.card-footer-info,.card-inst-name{word-wrap:break-word;overflow-wrap:break-word;position:relative;white-space:normal;word-break:break-word;z-index:1}.card-inst-name{color:#fff;font-size:18px;margin-bottom:8px}.card-footer-info{color:#ffffffb3;font-size:11px;line-height:1.4}.modern-glass-card{background:#fff;border:1px solid #fffc;border-radius:20px;box-shadow:0 10px 30px #0000000a;display:flex;flex-direction:column;flex-grow:1;gap:20px;padding:20px}.modern-label{color:#888;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.modern-textarea{background:#fdfdfd;border:1.5px solid #f0f0f0;border-radius:12px;color:#333;font-family:inherit;font-size:14px;height:90px;padding:12px;resize:none;transition:all .3s ease;width:100%}.modern-textarea:focus{background:#fff;border-color:var(--focus-color);box-shadow:0 0 0 4px #0000000d;outline:none}.modern-color-picker-pill{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:50px;cursor:pointer;display:flex;padding:8px 12px;position:relative;transition:all .2s ease}.modern-color-picker-pill:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.color-circle{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0003;height:32px;overflow:hidden;position:relative;width:32px}.hidden-color-input{cursor:pointer;height:50px;left:-5px;opacity:0;position:absolute;top:-5px;width:50px}.color-info{display:flex;flex-direction:column;flex-grow:1;margin-left:12px}.color-name{color:#333;font-size:13px;font-weight:600}.color-hex{color:#999;font-family:monospace;font-size:11px}.color-action-text{color:#1a73e8;font-size:12px;font-weight:700;margin-right:8px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.13b6e430.css.map*/