@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}:root{--mauve:#dfccdb;--mauve-dark:#dfccdb;--navy:#1a2456;--navy-light:#2a3470;--rose:#e0195a;--white:#fff;--gray-text:#666;--input-border:#ccc}.signin-page{background:#dfccdb radial-gradient(at 20%,#c8b4c8 0%,#a090a0 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.signin-card{border-radius:20px;width:1000px;min-height:800px;animation:.7s cubic-bezier(.22,1,.36,1) both rise;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000040,0 8px 24px #00000026}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.panel-left{background:linear-gradient(160deg,#ddd0dd 0%,#c8b8c8 60%,#b8a4b8 100%);flex-direction:column;flex:0 0 42%;justify-content:space-between;padding:32px 28px 36px;display:flex;position:relative;overflow:hidden}.panel-left:before{content:"";background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-60px}.panel-left:after{content:"";background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;left:-40px}.logo{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.logo-icon{object-fit:contain;flex-shrink:0;width:auto;height:60px}.logo-text{color:var(--navy);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.3}.logo-text span{color:var(--navy-light);font-size:13px;font-weight:400;display:block}.welcome-text{z-index:1;position:relative}.welcome-text h2{color:var(--navy);letter-spacing:.04em;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.panel-right{background:var(--white);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 52px;display:flex}.panel-right h1{color:var(--navy);letter-spacing:.12em;text-transform:uppercase;margin-bottom:36px;font-family:DM Sans,sans-serif;font-size:22px;font-weight:700}.signin-form{flex-direction:column;width:100%;display:flex}.field{margin-bottom:20px;position:relative}.field input{border:none;border-bottom:1.5px solid var(--input-border);color:#333;background:0 0;outline:none;width:100%;padding:10px 36px 10px 2px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .25s}.field input::placeholder{color:#aaa;font-size:13px}.field input:focus{border-bottom-color:var(--navy)}.eye-btn{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.eye-btn:hover{color:var(--navy)}.remember{align-items:center;gap:8px;margin-bottom:28px;display:flex}.remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--navy);cursor:pointer}.remember label{color:var(--gray-text);cursor:pointer;font-size:13px}.btn-signin{background:var(--navy);width:100%;color:var(--white);letter-spacing:.04em;cursor:pointer;border:none;border-radius:8px;margin-bottom:18px;padding:14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .25s,transform .15s,box-shadow .25s}.btn-signin:hover{background:var(--navy-light);transform:translateY(-1px);box-shadow:0 6px 20px #1a245659}.btn-signin:active{transform:translateY(0)}.forgot{text-align:center}.forgot a{color:var(--rose);font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.forgot a:hover{opacity:.75}@media (width<=600px){.signin-card{flex-direction:column;width:95vw}.panel-left{flex:none;min-height:180px}.panel-right{padding:36px 28px}}.auth-error{color:#c0103a;background-color:#fff0f3;border:1px solid #fbc5d0;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:10px 14px;font-size:13px;font-weight:500;animation:.35s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}.auth-error__icon{color:#e0195a;flex-shrink:0}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.field input[aria-invalid=true]{border-bottom-color:#e0195a}.btn-signin:disabled{opacity:.75;cursor:not-allowed;box-shadow:none;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.fp-panel{align-items:flex-start!important;padding:52px 56px!important}.fp-title{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-weight:700;margin-bottom:32px!important;font-size:20px!important}.fp-form{width:100%}.fp-input-row{border:1.5px solid var(--input-border);border-radius:8px;align-items:stretch;transition:border-color .25s;display:flex;overflow:hidden}.fp-input-row:focus-within{border-color:var(--navy)}.fp-input-wrap{flex-direction:column;flex:1;padding:10px 14px;display:flex}.fp-label{color:var(--gray-text);letter-spacing:.02em;margin-bottom:2px;font-size:11px;font-weight:500}.fp-input{color:#333;background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:14px}.fp-input::placeholder{color:#bbb;font-size:13px}.fp-submit-btn{background:var(--navy);color:var(--white);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 18px;transition:background .2s;display:flex}.fp-submit-btn:hover{background:var(--navy-light)}.fp-submit-btn:disabled{opacity:.6;cursor:not-allowed}.fp-back-link{cursor:pointer;color:var(--gray-text);background:0 0;border:none;margin-top:24px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;transition:color .2s}.fp-back-link:hover{color:var(--navy)}.auth-success{color:#1a6e3a;background-color:#f0faf4;border:1px solid #a8dbb8;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;animation:.4s cubic-bezier(.22,1,.36,1) both rise;display:flex}.auth-success__icon{color:#2ea04a;flex-shrink:0}.rp-panel{justify-content:center!important;align-items:flex-start!important;padding:40px 56px!important}.rp-rules{width:100%;margin-bottom:24px}.rp-rules__heading{color:var(--gray-text);letter-spacing:.02em;margin-bottom:8px;font-size:12px;font-weight:600}.rp-rules__list{flex-direction:column;gap:5px;list-style:none;display:flex}.rp-rule{align-items:center;gap:6px;font-size:12px;font-weight:400;transition:color .2s;display:flex}.rp-rule--pass{color:#2ea04a}.rp-rule--fail{color:#bbb}.rp-rule--pass svg{color:#2ea04a}.rp-rule--fail svg{color:#ddd}.rp-mismatch{color:var(--rose);margin-top:-12px;margin-bottom:16px;font-size:12px}.rp-submit{margin-top:8px}.rp-validating{color:var(--white);flex-direction:column;align-items:center;gap:16px;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.rp-spinner{border-width:3px!important;border-color:#ffffff4d!important;border-top-color:var(--white)!important;width:28px!important;height:28px!important}.rp-token-error{width:100%;margin-bottom:0}.dashboard-layout{background:#f7f9fc;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar{color:#fff;background:#1a2456;flex-direction:column;width:220px;min-width:220px;padding:0;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:20px 20px 16px}.sidebar-logo img{object-fit:contain;width:auto;height:48px}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:6px;padding:0 20px;font-size:10px;font-weight:600}.sidebar-link{color:#ffffffa6;cursor:pointer;border-radius:0;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff12}.sidebar-link.active{color:#fff;font-weight:500}.sidebar-link svg{opacity:.75;flex-shrink:0}.sidebar-link.active svg{opacity:1}.sidebar-link-parent{color:#ffffffa6;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 20px;font-size:14px;font-weight:400;transition:background .15s,color .15s;display:flex}.sidebar-link-parent:hover{color:#fff;background:#ffffff12}.sidebar-link-parent.open{color:#fff}.sidebar-chevron{margin-left:auto;transition:transform .2s}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-sub-links{max-height:0;transition:max-height .25s;overflow:hidden}.sidebar-sub-links.open{max-height:200px}.sidebar-sub-link{color:#ffffff80;padding:8px 20px 8px 44px;font-size:13px;text-decoration:none;transition:color .15s;display:block}.sidebar-sub-link:hover,.sidebar-sub-link.active{color:#fff}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px}.sidebar-logout-btn{color:#ffffff8c;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 0;font-size:14px;transition:color .15s;display:flex}.sidebar-logout-btn:hover{color:#fff}.header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;min-height:64px;padding:0 28px;display:flex}.header-logo img{width:auto;height:40px}.header-right{align-items:center;gap:14px;display:flex}.header-user-name{color:#1a2456;font-size:14px;font-weight:600;line-height:1.2}.header-user-role{color:#6b7280;font-size:12px;line-height:1.2}.header-avatar{color:#fff;background:#1a2456;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.dashboard-page{flex-direction:column;gap:28px;padding:28px 32px;display:flex;overflow-y:auto}.dashboard-heading{justify-content:space-between;align-items:flex-start;display:flex}.dashboard-title{color:#1a2456;margin:0 0 4px;font-size:22px;font-weight:700}.dashboard-subtitle{color:#6b7280;margin:0;font-size:13px}.dashboard-section{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 4px #0000000f}.section-title{color:#1a2456;margin:0 0 18px;font-size:15px;font-weight:600}.summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summary-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;align-items:center;gap:14px;padding:16px;transition:box-shadow .2s;display:flex}.summary-card:hover{box-shadow:0 4px 12px #00000012}.summary-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.summary-card__value{color:#1a2456;margin:0 0 2px;font-size:18px;font-weight:700;line-height:1.2}.summary-card__label{color:#6b7280;margin:0;font-size:12px}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-action-card{cursor:pointer;text-align:center;background:#f8f9ff;border:1px solid #e8eaf6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 16px;font-family:inherit;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.quick-action-card:hover{background:#eef0fb;transform:translateY(-2px);box-shadow:0 4px 14px #1a24561a}.quick-action-card:active{transform:translateY(0)}.quick-action-card__icon{color:#1a2456;align-items:center;display:flex}.quick-action-card__label{color:#1a2456;font-size:13px;font-weight:500}@media (width<=1024px){.summary-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard-page{padding:20px 16px}.summary-grid,.quick-actions-grid{grid-template-columns:1fr}}.users-page{flex-direction:column;gap:20px;padding:28px 32px;display:flex}.users-page__header{justify-content:space-between;align-items:center;display:flex}.users-page__title{color:#1a2456;margin:0;font-size:22px;font-weight:700}.users-page__actions{gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#3b5bdb;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:#2f4bc0;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-secondary{color:#3b5bdb;cursor:pointer;background:#fff;border:1.5px solid #3b5bdb;border-radius:6px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .2s}.btn-secondary:hover{background:#f0f3ff}.users-error{color:#c0103a;background:#fff0f3;border:1px solid #fbc5d0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.users-table-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.users-table-card__header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.users-table-card__title{color:#1a2456;margin:0;font-size:15px;font-weight:600}.users-search{border:1.5px solid #e5e7eb;border-radius:6px;outline:none;width:200px;padding:7px 12px;font-size:13px;transition:border-color .2s}.users-search:focus{border-color:#3b5bdb}.users-table{border-collapse:collapse;width:100%;font-size:13.5px}.users-table thead tr{background:#f8f9ff;border-bottom:1px solid #eef0f8}.users-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;font-size:12px;font-weight:600}.users-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:13px 16px}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#fafbff}.users-table tbody tr.selected{background:#f0f3ff}.users-table__name{color:#1a2456;font-weight:500}.users-table__empty{text-align:center;color:#9ca3af;padding:40px 0!important}.status-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.status-badge--active{color:#166534;background:#dcfce7}.status-badge--inactive{color:#991b1b;background:#fee2e2}.btn-action{cursor:pointer;border:none;border-radius:5px;padding:5px 14px;font-size:12px;font-weight:500;transition:opacity .2s}.btn-action:disabled{opacity:.55;cursor:not-allowed}.btn-action--deactivate{color:#fff;background:#3b5bdb}.btn-action--deactivate:hover{background:#2f4bc0}.btn-action--activate{color:#fff;background:#3b5bdb}.btn-action--activate:hover{background:#2f4bc0}.btn-action--resend{color:#fff;background:#f59e0b}.btn-action--resend:hover{background:#d97706}.users-table__actions{flex-wrap:wrap;gap:6px;display:flex}.users-loading{color:#6b7280;justify-content:center;align-items:center;gap:12px;padding:48px;font-size:14px;display:flex}.users-spinner{border:2.5px solid #e5e7eb;border-top-color:#3b5bdb;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;animation:.25s cubic-bezier(.22,1,.36,1) slideUp;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal__title{color:#1a2456;margin:0;font-size:16px;font-weight:700}.modal__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.modal__close:hover{color:#374151;background:#f5f5f5}.modal__error{color:#c0103a;background:#fff0f3;border:1px solid #fbc5d0;border-radius:7px;align-items:center;gap:7px;margin:12px 24px 0;padding:9px 12px;font-size:13px;display:flex}.modal__form{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.modal__row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal__field{flex-direction:column;gap:5px;display:flex}.modal__field--full{grid-column:1/-1}.modal__label{color:#374151;font-size:12px;font-weight:500}.modal__input{color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;outline:none;padding:8px 11px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.modal__input:focus{border-color:#3b5bdb}.modal__input::placeholder{color:#aaa}.modal__select{cursor:pointer}.modal__submit{justify-content:center;width:100%;margin-top:4px;padding:11px;font-size:14px}.btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.modal__required{color:#e0195a;margin-left:2px}.modal__optional{color:#9ca3af;margin-left:4px;font-size:11px;font-weight:400}.modal__toggle-optional{color:#3b5bdb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .2s;display:inline-flex}.modal__toggle-optional:hover{opacity:.75}.file-dropzone{cursor:pointer;color:#6b7280;text-align:center;background:#f8f9ff;border:1.5px dashed #c7d2fe;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;font-size:13px;transition:border-color .2s,background .2s;display:flex}.file-dropzone:hover{color:#3b5bdb;background:#eef0fb;border-color:#3b5bdb}.file-dropzone__hint{color:#9ca3af;font-size:11px}.file-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.file-list__item{color:#374151;background:#f0f3ff;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;font-size:12.5px;display:flex}.file-list__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-list__size{color:#9ca3af;flex-shrink:0}.file-list__remove{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1;transition:color .15s}.file-list__remove:hover{color:#e0195a}