*{box-sizing:border-box;margin:0;padding:0}body{background:#f3f4f6;font-family:Inter,sans-serif}#root{margin:0;padding:0}.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-health-table thead th{background-color:#f5f5f5;padding-top:0;padding-bottom:6px}.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}.sidebar-container{background-color:#fff;border-right:1px solid #e9eaeb;flex-direction:column;height:100vh;display:flex}.logo-img{object-fit:contain;width:180px;height:auto;margin:20px auto;display:block}.sidebar-menu{flex-direction:column;flex:1;padding:20px 0;display:flex}.sidebar-menu ul{margin:0;padding:0;list-style:none}.menu-item{cursor:pointer;border-radius:8px;align-items:center;margin:5px 15px;padding:12px 20px;transition:all .3s;display:flex}.menu-item:hover{color:#1c7d87;background-color:#e8f2f3}.menu-item.active{color:#1c7d87;background-color:#e8f2f3;border-left:3px solid #1c7d87}.menu-icon{width:20px;height:20px;margin-right:12px}.menu-item:hover .menu-icon,.menu-item.active .menu-icon{filter:brightness(0)saturate()invert(40%)sepia(35%)saturate(600%)hue-rotate(140deg)}.sidebar-menu hr{border-color:#e9eaeb;margin:20px 15px}.sign-out{cursor:pointer;align-items:center;margin:0 15px;padding:12px 20px;display:flex}.sign-out img{width:20px;height:20px;margin-right:12px}.sign-out button{color:red;cursor:pointer;background-color:#0000;border:none;font-size:14px;text-decoration:none}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}.overview-count-badge{color:#0e1013;white-space:nowrap;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:13px;font-weight:400;line-height:1.2;display:inline-flex}.contractors-overview-table thead th{background-color:#f5f5f5}.contractors-page-numbers{color:#344054;align-items:center;font-size:14px;font-weight:600}.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}.profile{align-items:flex-start;gap:12px;display:flex}.prof{flex:1;min-width:0}.prof input{opacity:1;border-width:1px;border-radius:12px;gap:8px;width:100%;height:40px;padding:12px 20px}.save-button{opacity:1;color:#fff;background-color:#1c7d87;border:none;border-radius:8px;gap:4px;padding:10px 16px}@media (width<=992px){.profile{flex-direction:column}}.signin-wrapper{box-sizing:border-box;zoom:reset;transform-origin:0 0;background:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex}.signin-content{transform-origin:50%;background:#fff;border-radius:0;grid-template-columns:minmax(500px,1fr) minmax(500px,1fr);width:100%;max-width:100%;height:100vh;display:grid;overflow:hidden;transform:scale(1)}.signin-left{background:#fff;border-right:1px solid #d1d5db;border-radius:0;justify-content:center;align-items:center;padding:40px;display:flex}.signin-left img{object-fit:contain;width:100%;height:100%;max-height:90vh;display:block;transform:scale(1)}.signin-right{background:#eee;border-radius:0;justify-content:center;align-items:center;padding:60px;display:flex}.signin-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:400px;min-width:400px;max-width:400px;padding:36px;transform:scale(1)}.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]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:36px;padding:8px 12px;font-size:12px}.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%;height:36px;padding:8px 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}@media (width<=992px){.signin-wrapper{grid-template-columns:1fr;width:calc(100% - 24px);height:auto;margin:12px auto}.signin-left{padding:16px}.signin-right{padding:20px 16px}}.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}.pager-btn{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:116px;height:40px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;color:#344054!important;background:#fff!important;border:1px solid #d0d5dd!important}.pager-btn:hover{background:#f9fafb!important}.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}.users-overview-table thead th{background-color:#f5f5f5;padding-top:0;padding-bottom:6px}