:root{--bg:#07111f;--surface:#0d1b2d;--surface2:#12243a;--line:#23354a;--text:#f6f8fb;--muted:#8ea0b7;--accent:#4f7cff;--accent2:#7aa2ff;--success:#3ddc97;--warning:#f7c948;--danger:#ff6b6b;--radius:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.eyebrow{color:var(--accent2);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.primary-button{background:linear-gradient(135deg,var(--accent),#2d5be8);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:.9rem 1.15rem;font-weight:800}.primary-button:disabled{opacity:.6;cursor:not-allowed}.login-page{background:#050c16;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);min-height:100vh;display:grid}.login-visual{min-height:100vh;position:relative;overflow:hidden}.login-background{object-fit:cover;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.login-visual:after{content:"";background:linear-gradient(90deg,#040a1259,#040a12cc);position:absolute;inset:0}.login-brand{z-index:1;flex-direction:column;justify-content:flex-end;max-width:760px;min-height:100%;padding:5rem;display:flex;position:relative}.login-brand img{object-fit:contain;width:110px;height:110px;margin-bottom:2rem}.login-brand p,.login-brand span{color:#b7c3d3}.login-brand h1{letter-spacing:-.055em;margin:.5rem 0 1.25rem;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.98}.login-panel{background:radial-gradient(circle at 100% 0,#4f7cff29,#0000 35%),#07111f;place-items:center;padding:3rem;display:grid}.login-card{width:min(100%,470px)}.product-mark{object-fit:contain;object-position:left;width:190px;height:56px;margin-bottom:2rem}.login-card h2{margin:.6rem 0;font-size:2.2rem}.login-card>p{color:var(--muted);line-height:1.7}.login-form{gap:1rem;margin-top:2rem;display:grid}.login-form label{color:#dfe6ef;gap:.55rem;font-weight:700;display:grid}.login-form input,.filters input,.filters select{border:1px solid var(--line);width:100%;color:var(--text);background:#0b1727;border-radius:12px;outline:none;padding:.95rem 1rem}.login-form input:focus,.filters input:focus,.filters select:focus{border-color:var(--accent)}.password-field{gap:.5rem;display:flex}.password-field button{border:1px solid var(--line);color:var(--muted);background:#0b1727;border-radius:12px;padding:0 .9rem}.form-error{margin:0;color:#ff9a9a!important}.login-help{text-align:center;font-size:.85rem!important}.portal-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#081422;flex-direction:column;height:100vh;padding:1.3rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.8rem;padding:.55rem;display:flex}.sidebar-brand img{object-fit:contain;width:46px;height:46px}.sidebar-brand span{display:grid}.sidebar-brand small{color:var(--muted);margin-top:.2rem}.sidebar nav{gap:.25rem;margin:2rem 0;display:grid}.sidebar nav a{color:#aebbd0;border-radius:10px;padding:.85rem 1rem}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#12243a}.logout-button{border:1px solid var(--line);color:#d7dfeb;cursor:pointer;background:0 0;border-radius:10px;margin-top:auto;padding:.8rem}.portal-main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#07111feb;justify-content:space-between;align-items:center;height:78px;padding:0 2rem;display:flex;position:sticky;top:0}.topbar>div{gap:.2rem;display:grid}.status-pill,.badge{border:1px solid var(--line);border-radius:999px;align-items:center;width:max-content;padding:.35rem .7rem;font-size:.78rem;display:inline-flex}.status-pill{color:var(--success)}.portal-content{max-width:1500px;margin:auto;padding:2rem}.page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.5rem;display:flex}.page-heading h1{margin:.45rem 0;font-size:2.4rem}.page-heading p{color:var(--muted);margin:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card,.panel,.institution-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#12243ae6,#0b1828f0)}.metric-card{gap:.7rem;padding:1.3rem;display:grid}.metric-card span{color:var(--muted)}.metric-card strong{font-size:2.2rem}.dashboard-grid{grid-template-columns:1fr 1.2fr;gap:1rem;margin:1rem 0;display:grid}.panel{margin-top:1rem;padding:1.35rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-heading h2{margin:.3rem 0 0}.panel-heading>a{color:var(--accent2)}.progress{background:#07111f;border-radius:999px;height:10px;margin:1.2rem 0;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;display:block}.panel p{color:var(--muted)}.alert-row{border-top:1px solid var(--line);gap:.8rem;padding:.85rem 0;display:flex}.alert-row p{margin:.25rem 0 0;font-size:.9rem}.severity{background:var(--warning);border-radius:50%;width:10px;height:10px;margin-top:.35rem}.severity.high,.severity.critical{background:var(--danger)}.table-wrap{margin-top:1rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;padding:.9rem}th{color:var(--muted);text-transform:uppercase;font-size:.8rem}.badge.active{color:var(--success);border-color:#3ddc9759}.badge.inactive{color:var(--muted)}.badge.suspended{color:var(--danger);border-color:#ff6b6b59}.filters{grid-template-columns:1fr 220px;gap:1rem;display:grid}.institution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.institution-card{padding:1.2rem}.institution-card__top{justify-content:space-between;gap:1rem;display:flex}.institution-card__top h2{margin:.75rem 0 .25rem}.institution-card__top p{margin:0}.institution-card__top button{color:var(--muted);background:0 0;border:0}.institution-card dl{grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;display:grid}.institution-card dt{color:var(--muted);font-size:.78rem}.institution-card dd{margin:.2rem 0 0;font-weight:700}.card-link{color:var(--accent2);font-weight:800}.empty-state{text-align:center;color:var(--muted);padding:3rem}@media (max-width:1100px){.metric-grid,.institution-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.login-page{grid-template-columns:1fr}.login-visual{display:none}}@media (max-width:760px){.portal-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.portal-content,.topbar{padding-left:1rem;padding-right:1rem}.metric-grid,.institution-grid,.filters{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.login-panel{padding:1.2rem}.topbar .status-pill{display:none}}.result-count{color:var(--muted);margin:.8rem 0 0;font-size:.85rem}.back-link{color:var(--accent2);margin-bottom:1rem;font-weight:800;display:inline-flex}.page-heading.compact{align-items:flex-start}.secondary-button{border:1px solid var(--line);color:#dce5f1;cursor:pointer;background:#0b1727;border-radius:12px;justify-content:center;align-items:center;padding:.78rem 1rem;font-weight:800;display:inline-flex}.institution-editor{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#12243ae6,#0b1828f0);overflow:hidden}.stepper{border-bottom:1px solid var(--line);background:#091625;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:0;padding:1rem;list-style:none;display:grid}.stepper li{color:var(--muted);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.stepper li span{border:1px solid var(--line);border-radius:50%;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.stepper li.active{color:#fff}.stepper li.active span,.stepper li.done span{background:var(--accent);border-color:var(--accent);color:#fff}.editor-section{padding:1.4rem}.editor-section.hidden{display:none}.section-heading{margin-bottom:1.25rem}.section-heading h2{margin:.35rem 0;font-size:1.65rem}.section-heading p{color:var(--muted);margin:0}.form-grid{gap:1rem;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{color:#dfe6ef;gap:.48rem;font-weight:700;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.institution-hero__actions select{border:1px solid var(--line);width:100%;color:var(--text);background:#0b1727;border-radius:12px;outline:none;padding:.9rem 1rem}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.institution-hero__actions select:focus{border-color:var(--accent)}.span-two{grid-column:1/-1}.editor-actions{border-top:1px solid var(--line);background:#091625;justify-content:flex-end;gap:.75rem;padding:1rem 1.4rem;display:flex}.editor-error,.success-message{background:#ff6b6b14;border:1px solid #ff6b6b59;border-radius:12px;margin:1rem 0;padding:.9rem 1rem}.success-message{color:#8cf0c4;background:#3ddc9714;border-color:#3ddc9759}.module-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.module-groups.single{grid-template-columns:repeat(2,minmax(0,1fr))}.module-groups fieldset{border:1px solid var(--line);border-radius:14px;padding:1rem}.module-groups legend{color:var(--accent2);padding:0 .4rem;font-weight:800}.module-check{border:1px solid #0000;border-radius:10px;align-items:flex-start;padding:.7rem;grid-template-columns:auto 1fr!important;gap:.75rem!important;display:flex!important}.module-check:hover{border-color:var(--line);background:#0b1727}.module-check input{margin-top:.25rem;width:auto!important}.module-check span{gap:.2rem;display:grid}.module-check small{color:var(--muted);font-weight:400}.summary-card{border:1px solid var(--line);background:#0b1727;border-radius:14px;gap:.45rem;padding:1.25rem;display:grid}.summary-card strong{font-size:1.35rem}.summary-card span{color:var(--muted)}.institution-hero{justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:1.4rem 0;display:flex}.institution-hero h1{margin:.65rem 0 .25rem;font-size:2.4rem}.institution-hero p{color:var(--muted);margin:0}.institution-hero__actions{align-items:center;gap:.7rem;display:flex}.institution-hero__actions select{min-width:160px}.detail-tabs{border:1px solid var(--line);background:#091625;border-radius:14px;gap:.4rem;margin-bottom:1rem;padding:.55rem;display:flex;overflow:auto}.detail-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:.75rem 1rem}.detail-tabs button.active{background:var(--surface2);color:#fff}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-panel{gap:.45rem;margin-top:0;display:grid}.stat-panel span,.stat-panel small{color:var(--muted)}.stat-panel strong{font-size:1.35rem}.detail-grid .span-two{grid-column:span 2}.content-metrics{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem;display:grid}.content-metrics span{color:var(--muted);gap:.3rem;display:grid}.content-metrics strong{color:#fff;font-size:1.7rem}.toggle-field{align-items:center;grid-template-columns:auto 1fr!important;gap:.7rem!important;display:flex!important}.toggle-field input{width:auto!important}.storage-summary{border:1px solid var(--line);background:#0b1727;border-radius:12px;align-content:center;gap:.25rem;padding:1rem;display:grid}.storage-summary span,.storage-summary small{color:var(--muted)}.storage-summary strong{font-size:1.5rem}td small{color:var(--muted)}@media (max-width:1100px){.stepper{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.module-groups,.module-groups.single{grid-template-columns:1fr}}@media (max-width:760px){.form-grid.two,.detail-grid{grid-template-columns:1fr}.detail-grid .span-two,.span-two{grid-column:1}.institution-hero{flex-direction:column;align-items:flex-start}.institution-hero__actions{flex-direction:column;align-items:stretch;width:100%}.stepper,.content-metrics{grid-template-columns:repeat(2,1fr)}.editor-actions{justify-content:stretch}.editor-actions>*{flex:1}}.hex-color-field{grid-template-columns:56px 1fr;align-items:center;gap:10px;display:grid}.hex-color-field input[type=color]{cursor:pointer;width:56px;min-height:48px;padding:4px}.media-uploader{border:1px solid var(--line);background:#0b1727;border-radius:14px;align-content:start;gap:1rem;padding:1rem;display:grid}.media-uploader__heading{justify-content:space-between;gap:1rem;display:flex}.media-uploader__heading div{gap:.25rem;display:grid}.media-uploader small{color:var(--muted);font-weight:400}.media-uploader__logo-preview{background:#07111f;border:1px dashed #33475f;border-radius:12px;place-items:center;min-height:180px;display:grid;overflow:hidden}.media-uploader__logo-preview img{object-fit:contain;width:min(100%,240px);height:170px;padding:1rem}.media-uploader__actions{flex-wrap:wrap;gap:.7rem;display:flex}.media-file-button{cursor:pointer;position:relative;overflow:hidden}.media-file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.danger-button{color:#ff9a9a;cursor:pointer;background:#ff6b6b14;border:1px solid #ff6b6b73;border-radius:12px;padding:.78rem 1rem;font-weight:800}.danger-button:disabled{opacity:.55;cursor:not-allowed}.hero-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.hero-media-card{border:1px solid var(--line);background:#07111f;border-radius:12px;min-height:135px;position:relative;overflow:hidden}.hero-media-card img{object-fit:cover;width:100%;height:135px;display:block}.hero-media-card span{background:#07111fd1;border-radius:999px;padding:.3rem .5rem;font-size:.72rem;font-weight:800;position:absolute;bottom:.55rem;left:.55rem}.hero-media-card button{color:#fff;cursor:pointer;background:#07111fd9;border:0;border-radius:50%;width:32px;height:32px;font-size:1.2rem;position:absolute;top:.5rem;right:.5rem}.media-empty-state{text-align:center;color:var(--muted);border:1px dashed #33475f;border-radius:12px;grid-column:1/-1;padding:2.5rem 1rem}@media (max-width:760px){.hero-media-grid{grid-template-columns:1fr}.media-uploader__actions>*{width:100%}}.user-management__heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.user-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0;display:grid}.user-metrics>div{border:1px solid var(--line);background:#0b1727;border-radius:12px;gap:.35rem;padding:1rem;display:grid}.user-metrics span{color:var(--muted);font-size:.82rem}.user-metrics strong{font-size:1.7rem}.invitation-status{border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:800;display:inline-flex}.invitation-status.pending{color:var(--warning);border-color:#f7c94866}.invitation-status.accepted{color:var(--success);border-color:#3ddc9766}.invitation-status.expired{color:var(--danger);border-color:#ff6b6b66}.invitation-status.none{color:var(--muted)}.invitation-expiry{margin-top:.4rem;display:block}.table-actions{align-items:center;gap:.45rem;display:flex}.table-actions .secondary-button,.table-actions .danger-button{padding:.55rem .7rem;font-size:.8rem}.invitation-link-box{background:#3ddc970f;border:1px solid #3ddc9759;border-radius:12px;grid-template-columns:minmax(180px,.6fr) minmax(260px,1fr) auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.invitation-link-box>div{gap:.2rem;display:grid}.invitation-link-box small{color:var(--muted)}.invitation-link-box input{border:1px solid var(--line);color:#dfe6ef;background:#07111f;border-radius:10px;width:100%;min-width:0;padding:.8rem}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02070ec7;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#0d1b2d;border-radius:18px;width:min(100%,720px);max-height:90vh;padding:1.3rem;overflow:auto;box-shadow:0 30px 80px #00000073}.modal-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-card__header h3{margin:.35rem 0;font-size:1.5rem}.modal-card__header>button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#081422;border-radius:50%;width:40px;height:40px;font-size:1.4rem}.modal-card__actions{justify-content:flex-end;gap:.7rem;margin-top:1.2rem;display:flex}.invitation-page{background:#07111f;grid-template-columns:minmax(0,1fr) minmax(420px,600px);min-height:100vh;display:grid}.invitation-page__visual{color:#fff;background:linear-gradient(135deg,#075e2ee6,#0a263ae0),url(/brand/login-arhyen-edu.png) 50%/cover;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,7vw,7rem);display:flex}.invitation-page__visual span{color:#bcd9ff;letter-spacing:.16em;font-weight:800}.invitation-page__visual h2{max-width:760px;margin:.7rem 0;font-size:clamp(2.4rem,5vw,5.5rem);line-height:1}.invitation-page__visual p{color:#dce8ef;max-width:620px;font-size:1.05rem}.invitation-card{border:1px solid var(--line);background:#0d1b2d;border-radius:20px;align-self:center;gap:1rem;width:min(100% - 2rem,500px);margin:auto;padding:2rem;display:grid;box-shadow:0 24px 60px #0000004d}.invitation-card>img{object-fit:contain;object-position:left;width:150px;height:54px}.invitation-card h1{margin:0;font-size:2.2rem}.invitation-card p{color:#b6c2d0;line-height:1.6}.invitation-card label{gap:.5rem;font-weight:700;display:grid}.invitation-card input{border:1px solid var(--line);color:#fff;background:#081422;border-radius:12px;width:100%;padding:.9rem 1rem}.invitation-card small{color:var(--muted)}.invitation-summary{border:1px solid var(--line);background:#081422;border-radius:12px;gap:.6rem;padding:1rem;display:grid}.invitation-summary span{color:var(--muted);justify-content:space-between;gap:1rem;display:flex}.invitation-summary strong{color:#fff;text-align:right}.invitation-complete{text-align:center}.invitation-complete .primary-button{justify-content:center;display:inline-flex}@media (max-width:1000px){.user-metrics{grid-template-columns:repeat(2,1fr)}.invitation-link-box,.invitation-page{grid-template-columns:1fr}.invitation-page__visual{display:none}}@media (max-width:680px){.user-management__heading{flex-direction:column;align-items:stretch}.user-metrics{grid-template-columns:1fr}.table-actions{flex-direction:column;align-items:stretch}.modal-card__actions{flex-direction:column}.modal-card__actions>*{width:100%}.invitation-card{padding:1.2rem}}.password-field--icon{display:block;position:relative}.password-field--icon input{padding-right:3.6rem}.password-field--icon button{width:2.55rem;height:2.55rem;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.password-field--icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.login-options{justify-content:flex-end;display:flex}.muted-link{color:#90b9ff;font-weight:750}.reset-page{background:radial-gradient(circle at 100% 0,#4f7cff29,#0000 35%),#07111f;place-items:center;min-height:100vh;padding:2rem;display:grid}.reset-card{border:1px solid var(--line);background:#0d1b2d;border-radius:20px;gap:1rem;width:min(100%,500px);padding:2rem;display:grid;box-shadow:0 24px 60px #0000004d}.reset-card>img{object-fit:contain;object-position:left;width:180px;height:56px}.reset-card h1{margin:0;font-size:2.2rem}.reset-card>p,.reset-card form>p{color:var(--muted);line-height:1.6}.reset-card small{color:var(--muted)}.center-button{justify-content:center;display:flex}.center-link{text-align:center}.invitation-card .password-field{display:block}.invitation-card .password-field input{padding-right:3.6rem}