@import url(https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap);*{box-sizing:border-box;font-family:Teachers,sans-serif;font-optical-sizing:auto;font-weight:500;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;color:#101828;font-family:Teachers,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.d-none{display:none!important}.d-i-block{display:inline-block!important}.text-align-right{text-align:right!important}.d-flex-center{justify-content:center}.d-flex-align,.d-flex-center{align-items:center;display:flex}.d-flex-btw{justify-content:space-between!important}.d-flex-btw,.d-flex-end{align-items:center!important;display:flex!important}.d-flex-end{justify-content:end!important}.full-width{width:100%!important}.half-width{width:50%!important}.auto-width{width:auto!important}.mt-10p{margin-top:10px}.mt-15p{margin-top:15px}.mt-20p{margin-top:20px}.mb-10p{margin-bottom:10px}.mb-15p{margin-bottom:15px}.mb-20p{margin-bottom:20px}.p-15p{padding:15px}.p-24p{padding:24px!important}.success-btn{background-color:#2e7d3a;color:#fff}.loader-container{align-items:center;background:#fafafa;display:flex;flex-direction:column;height:100vh;justify-content:center}.loader-container .spinner{animation:spin 1s linear infinite;border:4px solid #d9e2ec;border-radius:50%;border-top-color:#1677ff;height:50px;width:50px}.loader-container p{color:#667085;font-size:16px;margin-top:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-container{align-items:center;background:radial-gradient(ellipse at 15% 10%,#4350af14 0,#0000 55%),radial-gradient(ellipse at 85% 90%,#aa233b0d 0,#0000 55%),linear-gradient(180deg,#fafbfc,#eef2f7);display:flex;justify-content:center;min-height:100vh;padding:24px}@media(max-width:480px){.login-container{padding:16px}}.login-container .login-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:440px;padding:48px;transition:all .2s ease;width:100%}@media(max-width:768px){.login-container .login-card{padding:32px}}@media(max-width:480px){.login-container .login-card{padding:24px}}.login-container .login-header{margin-bottom:32px;text-align:center}@media(max-width:480px){.login-container .login-header{margin-bottom:24px}}.login-container .login-header .logo{font-size:48px;margin-bottom:16px}@media(max-width:480px){.login-container .login-header .logo{font-size:36px;margin-bottom:8px}}.login-container .login-header h1{color:#101828;font-size:28px;margin-bottom:8px}@media(max-width:480px){.login-container .login-header h1{font-size:22px}}.login-container .login-header p{color:#667085;font-size:16px}@media(max-width:480px){.login-container .login-header p{font-size:14px}}.login-container .login-header .redirect-info{background:#fafafa;border-left:4px solid #1677ff;border-radius:8px;font-size:14px;margin-top:16px;padding:16px;text-align:left}.login-container .login-header .redirect-info span{color:#667085;margin-right:8px}.login-container .login-header .redirect-info strong{color:#101828}.login-container .role-toggle{grid-gap:4px;background:#eef2f7;border-radius:8px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px}.login-container .role-toggle__option{border:none;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.login-container .role-toggle__option:disabled{cursor:not-allowed;opacity:.6}.login-container .role-toggle__option{background:#0000;border-radius:6px;color:#667085;font-size:14px;padding:10px 14px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.login-container .role-toggle__option:hover:not(.is-active):not(:disabled){color:#101828}.login-container .role-toggle__option.is-active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4350af}.login-container .login-form .form-group{margin-bottom:24px}.login-container .login-form .form-group label{color:#101828;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.login-container .login-form .form-group input{background:#fff;border:2px solid #d9e2ec;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.login-container .login-form .form-group input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #3182ce1a;outline:none}.login-container .login-form .form-group input:disabled{background:#fafafa;cursor:not-allowed;opacity:.7}.login-container .login-form .form-group input::placeholder{color:#a0aec0}.login-container .login-form .error-message{background:#ff4d4f1a;border:1px solid #ff4d4f33;border-radius:8px;color:#ff4d4f;font-size:14px;margin-bottom:24px;padding:16px}.login-container .login-form .login-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.login-container .login-form .login-button:disabled{cursor:not-allowed;opacity:.6}.login-container .login-form .login-button{background:#1677ff;color:#fff;width:100%}.login-container .login-form .login-button:hover:not(:disabled){background:#0e5fd1;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.login-container .login-form .login-button:active:not(:disabled){transform:translateY(0)}.login-container .test-accounts{border-top:1px solid #d9e2ec;margin-top:32px;padding-top:32px}.login-container .test-accounts h3{color:#101828;font-size:14px;font-weight:600;margin-bottom:16px}.login-container .test-accounts .account-info{font-size:13px;padding:8px 0}.login-container .test-accounts .account-info .label{color:#667085;font-weight:600;margin-right:8px}.login-container .test-accounts .account-info .value{color:#101828;font-family:monospace}.dashboard{background:#fafafa;min-height:100vh}.dashboard .dashboard-header{-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);background:#ffffffe0;border-bottom:1px solid #0f172a0f;box-shadow:0 1px 0 #0f172a0f;position:sticky;top:0;z-index:100}.dashboard .dashboard-header .header-content{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}@media(max-width:768px){.dashboard .dashboard-header .header-content{gap:8px;padding:8px 16px}}@media(max-width:480px){.dashboard .dashboard-header .header-content{padding:8px}}.dashboard .dashboard-header .header-content .header-left{min-width:0}.dashboard .dashboard-header .header-content .header-left h1{color:#101828;font-size:22px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.dashboard .dashboard-header .header-content .header-left h1{font-size:18px}}.dashboard .dashboard-header .header-content .header-right{align-items:center;display:flex;gap:16px;min-width:0}@media(max-width:768px){.dashboard .dashboard-header .header-content .header-right{gap:8px}}.dashboard .dashboard-header .header-content .header-right .user-info{align-items:center;display:flex;gap:8px;min-width:0}@media(max-width:480px){.dashboard .dashboard-header .header-content .header-right .user-info{gap:6px}}.dashboard .dashboard-header .header-content .header-right .user-info .user-avatar{border:1px solid #0f172a14;border-radius:999px;flex-shrink:0;height:40px;object-fit:cover;width:40px}@media(max-width:480px){.dashboard .dashboard-header .header-content .header-right .user-info .user-avatar{height:32px;width:32px}}.dashboard .dashboard-header .header-content .header-right .user-info .user-avatar--placeholder{align-items:center;background:#edf4ff;color:#4350af;display:flex;font-size:15px;font-weight:700;justify-content:center}.dashboard .dashboard-header .header-content .header-right .user-info .user-meta{display:flex;flex-direction:column;gap:2px;min-width:0}@media(max-width:480px){.dashboard .dashboard-header .header-content .header-right .user-info .user-meta{display:none}}.dashboard .dashboard-header .header-content .header-right .user-info .user-name{color:#101828;font-size:14px;font-weight:600;line-height:1.2;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard .dashboard-header .header-content .header-right .user-info .user-roles{display:flex;flex-wrap:wrap;gap:4px}.dashboard .dashboard-header .header-content .header-right .user-info .user-roles .role-badge{background:#eef2f7;border-radius:4px;color:#667085;font-size:10px;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.dashboard .dashboard-header .header-content .header-right .logout-btn,.dashboard .dashboard-header .header-content .header-right .profile-btn{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s ease}.dashboard .dashboard-header .header-content .header-right .logout-btn:disabled,.dashboard .dashboard-header .header-content .header-right .profile-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard .dashboard-header .header-content .header-right .logout-btn,.dashboard .dashboard-header .header-content .header-right .profile-btn{font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}@media(max-width:480px){.dashboard .dashboard-header .header-content .header-right .logout-btn,.dashboard .dashboard-header .header-content .header-right .profile-btn{font-size:12px;padding:6px 10px}}.dashboard .dashboard-header .header-content .header-right .profile-btn{background:#0000;border:1px solid #d9e2ec;color:#101828}.dashboard .dashboard-header .header-content .header-right .profile-btn:hover:not(:disabled){background:#fafafa;border-color:#4350af;color:#4350af}.dashboard .dashboard-header .header-content .header-right .logout-btn{background:#0000;border:1px solid #ff4d4f4d;color:#ff4d4f}.dashboard .dashboard-header .header-content .header-right .logout-btn:hover:not(:disabled){background:#ff4d4f0f;border-color:#ff4d4f}.dashboard .dashboard-main{margin:0 auto;max-width:1200px;padding:48px 24px}@media(max-width:768px){.dashboard .dashboard-main{padding:32px 16px}}@media(max-width:480px){.dashboard .dashboard-main{padding:24px 16px}}.dashboard .dashboard-main section{margin-bottom:48px}@media(max-width:480px){.dashboard .dashboard-main section{margin-bottom:32px}}.dashboard .dashboard-main .welcome-section{margin-bottom:48px;text-align:center}.dashboard .dashboard-main .welcome-section h2{color:#101828;font-size:32px;margin-bottom:8px}@media(max-width:768px){.dashboard .dashboard-main .welcome-section h2{font-size:26px}}@media(max-width:480px){.dashboard .dashboard-main .welcome-section h2{font-size:22px}}.dashboard .dashboard-main .welcome-section p{color:#667085;font-size:18px}@media(max-width:480px){.dashboard .dashboard-main .welcome-section p{font-size:15px}}.dashboard .dashboard-main .domains-section h3{color:#101828;font-size:20px;margin-bottom:24px}@media(max-width:480px){.dashboard .dashboard-main .domains-section h3{font-size:17px;margin-bottom:16px}}.dashboard .dashboard-main .domains-section .domains-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:480px){.dashboard .dashboard-main .domains-section .domains-grid{gap:16px;grid-template-columns:1fr}}.dashboard .dashboard-main .domains-section .domains-grid .domain-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:inherit;display:flex;gap:24px;padding:24px;text-decoration:none;transition:all .2s ease;transition:all .3s ease}@media(max-width:480px){.dashboard .dashboard-main .domains-section .domains-grid .domain-card{gap:16px;padding:16px}}.dashboard .dashboard-main .domains-section .domains-grid .domain-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.dashboard .dashboard-main .domains-section .domains-grid .domain-card.domain-erp:hover{border-color:#2e7d3a}.dashboard .dashboard-main .domains-section .domains-grid .domain-card.domain-crm:hover{border-color:#fa8c16}.dashboard .dashboard-main .domains-section .domains-grid .domain-card.domain-hrm:hover{border-color:#9f7aea}.dashboard .dashboard-main .domains-section .domains-grid .domain-card.domain-auth:hover{border-color:#1677ff}.dashboard .dashboard-main .domains-section .domains-grid .domain-card .domain-icon{flex-shrink:0;font-size:48px}@media(max-width:480px){.dashboard .dashboard-main .domains-section .domains-grid .domain-card .domain-icon{font-size:36px}}.dashboard .dashboard-main .domains-section .domains-grid .domain-card .domain-content{flex:1 1}.dashboard .dashboard-main .domains-section .domains-grid .domain-card .domain-content h4{color:#101828;font-size:18px;margin-bottom:4px}.dashboard .dashboard-main .domains-section .domains-grid .domain-card .domain-content p{color:#667085;font-size:14px;margin-bottom:8px}.dashboard .dashboard-main .domains-section .domains-grid .domain-card .domain-content .domain-link{color:#1677ff;font-size:14px;font-weight:500}.dashboard .dashboard-main .permissions-section h3{color:#101828;font-size:20px;margin-bottom:24px}.dashboard .dashboard-main .permissions-section .permissions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dashboard .dashboard-main .permissions-section .permissions-grid .permission-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.dashboard .dashboard-main .permissions-section .permissions-grid .permission-card h4{border-bottom:2px solid #d9e2ec;color:#101828;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.dashboard .dashboard-main .permissions-section .permissions-grid .permission-card .resources .resource-item{margin-bottom:16px}.dashboard .dashboard-main .permissions-section .permissions-grid .permission-card .resources .resource-item .resource-name{color:#667085;display:block;font-weight:500;margin-bottom:8px;text-transform:capitalize}.dashboard .dashboard-main .permissions-section .permissions-grid .permission-card .resources .resource-item .actions{display:flex;flex-wrap:wrap;gap:4px}.dashboard .dashboard-main .permissions-section .permissions-grid .permission-card .resources .resource-item .actions .action-tag{background:#eef2f7;border-radius:4px;color:#101828;font-size:12px;font-weight:500;padding:4px 8px}.dashboard .dashboard-main .permissions-section .no-permissions{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:48px;text-align:center;transition:all .2s ease}.dashboard .dashboard-main .permissions-section .no-permissions p{color:#667085}.error-state{align-items:center;display:flex;flex-direction:column;gap:24px;height:100vh;justify-content:center}.error-state h2{color:#ff4d4f}.error-state .btn-primary{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.error-state .btn-primary:disabled{cursor:not-allowed;opacity:.6}.error-state .btn-primary{background:#1677ff;color:#fff}.error-state .btn-primary:hover{background:#0e5fd1}.profile-modal-backdrop{align-items:center;background:#0f172a9e;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.profile-modal{background:#fff;border-radius:8px;box-shadow:0 10px 15px #0000001a;padding:24px;width:min(760px,100%)}.profile-modal__footer,.profile-modal__header{align-items:center;display:flex;gap:16px;justify-content:space-between}.profile-modal__body{grid-gap:32px;display:grid;gap:32px;grid-template-columns:220px 1fr;padding:24px 0}@media(max-width:768px){.profile-modal__body{grid-template-columns:1fr}}.profile-modal__image{align-items:center;display:flex;flex-direction:column;gap:16px}.profile-modal__image-placeholder,.profile-modal__image-preview{align-items:center;background:#eef2f7;border:1px solid #d9e2ec;border-radius:24px;color:#667085;display:flex;height:180px;justify-content:center;object-fit:cover;width:180px}.profile-modal__upload{border:none;border-radius:6px;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.profile-modal__upload:disabled{cursor:not-allowed;opacity:.6}.profile-modal__upload{background:#1677ff;color:#fff;cursor:pointer;text-align:center;width:100%}.profile-modal__fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:768px){.profile-modal__fields{grid-template-columns:1fr}}.profile-modal__fields label{color:#101828;display:flex;flex-direction:column;font-weight:600;gap:4px}.profile-modal__fields input{border:1px solid #d9e2ec;border-radius:6px;font-size:14px;padding:12px 14px}.profile-modal__error,.profile-modal__success{border-radius:6px;margin-top:16px;padding:12px 14px}.profile-modal__error{background:#ff4d4f14;color:#ff4d4f}.profile-modal__success{background:#2e7d3a1a;color:#2e7d3a}.profile-modal .primary-btn,.profile-modal .secondary-btn,.profile-modal__close{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.profile-modal .primary-btn:disabled,.profile-modal .secondary-btn:disabled,.profile-modal__close:disabled{cursor:not-allowed;opacity:.6}.profile-modal .secondary-btn,.profile-modal__close{background:#eef2f7;color:#101828}.profile-modal .primary-btn{background:#1677ff;color:#fff}.app{min-height:100vh}
/*# sourceMappingURL=main.ab9124b2.css.map*/