:root{--ink: #15282b;--teal: #176b70;--mist: #eef3f2;--line: #cbd5e1;--muted: #64748b;--danger: #b42318;color:var(--ink);background:var(--mist);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;letter-spacing:0}button,input{font:inherit;letter-spacing:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,42%) 1fr;background:#fff}.login-panel{min-height:100vh;display:flex;flex-direction:column;padding:40px clamp(48px,7vw,112px)}.brand-area{display:flex;justify-content:center}.brand-logo{width:208px;height:auto;max-width:100%}.login-content{width:100%;max-width:448px;margin:auto 0;padding:48px 0}.login-content h1{margin:0;color:var(--ink);font-size:2.25rem;line-height:1.12;text-align:center}.login-content>p:not(.security-note){max-width:360px;margin:14px auto 0;color:#475569;font-size:1rem;line-height:1.7;text-align:center}.login-form{display:grid;gap:20px;margin-top:36px}label{display:block;color:var(--ink);font-size:.875rem;font-weight:600}.field{width:100%;height:48px;margin-top:8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:1rem;font-weight:400;padding:0 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field::placeholder{color:#94a3b8}.field:hover{border-color:#94a3b8}.field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #176b701f}.password-label{display:flex;align-items:center;gap:8px}.hint{width:16px;height:16px;display:inline-grid;place-items:center;border:1px solid #94a3b8;border-radius:999px;color:#64748b;cursor:help;font-size:.7rem;font-weight:800}.password-wrapper{position:relative;display:block}.password-wrapper .field{padding-right:44px}.password-toggle{position:absolute;right:4px;top:12px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#64748b;cursor:pointer}.password-toggle:hover{color:var(--ink)}.primary-button{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:6px;background:var(--ink);color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:0 16px;transition:background .15s ease,opacity .15s ease}.primary-button:hover{background:var(--teal)}.primary-button:disabled{cursor:not-allowed;opacity:.65}.error-message{margin:0;border:1px solid #fecaca;border-radius:6px;background:#fef2f2;color:var(--danger);padding:12px 14px;font-size:.875rem}.security-note{display:flex;align-items:center;gap:9px;margin:28px 0 0;color:#64748b;font-size:.75rem;line-height:1rem}.security-note span{width:15px;height:15px;display:inline-grid;place-items:center;border:1px solid var(--teal);border-radius:999px;color:var(--teal);font-size:.68rem;line-height:1}.product-note{margin:0;color:#94a3b8;font-size:.75rem}.login-hero{position:relative;min-height:100vh;overflow:hidden}.login-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center}.hero-caption{position:absolute;inset-inline:0;bottom:0;display:grid;gap:6px;border-top:1px solid rgba(255,255,255,.3);background:#15282be6;color:#fff;padding:20px 40px}.hero-caption strong{font-size:.875rem}.hero-caption span{color:#ffffffb8;font-size:.75rem}.portal-page{min-height:100vh;background:var(--mist)}.portal-header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#fff;padding:0 clamp(16px,4vw,40px)}.portal-header-inner{width:100%;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.portal-logo{width:144px;height:auto}.portal-header-actions{display:flex;align-items:center;gap:10px}.portal-user-info{display:none;text-align:right}.portal-user-info strong{display:block;color:var(--ink);font-size:.875rem;font-weight:600}.portal-user-info span{display:block;color:var(--muted);font-size:.75rem}@media(min-width:560px){.portal-user-info{display:block}}.portal-icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.portal-icon-btn:hover{border-color:var(--teal);color:var(--teal)}.portal-panel{max-width:1180px;margin:0 auto;padding:32px clamp(16px,4vw,40px)}.portal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.portal-heading span{color:var(--teal);font-size:.875rem;font-weight:700}.portal-heading h1{margin:4px 0 0;color:var(--ink);font-size:2.25rem;line-height:1.1}.portal-heading-divider{display:none}.portal-greeting{color:var(--muted);font-size:.875rem;margin:0;white-space:nowrap}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.app-card{min-height:88px;display:flex;align-items:center;gap:16px;border:1px solid #d8e1e6;border-radius:8px;background:#fff;color:inherit;padding:18px 20px;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.app-card-button{cursor:pointer;font:inherit;text-align:left;width:100%}.app-card:hover{border-color:var(--teal);box-shadow:0 8px 24px #15282b14;transform:translateY(-1px)}.app-card-icon{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--teal);color:#fff}.app-card-icon--dark{background:var(--ink)}.app-card-content{flex:1;min-width:0}.app-card-content strong{display:block;color:var(--ink);font-size:1rem}.app-card-content span{display:block;margin-top:4px;color:var(--muted);font-size:.875rem;line-height:1.4}.app-card>svg:last-child{flex-shrink:0;color:#94a3b8}.empty-state{border:1px dashed #b8c6ce;border-radius:8px;background:#fff;color:var(--muted);padding:28px 22px;display:flex;align-items:center;gap:14px;font-size:.9rem}.portal-user{display:grid;justify-items:end;gap:4px;color:var(--muted);font-size:.875rem}.portal-user strong{color:var(--ink)}.admin-layout{min-height:100vh;display:grid;grid-template-columns:256px minmax(0,1fr);background:var(--mist)}.admin-sidebar{min-height:100vh;display:flex;flex-direction:column;background:var(--ink);color:#fff}.admin-brand{height:96px;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 24px;text-align:center}.admin-brand img{width:128px;height:auto}.admin-brand span{margin-top:6px;color:#ffffffa6;font-size:11px;font-weight:700;text-transform:uppercase}.admin-sidebar nav{flex:1;display:grid;align-content:start;gap:4px;padding:20px 12px}.admin-sidebar nav button{height:40px;display:flex;align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;color:#ffffffbf;cursor:pointer;font-size:14px;font-weight:600;padding:0 12px;text-align:left}.admin-nav-icon{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px}.admin-nav-icon svg{width:18px;height:18px;display:block}.admin-sidebar nav button:hover{background:#ffffff1a;color:#fff}.admin-sidebar nav button.active{background:#fff;color:var(--ink)}.admin-home-link{margin-bottom:20px}.admin-user{display:grid;gap:5px;border-top:1px solid rgba(255,255,255,.1);padding:16px}.admin-user strong{color:#fff;font-size:14px}.admin-user span{color:#ffffff8c;font-size:12px}.admin-user button{display:flex;align-items:center;gap:6px;width:max-content;border:0;background:transparent;color:#ffffffbf;cursor:pointer;font-size:13px;font-weight:700;padding:0}.admin-main{min-width:0}.admin-topbar{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;background:#fff;padding:0 28px}.admin-topbar div{display:grid;gap:3px}.admin-topbar strong{color:var(--ink);font-size:14px;font-weight:700}.admin-topbar span{color:#64748b;font-size:12px}.admin-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:var(--mist);color:var(--teal)!important;font-size:12px!important;font-weight:700}.admin-content{padding:28px}.admin-heading{margin-bottom:20px}.admin-heading span{color:var(--teal);font-size:14px;font-weight:700}.admin-heading h1{margin:4px 0 0;color:var(--ink);font-size:24px;line-height:1.2}.admin-state{display:grid;min-height:220px;place-items:center;color:#64748b;font-size:14px}.admin-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 1px 2px #15282b0a}.admin-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left;font-size:14px}.admin-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:700;padding:12px 16px;text-transform:uppercase}.admin-table td{border-top:1px solid #f1f5f9;color:#334155;padding:13px 16px}.admin-table td:first-child{color:var(--ink);font-weight:600}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-panel{min-height:68vh;padding:28px 24px}.login-content{margin-inline:auto}.login-hero{min-height:32vh}.app-grid,.admin-layout{grid-template-columns:1fr}.admin-sidebar{min-height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.login-content h1,.portal-heading h1{font-size:2rem}.portal-page{padding:20px}.portal-header{align-items:flex-start;flex-direction:column}.portal-user{justify-items:start}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.search-bar{display:flex;align-items:center;gap:8px;height:40px;max-width:340px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 12px;margin-bottom:16px;transition:border-color .15s}.search-bar:focus-within{border-color:var(--teal)}.search-bar input{flex:1;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px}.search-bar input::placeholder{color:#94a3b8}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#f1f5f9;color:#64748b}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.icon-button:hover{border-color:var(--teal);color:var(--teal)}.icon-button.danger:hover{border-color:var(--danger);color:var(--danger)}.table-actions{display:flex;justify-content:flex-end;gap:6px}.form-row{display:grid;gap:14px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.toggle-container{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;font-weight:400;color:var(--ink)}.toggle-container input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:44px;height:24px;border-radius:12px;background:var(--line);position:relative;flex-shrink:0;transition:background .2s}.toggle-container input:checked+.toggle-track{background:var(--teal)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s}.toggle-container input:checked+.toggle-track:after{transform:translate(20px)}.toggle-container input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#15282b80;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;border-radius:10px;background:#fff;box-shadow:0 20px 60px #15282b3d;overflow:hidden}.modal-lg{max-width:680px}.modal-xl{max-width:820px}.modal>form{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 24px;flex-shrink:0}.modal-header h2{margin:0;color:var(--ink);font-size:16px;font-weight:700}.modal-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:20px;line-height:1;transition:background .15s}.modal-close:hover{background:var(--mist);color:var(--ink)}.modal-body{flex:1;overflow-y:auto;padding:24px;display:grid;gap:16px;align-content:start}.modal-body label{font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:16px 24px;flex-shrink:0}.confirm-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#15282b80;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{width:100%;max-width:420px;border-radius:10px;background:#fff;box-shadow:0 20px 60px #15282b3d;overflow:hidden}.confirm-dialog-body{padding:24px}.confirm-dialog-body h3{margin:0 0 10px;color:var(--ink);font-size:16px;font-weight:700}.confirm-dialog-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.confirm-dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:16px 24px}.danger-button{min-height:36px;border:0;border-radius:6px;background:var(--danger);color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;padding:0 16px;transition:opacity .15s}.danger-button:hover{opacity:.85}.danger-button:disabled{cursor:not-allowed;opacity:.55}html.dark{--ink: #cce6e4;--mist: #1c3134;--line: #2e4d52;--muted: #6d9498}html.dark body{background-color:#101e20}html.dark .portal-header{background-color:#162829;border-color:#243b3f}html.dark .portal-icon-btn{background-color:#1c3134;border-color:#2e4d52;color:#89b0b5}html.dark .portal-icon-btn:hover{border-color:#176b70;color:#176b70}html.dark .portal-user-info strong{color:#cce6e4}html.dark .portal-user-info span{color:#6d9498}html.dark .portal-heading h1{color:#cce6e4}html.dark .app-card{background-color:#162829;border-color:#243b3f}html.dark .app-card:hover{border-color:#176b70;box-shadow:0 8px 24px #0000004d}html.dark .app-card-content strong{color:#cce6e4}html.dark .app-card-content span{color:#6d9498}html.dark .app-card>svg:last-child{color:#3a6068}html.dark .app-card-icon--dark{background-color:#243b3f}html.dark .empty-state{background-color:#162829;border-color:#2e4d52}html.dark .login-page{background-color:#162829}html.dark .field{background-color:#1c3134;border-color:#2e4d52;color:#cce6e4}html.dark .field::placeholder{color:#5a7d82}html.dark .field:hover{border-color:#3a6068}html.dark .field:focus{border-color:#176b70}html.dark .primary-button{background-color:#176b70}html.dark .primary-button:hover{background-color:#1a8089}html.dark .secondary-button{background-color:#1c3134;border-color:#2e4d52;color:#cce6e4}html.dark .secondary-button:hover{border-color:#176b70;color:#176b70}html.dark .error-message{background-color:#2a1010;border-color:#5a2020;color:#f87171}html.dark .admin-topbar{background-color:#162829;border-color:#243b3f}html.dark .admin-topbar strong{color:#cce6e4}html.dark .admin-topbar span{color:#6d9498}html.dark .admin-avatar{background-color:#1c3134}html.dark .admin-table-wrap{background-color:#162829;border-color:#243b3f}html.dark .admin-table th{background-color:#1a2f32;color:#6d9498}html.dark .admin-table td{border-color:#1e3337;color:#a0c4ca}html.dark .admin-table td:first-child{color:#cce6e4}html.dark .admin-content{background-color:#1c3134}html.dark .section-header{border-color:#2e4d52}html.dark .search-bar{background-color:#1c3134;border-color:#2e4d52}html.dark .search-bar input{color:#cce6e4}html.dark .search-bar input::placeholder{color:#5a7d82}html.dark .search-bar:focus-within{border-color:#176b70}html.dark .icon-button{background-color:#1c3134;border-color:#2e4d52;color:#89b0b5}html.dark .icon-button:hover{border-color:#176b70;color:#176b70}html.dark .icon-button.danger:hover{border-color:#b42318;color:#b42318}html.dark .status-badge{background-color:#1a2f32}html.dark .modal-overlay{background-color:#0009}html.dark .modal{background-color:#162829;border-color:#243b3f}html.dark .modal-header,html.dark .modal-footer{border-color:#243b3f}html.dark .modal-close:hover{background-color:#1c3134}html.dark .confirm-overlay{background-color:#0009}html.dark .confirm-dialog{background-color:#162829;border-color:#243b3f}html.dark select.field option{background-color:#1c3134;color:#cce6e4}html.dark input[type=date]{color-scheme:dark}html.dark textarea{background-color:#1c3134;color:#cce6e4;border-color:#2e4d52}html.dark label{color:#cce6e4}.email-actions{display:flex;justify-content:flex-end;gap:6px}.admin-table td small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.email-empty{padding:40px!important;text-align:center;color:var(--muted)!important}.email-notice{margin-bottom:16px;padding:12px;border:1px solid #a7f3d0;border-radius:6px;background:#ecfdf5;color:#047857}.email-modal{width:min(760px,calc(100vw - 32px))}.email-test-modal{width:min(520px,calc(100vw - 32px))}.email-check{grid-column:1 / -1;display:flex!important;align-items:center;justify-content:space-between;margin-top:4px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink);font-size:1rem!important;font-weight:700!important;cursor:pointer}.email-check input{position:absolute;width:1px;height:1px;opacity:0}.email-switch{position:relative;flex:0 0 44px;width:44px;height:24px;border-radius:999px;background:#cbd5e1;transition:background .18s ease}.email-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a3d;transition:transform .18s ease}.email-check input:checked+.email-switch{background:var(--teal)}.email-check input:checked+.email-switch:after{transform:translate(20px)}.email-check input:focus-visible+.email-switch{outline:3px solid rgb(23 107 112 / 25%);outline-offset:2px}.email-modal .modal-footer button{width:120px;height:40px;justify-content:center;border-radius:6px}.email-modal .modal-footer .secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;font-size:.875rem;font-weight:700;padding:0 16px}.modal-body .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal-body .form-grid label{display:grid;gap:7px;font-size:13px;font-weight:600}.modal-body .error-message,.modal-body .email-notice{margin-top:16px}@media(max-width:680px){.modal-body .form-grid{grid-template-columns:1fr}}.forgot-password-link{justify-self:end;margin-top:-10px;border:0;background:transparent;color:var(--teal);cursor:pointer;font-size:.875rem;font-weight:700;padding:2px 0}.forgot-password-link:hover{text-decoration:underline}.password-reset-overlay{z-index:1000}.forgot-password-modal{width:min(520px,calc(100vw - 32px))}.forgot-password-modal .modal-header p{margin:5px 0 0;color:var(--muted);font-size:.875rem;font-weight:400}.forgot-password-modal .modal-footer{gap:10px}.forgot-password-modal .modal-footer button{width:auto;min-width:120px;justify-content:center}.reset-notice{margin:0;border:1px solid #a7f3d0;border-radius:6px;background:#ecfdf5;color:#047857;line-height:1.5;padding:14px}.reset-password-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef3f2,#fff 55%,#dcebea);padding:24px}.reset-password-card{width:min(520px,100%);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 24px 60px #15282b1f;padding:clamp(28px,6vw,48px)}.reset-password-card>.brand-logo{display:block;width:180px;margin:0 auto 36px}.reset-heading{text-align:center}.reset-heading h1,.reset-state h1{margin:0;color:var(--ink);font-size:1.75rem}.reset-heading p,.reset-state p{margin:10px 0 0;color:var(--muted);line-height:1.55}.reset-password-form{display:grid;gap:20px;margin-top:30px}.password-policy{display:grid;gap:7px;border-radius:8px;background:var(--mist);color:var(--muted);font-size:.82rem;padding:14px}.password-policy strong{color:var(--ink);margin-bottom:2px}.password-policy span.valid{color:#047857}.password-policy span.invalid{color:var(--danger)}.reset-state{display:grid;justify-items:center;text-align:center}.reset-state-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;border-radius:999px;font-size:1.8rem;font-weight:800}.reset-state-icon.invalid{background:#fef2f2;color:var(--danger)}.reset-state-icon.success{background:#ecfdf5;color:#047857}.reset-login-link{width:auto;min-width:180px;justify-content:center;margin-top:28px;text-decoration:none}.reset-spinner{width:38px;height:38px;margin-bottom:18px;border:3px solid #cbd5e1;border-top-color:var(--teal);border-radius:999px;animation:reset-spin .8s linear infinite}@keyframes reset-spin{to{transform:rotate(360deg)}}html.dark .reset-password-page{background:#101e20}html.dark .reset-password-card{background:#162829;border-color:#243b3f}html.dark .password-policy{background:#1c3134}html.dark .reset-notice{background:#0d2a22;border-color:#176b70;color:#6ee7b7}