@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:Inter,sans-serif;color:#10222f;background:#f5f8fa;font-synthesis:none;--navy: #0a3d62;--navy-deep: #062845;--teal: #00a6a6;--teal-light: #4fc7c1;--muted: #607586;--line: #dfe7eb;--surface: #ffffff;--soft: #f5f8fa;--danger: #b42318;--success: #087a67;--shadow: 0 18px 50px rgba(6, 40, 69, .1)}*{box-sizing:border-box}html{min-width:320px;background:var(--soft)}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,strong{font-family:Space Grotesk,sans-serif}h1,h2,h3,p{margin-top:0}button,a,input,select{transition:.2s ease}.brand-mark{width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,var(--teal),var(--navy));flex:0 0 auto}.portal-logo{display:inline-flex;align-items:center;gap:10px}.portal-logo>span:last-child{display:flex;flex-direction:column;line-height:1.1}.portal-logo strong{color:var(--navy-deep);font-size:19px}.portal-logo small{color:var(--muted);margin-top:3px}.portal-logo-light strong,.portal-logo-light small{color:#fff}.eyebrow{color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.button{border:0;border-radius:12px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.75}.button-primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px #0a3d622e}.button-primary:hover:not(:disabled){background:var(--navy-deep);transform:translateY(-1px)}.button-muted{background:#eef3f5;color:var(--muted)}.button-full{width:100%}.icon-button{border:0;background:transparent;color:inherit;padding:7px;border-radius:8px;display:inline-flex;cursor:pointer}.icon-button:hover{background:#0a3d6214}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-brand-panel{min-height:100vh;padding:52px clamp(34px,6vw,90px);color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 85% 15%,rgba(79,199,193,.35),transparent 30%),linear-gradient(145deg,var(--navy-deep),var(--navy))}.auth-brand-panel h1{color:#fff;max-width:620px;font-size:clamp(40px,5vw,68px);line-height:1.04;margin:18px 0 24px}.auth-brand-panel p{color:#ffffffbf;max-width:620px;font-size:17px}.auth-form-panel{display:grid;place-items:center;padding:32px}.auth-simple-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top right,rgba(0,166,166,.12),transparent 35%),var(--soft)}.auth-card{width:min(100%,470px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px}.auth-card h2{color:var(--navy-deep);font-size:30px;margin:8px 0}.auth-card p{color:var(--muted)}.auth-card label,.profile-form label{color:var(--navy-deep);font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:8px}.auth-card input,.auth-card select,.profile-form input{width:100%;border:1.5px solid var(--line);border-radius:11px;padding:13px 14px;color:#10222f;background:#fff}.auth-card input:focus,.auth-card select:focus,.profile-form input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px #00a6a61a}.auth-card input:disabled,.profile-form input:disabled{background:#f1f4f5;color:var(--muted)}.password-field{position:relative}.password-field .icon-button{position:absolute;right:7px;top:5px}.form-row-between{display:flex;justify-content:space-between;font-size:13px;color:var(--navy)}.auth-switch{text-align:center;font-size:14px;margin:0}.auth-switch a,.form-row-between a{color:var(--teal);font-weight:700}.form-message{border-radius:10px;padding:11px 13px;background:#edf6f5;color:var(--navy);font-size:13px}.error-message{background:#fef3f2;color:var(--danger)}.success-message{background:#ecfdf8;color:var(--success)}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.loading-screen .brand-mark{width:28px;height:28px;animation:pulse 1.3s infinite}@keyframes pulse{50%{transform:scale(.75);opacity:.5}}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;color:#fff;background:linear-gradient(180deg,var(--navy-deep),#073755);display:flex;flex-direction:column;z-index:30}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 28px}.sidebar-nav{display:flex;flex-direction:column;gap:7px}.sidebar-nav a{color:#ffffffb8;padding:12px 13px;border-radius:11px;display:flex;align-items:center;gap:11px;font-weight:600;font-size:14px}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:#4fc7c129}.sidebar-user{margin-top:auto;padding:15px 8px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.sidebar-user .avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:700}.sidebar-user div:nth-child(2){min-width:0}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:13px;color:#fff}.sidebar-user small{color:#ffffff8c;font-size:11px;margin-top:3px}.app-main{min-width:0}.topbar{height:76px;padding:0 34px;border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:13px}.topbar div{display:flex;flex-direction:column}.topbar strong{color:var(--navy-deep)}.topbar span{color:var(--muted);font-size:12px;margin-top:2px}.page-container{width:min(1180px,100%);margin:0 auto;padding:42px 34px 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px}.page-heading h1{font-size:clamp(30px,4vw,44px);color:var(--navy-deep);margin:8px 0 10px}.page-heading p{color:var(--muted);max-width:720px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;box-shadow:0 6px 24px #0628450a}.metric-card>svg{color:var(--teal)}.metric-card strong,.metric-card span{display:block}.metric-card strong{color:var(--navy-deep)}.metric-card span{color:var(--muted);font-size:12px;margin-top:3px}.metric-card>a{color:var(--teal);font-weight:700;font-size:13px}.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 8px 30px #0628450b}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-heading h2{color:var(--navy-deep);margin:6px 0 0}.steps-list{display:grid;gap:8px}.steps-list>div{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:16px;border-radius:13px;background:var(--soft)}.steps-list>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--teal);font-weight:700}.steps-list p{color:var(--muted);font-size:13px;margin:4px 0 0}.application-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.application-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;grid-template-columns:54px 1fr;gap:17px;box-shadow:0 8px 30px #0628450b}.application-card .button{grid-column:1 / -1}.application-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#0a3d6214,#00a6a629);color:var(--navy);font-family:Space Grotesk;font-weight:700;font-size:22px}.application-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.application-card h3{color:var(--navy-deep);margin-bottom:8px}.application-card p{color:var(--muted);font-size:14px}.role-label{color:var(--navy);font-size:12px;font-weight:700;text-transform:capitalize}.status-pill,.account-status{display:inline-flex;width:max-content;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status-active{color:#087a67;background:#e8f8f3}.status-development,.status-pending{color:#8a5d00;background:#fff6dd}.status-coming_soon,.status-suspended,.status-revoked{color:#667780;background:#edf1f3}.profile-form{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.profile-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--teal),var(--navy));font-size:28px;font-weight:700}.form-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-summary{margin-bottom:22px;max-width:360px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.mobile-only,.sidebar-overlay{display:none}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translate(-100%);width:min(290px,88vw);transition:transform .25s ease}.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#06284573;z-index:25}.mobile-only{display:inline-flex}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.page-container{padding:30px 18px 55px}.topbar{padding:0 18px}.auth-simple-page,.auth-form-panel{padding:18px}.auth-card{padding:26px 20px}.metric-grid,.application-grid,.form-grid{grid-template-columns:1fr}.page-heading{flex-direction:column}.application-card{grid-template-columns:46px 1fr;padding:19px}.application-icon{width:46px;height:46px}}