#root{text-align:center;margin:0 auto}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.layout{background:#f5f7fa;flex-direction:column;height:auto;min-height:100vh;margin-top:0;padding-top:0;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.topbar{background:#fff;border-bottom:1px solid #e9eaeb;justify-content:space-between;align-items:center;width:100%;margin-left:0;padding:16px 20px;display:flex;margin-top:0!important}.topbar h2{margin:0;font-size:24px;font-weight:600}.dashboard-layout .topbar h2{font-weight:400}.topbar .topbar-right{align-items:center;gap:12px;margin-left:auto;padding:0;display:flex}.topbar .topbar-right>img{width:20px;height:20px}.topbar .topbar-right .profile img{object-fit:cover;border-radius:50%;width:32px;height:32px}.topbar .topbar-right .profile{align-items:center;gap:8px;display:flex}.content-wrapper{flex:1;align-items:flex-start;width:100%;margin-left:0;padding-top:0;padding-left:0;display:flex;overflow:visible}.sidebar-border{z-index:1000;background:#fff;border-right:1px solid #eee;flex-direction:column;width:240px;min-height:100svh;padding:20px 12px;display:flex;position:fixed;top:0;left:0}.sidebar-border ul{list-style:none}.menu li{cursor:pointer;color:#555;text-align:center;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.menu li img{display:block}.menu li.active{color:#0d6efd;font-weight:600}.logout{color:red;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:12px 16px;font-size:14px;display:inline-flex}.sidebar-divider{border-top:1px solid #e9eaeb;width:100%;margin:10px 0 0}.logo img{margin:0 auto;display:block}.main{width:100%;min-width:0;max-width:100%;margin-left:0;padding:16px 24px 16px 16px;overflow:auto visible}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;margin:0 0 16px;display:grid}.dashboard-card{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;min-height:98px;padding:14px;display:flex;box-shadow:0 2px 8px #0000000d}.dashboard-card-title-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dashboard-card-icon-wrap{background:#f3f6fb;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:0;display:inline-flex}.dashboard-card-icon{object-fit:contain;width:17px;height:17px}.dashboard-card h3{color:#111827;margin:0;font-size:24px;line-height:1.1}.dashboard-card p{color:#6b7280;margin:0;font-size:13px}.middle{flex-wrap:wrap;gap:20px;display:flex}.revenue{background:#fff;border-radius:10px;flex:2 520px;min-width:0;padding:20px}.chart-box{background:0 0;justify-content:center;align-items:center;height:auto;margin-top:0;display:flex}.activity{background:#fff;border:1px solid #e9eaeb;border-radius:10px;flex-direction:column;flex:320px;min-width:0;padding:20px;display:flex}.activity h3{color:#101828;margin:0;font-size:22px;font-weight:700}.activity-subtitle{color:#667085;margin:8px 0 14px;font-size:14px}.activity-event{border-bottom:none;padding:10px 0}.activity-event p{color:#344054;margin:0;font-size:14px;font-weight:500}.activity-event span{color:#667085;margin-top:4px;font-size:12px;display:block}.activity-view-btn{color:#1c7d87;background:0 0;border:none;border-radius:0;justify-content:center;align-self:center;align-items:center;gap:8px;margin:14px auto 0;padding:0;font-size:14px;font-weight:600;display:inline-flex}.activity-view-btn img{filter:none;width:14px;height:14px}.link-btn{cursor:pointer;color:#000;opacity:1;background:0 0;border:1px solid #bfbcbc;border-radius:8px;gap:4px;padding:8px 14px;font-weight:500}.subscription-view-btn{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:8px 14px;font-weight:400}.subscription{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:20px;overflow-x:auto}.subscription-header{justify-content:space-between;align-items:center;display:flex}.subscription-users-badge{color:#0e1013;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:13px;font-weight:400;display:inline-flex}.subscription-header h3{font-weight:400}table{border-collapse:collapse;width:100%;margin-top:15px}table th,table td{text-align:left;vertical-align:middle;border-bottom:1px solid #eee;padding:12px}.badge{border-radius:12px;padding:4px 10px;font-size:12px}.badge.pro{color:#1e7e34;background:#ecfdf3}.badge.free{color:#1e7e34;background:#e9eaeb}.subscription{overflow:visible}.subscription table{border-collapse:collapse;border-spacing:0;min-width:760px;margin-top:12px}.subscription thead th{color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600}.subscription tbody tr{background:#fff}.subscription tbody td{color:#111827;border-bottom:1px solid #eef2f7;padding:14px 12px}.subscription tbody tr:last-child td{border-bottom:none}.renewal-cell{justify-content:space-between;align-items:center;gap:10px;display:flex}.renewal-cell img{object-fit:contain;opacity:.8;width:16px;height:16px}.back{background-color:#e9eaeb}.side-border{border-right:1px solid #e9eaeb}.sign-out button{color:red;background-color:#fff;border:none;text-decoration:none}.sign-out{margin-left:30px}.onhover{cursor:pointer;border-radius:8px;padding:7px;transition:all .3s}.onhover:hover li{color:#1c7d87}.onhover:hover img{filter:brightness(0)saturate()invert(40%)sepia(35%)saturate(600%)hue-rotate(140deg)}.ul-border{border-left:2px solid #1c7d87}.onactive{color:#1c7d87;background-color:#e8f2f3;margin-right:5px}body p{letter-spacing:0%;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.input-border input{border:none}.input-border{border:1px solid #e9eaeb;border-radius:12px;gap:8px;width:363px;height:48px;padding:12px 20px}.back-next-btn{opacity:1;color:#1e293b;font-weight:600;font-style:Semi Bold;letter-spacing:0%;background:#fff;border:1px solid #b9bdc2;border-radius:8px;gap:8px;font-size:14px;line-height:140%}.verified{font-weight:500;font-style:Medium;letter-spacing:0%;color:#027a48;background:#ecfdf3;font-size:12px;line-height:150%}.non-compliment{opacity:1;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;color:#c10007;background:#feeceb;border-radius:16px;padding:2px 8px;font-size:12px;line-height:150%}.first-col{font-weight:500;font-style:Medium;letter-spacing:0%;background:#1e293b;font-size:14px;line-height:140%}.page :hover,.page :active{background:#e8f2f3}.invitation-record{letter-spacing:0%;text-align:center;color:#151d2a;font-size:12px;font-weight:500;line-height:18px}.admin-bg{background-color:#eeee;min-height:100vh}.dashboard-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #1018281a}.side-border{border-right:1px solid #e5e7eb;min-height:100vh}.size-input{font-weight:400;font-style:Regular;letter-spacing:0%;padding:12px;font-size:16px;line-height:150%}.warning{color:#dc6803}.table{border-collapse:separate;border-spacing:0 30px;align-items:center}.change-password-button{opacity:1;font-weight:600;font-style:Semi Bold;letter-spacing:0%;vertical-align:middle;border:1px solid #e9eaeb;border-radius:8px;gap:4px;padding:10px 16px;font-size:14px;line-height:140%}.warning{opacity:1;background:#fffaeb;border-radius:16px;padding:2px 8px}.prof input{opacity:1;border-width:1px;border-radius:12px;gap:8px;width:617px;height:48px;padding:12px 20px}.save-button{opacity:1;color:#fff;background-color:#1c7d87;border:none;border-radius:8px;gap:4px;padding:10px 16px}.signin-wrapper{background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;width:min(1280px,100% - 48px);min-height:calc(100svh - 48px);margin:24px auto;font-family:Inter,sans-serif;display:grid;overflow:hidden}.signin-left{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.signin-left img{object-fit:contain;width:100%;height:auto;display:block}.signin-right{flex:1;justify-content:center;align-items:center;width:100%;padding:40px;display:flex}.signin-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(100%,500px);padding:32px;box-shadow:0 5px 25px #0000000f}.signin-card h2{text-align:center;color:#111827;margin-bottom:8px;font-size:24px;font-weight:700}.subtitle{text-align:center;color:#6b7280;margin-top:24px;margin-bottom:32px;font-size:14px}.signin-card form{flex-direction:column;display:flex}.signin-card label{color:#374151;text-align:left;margin-bottom:6px;font-size:14px;font-weight:500}.password-wrapper{margin-bottom:16px;position:relative}.signin-card input[type=email],.signin-card input[type=password],.signin-card input[type=text]{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.password-wrapper input[type=password]{margin-bottom:0;padding-right:40px}.password-toggle{cursor:pointer;width:15px;position:absolute;top:35%;right:12px}.signin-card input[type=email]:focus,.signin-card input[type=password]:focus,.signin-card input[type=text]:focus{border-color:#0f766e}.signin-options{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px;display:flex}.signin-options input[type=checkbox]{margin-right:6px}.forgot{color:#0f766e;cursor:pointer}.forgot:hover{text-decoration:underline}.signin-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:500}.signin-btn:hover{background:#0d5f59}.divider{text-align:center;margin:24px 0;position:relative}.divider:before{content:"";background:#e5e7eb;width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{color:#9ca3af;z-index:1;background:#fff;padding:0 12px;font-size:14px;position:relative}.magic-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500}.magic-btn:hover{background:#f9fafb}.signup-text{text-align:center;color:#6b7280;margin-top:24px;font-size:14px}.signup-text span{color:#0f766e;cursor:pointer;font-weight:500}.signup-text span:hover{text-decoration:underline}.dashboard-container{background:#f8f9fc;min-height:100svh;font-family:Arial,sans-serif;display:flex}.sidebar{background:#fff;border-right:1px solid #e5e7eb;width:240px;min-height:100svh;top:0;left:0}.main-content{flex:1;margin-left:240px;padding-bottom:30px}.nav-border{background:#fff;border-bottom:1px solid #e9eaeb;padding:15px 24px}.nav-icon{cursor:pointer}.search-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:20px 24px 15px;padding:12px 16px}.search-box{border:1px solid #ddd;border-radius:6px;align-items:center;gap:8px;width:300px;padding:6px 10px;display:flex}.search-box input{border:none;outline:none;width:100%}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0 24px;padding:16px}.table-responsive-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}thead{background:#f9fafb}th,td{text-align:left;border-bottom:1px solid #eee;padding:10px;font-size:14px}.plan{background-color:green;border-radius:20px;padding:4px 10px;font-size:12px}.plan.pro{color:#065f46;background:#d1fae5}.plan.free{color:#374151;background:#f3f4f6}.action-cell{align-items:center;gap:8px;display:flex}.suspend-text{color:#1c7d87;cursor:pointer;font-weight:600}.users-footer-nav{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.users-nav-btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;justify-content:center;align-items:center;min-width:100px;height:36px;font-weight:600;transition:all .2s;display:inline-flex}.users-nav-btn:hover{background:#f3f4f6}.users-page-numbers{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.users-page-numbers span{cursor:pointer;border-radius:6px;padding:6px 10px}.users-page-numbers span:hover{color:#2563eb;background:#e6f0ff}.active-page{color:#fff;background:#2563eb}.user-profile-image{object-fit:cover;border-radius:50%;width:40px;height:40px}.add{color:#027a48;background-color:#ecfdf3;border-radius:10px;padding:2px 5px}.sub{color:#4b5462;background-color:#e9eaeb;border-radius:10px;padding:2px 5px}