@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#142335;--navy:#0b2336;--blue:#136b87;--line:#dce5ec;--muted:#637487;--bg:#f3f6fa;--gold:#e6b85c}
*{box-sizing:border-box}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}
.admin-header{height:78px;padding:0 32px;background:linear-gradient(105deg,#091e30,#17475a);display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 24px #0d253019}
.admin-brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}
.admin-brand img{width:154px;height:auto;max-height:48px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}
.admin-brand span{display:flex;flex-direction:column;line-height:1.35}
.admin-brand strong{font-size:1rem;letter-spacing:.01em}
.admin-brand small{color:#b8cad4;font-size:.78rem}
.admin-main{max-width:1800px;padding:30px!important}
.admin-layout{--bs-gutter-x:24px}
.admin-sidebar{align-self:flex-start;position:sticky;top:24px;min-height:calc(100vh - 140px);padding:22px 16px!important;background:linear-gradient(160deg,#0e283a,#12374a);border-radius:18px;box-shadow:0 16px 35px #0b253019}
.sidebar-label{padding:0 12px 14px;color:#8ea8b7;font-size:.68rem;font-weight:800;letter-spacing:.15em}
.admin-sidebar .nav-link{color:#c3d6e1;padding:12px 14px;border-radius:10px;margin-bottom:4px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.admin-sidebar .nav-link:hover{background:#21475b;color:#fff}
.admin-sidebar .nav-link.active{background:var(--gold);color:#102334;font-weight:800}
.admin-workspace{min-width:0}
#heading{font-size:1.9rem;font-weight:800;letter-spacing:-.035em;margin:6px 0 24px}
.card{border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 24px #0d25300b;background:#fff}
.card h1,.card h2,.card h3,.card h4{font-weight:800}
.card h5{color:var(--muted);font-size:.95rem;font-weight:700}
.btn{border-radius:9px;font-weight:700;padding:9px 16px}
.btn-sm{padding:5px 10px}
.btn-primary{background:#12647e;border-color:#12647e}
.btn-primary:hover{background:#0b465b;border-color:#0b465b}
.btn-outline-primary{color:#12647e;border-color:#12647e}
.btn-outline-primary:hover{background:#12647e;border-color:#12647e;color:#fff}
.form-control,.form-select{border:1px solid #cfdce6;border-radius:9px;padding:10px 12px}
.form-control:focus,.form-select:focus{border-color:#247b96;box-shadow:0 0 0 3px #247b9626}
label{display:block;font-weight:700;font-size:.91rem;color:#263f50;margin:9px 0}
textarea{min-height:110px}
.table-responsive{background:#fff;padding:15px;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 20px #0d25300a}
.table{vertical-align:middle}
.table thead th{background:#f0f5f8;color:#53687b;border-bottom:0;padding:15px}
.table td{padding:13px}
.table tr:last-child td{border-bottom:0}
.login-card{margin:7vh auto 0;max-width:460px;padding:34px!important;border-top:5px solid var(--gold)}
.login-card h1{font-size:1.65rem;margin:20px 0 6px}
.login-mark{padding:16px;background:#f4f7f8;border:1px solid var(--line);border-radius:12px;text-align:center}
.login-mark img{max-width:100%;height:auto}
.login-intro{color:var(--muted);margin-bottom:20px}
.login-card a{color:#12647e;font-weight:600;text-decoration:none}
.login-card a:hover{text-decoration:underline}
#editor .card{padding:26px!important}
#editor img{object-fit:contain}
#cmsFrame{background:#fff;box-shadow:0 12px 32px #102a3512}
#alert{position:sticky;top:10px;z-index:999}
.image-preview{display:block;max-width:220px;max-height:160px;object-fit:contain;background:#f3f6f8;border:1px solid var(--line);border-radius:10px;padding:6px}
.image-grid{display:flex;flex-wrap:wrap;gap:12px}
.image-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#f9fbfc}
.image-item img{width:96px;height:76px;object-fit:contain;background:#fff;border-radius:8px}
@media(max-width:991px){.admin-sidebar{position:static;min-height:0}.admin-workspace{width:100%}}
@media(max-width:767px){.admin-header{height:auto;min-height:68px;padding:10px 16px;gap:10px}.admin-brand{gap:10px}.admin-brand img{width:110px;max-height:42px}.admin-brand strong{font-size:.82rem}.admin-brand small{font-size:.68rem}.admin-header #logout{flex-shrink:0}.admin-main{padding:16px!important}.admin-sidebar{margin-bottom:20px;padding:14px!important}.admin-sidebar .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.admin-sidebar .nav-link{font-size:.84rem;padding:10px 8px;text-align:center}#heading{font-size:1.5rem;margin:4px 0 18px}.login-card{margin-top:24px;padding:22px!important}.login-mark{padding:12px}.login-mark img{width:min(100%,340px)}.table-responsive{padding:8px}.table{font-size:.86rem}.table th,.table td{padding:9px!important}.image-item{width:100%;align-items:flex-start}.image-item img{flex:0 0 76px;width:76px;height:68px}}
@media(max-width:420px){.admin-brand img{width:84px}.admin-brand strong{font-size:.74rem}.admin-brand small{font-size:.62rem}.admin-main{padding:12px!important}.login-card{padding:18px!important}.login-card h1{font-size:1.4rem}}

.image-upload-control{margin:0 0 18px;padding:14px;border:1px dashed #afc2cf;border-radius:12px;background:#f8fbfc}
.image-upload-control .form-control[type=file]{padding:8px;background:#fff}
.image-upload-preview{display:block;width:min(100%,260px);height:150px;margin-top:10px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px}
.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px}
.media-library-card{min-width:0;overflow:hidden}
.media-library-image{width:100%;height:170px;object-fit:contain;padding:12px;background:#f2f5f7;border-bottom:1px solid var(--line)}
.media-library-details{padding:14px}
.media-library-name{overflow-wrap:anywhere;font-size:.85rem;font-weight:700}
.media-library-path{display:block;margin:8px 0;color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.media-library-actions{display:flex;gap:8px;flex-wrap:wrap}
.portal-body,.setup-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#eaf1f4 0,#f3f6fa 50%,#e8eef2 100%)}
.portal-card,.setup-card{width:min(100%,520px);padding:clamp(22px,5vw,42px);border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:20px;background:#fff;box-shadow:0 22px 60px #0d25301a;text-align:center}
.portal-shell{width:min(100%,760px);padding:clamp(22px,5vw,48px);border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:22px;background:#fff;box-shadow:0 22px 60px #0d25301a;text-align:center}
.portal-heading{max-width:520px;margin:0 auto}
.portal-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;text-align:left}
.portal-choice{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:19px 16px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.portal-choice:hover{transform:translateY(-3px);border-color:#8caeba;box-shadow:0 12px 26px #0d253012;color:var(--ink)}
.portal-choice-admin{background:#f5f9fa}
.portal-choice-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;background:#12647e;font-size:1.35rem}
.portal-choice-admin .portal-choice-icon{color:#102334;background:#f1d28d}
.portal-choice-copy{display:grid;gap:5px}
.portal-choice-copy strong{font-size:.96rem}
.portal-choice-copy small{color:var(--muted);font-size:.8rem;line-height:1.45}
.portal-choice-arrow{color:var(--blue);font-size:1.2rem}
.portal-logo,.setup-logo img{display:block;width:min(100%,400px);height:auto;max-height:110px;object-fit:contain;margin:0 auto 24px}
.portal-eyebrow{margin:0 0 8px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.16em}
.portal-card h1,.setup-card h1{margin:0;color:var(--ink);font-size:clamp(1.55rem,5vw,2rem);font-weight:800;letter-spacing:-.04em}
.portal-description,.setup-intro{margin:10px auto 24px;color:var(--muted);line-height:1.6}
.portal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.portal-actions .btn{padding:12px}
.portal-setup,.setup-back{display:inline-block;margin-top:22px;color:var(--blue);font-size:.9rem;font-weight:700;text-decoration:none}
.portal-setup:hover,.setup-back:hover{color:#0b465b;text-decoration:underline}
.setup-card{text-align:left}
.setup-logo{display:block;width:100%;margin-bottom:24px}
.setup-logo img{margin-bottom:0}
.setup-card .portal-eyebrow{text-align:center}
.setup-card h1{text-align:center;font-size:clamp(1.4rem,5vw,1.8rem)}
.setup-intro{text-align:center}
.setup-form label{display:block;margin:14px 0;color:var(--ink)}
.setup-form .form-control{margin-top:6px}
.setup-form .btn{margin-top:8px;padding:12px}
.field-hint{color:var(--muted);font-size:.8rem;font-weight:500}
.setup-back{display:block;text-align:center}
@media(max-width:480px){.portal-body,.setup-body{padding:14px}.portal-card,.setup-card{border-radius:15px}.portal-actions{grid-template-columns:1fr}.setup-logo img{max-height:78px}}
@media(max-width:600px){.portal-shell{padding:24px 18px;border-radius:16px}.portal-choices{grid-template-columns:1fr;gap:11px;margin-top:22px}.portal-choice{padding:15px 13px}.portal-setup{font-size:.82rem}}

.welcome-overlay{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,24,39,.68);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease}
.welcome-overlay[hidden]{display:none}
.welcome-overlay.is-visible{opacity:1}
.welcome-card{position:relative;width:min(100%,430px);padding:34px 28px 28px;border:1px solid #dce5ec;border-top:5px solid var(--gold);border-radius:20px;background:#fff;text-align:center;box-shadow:0 28px 80px #0004;opacity:0;transform:translateY(20px) scale(.96);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.72,.25,1)}
.welcome-overlay.is-visible .welcome-card{opacity:1;transform:translateY(0) scale(1)}
.welcome-logo{display:block;width:min(100%,320px);max-height:80px;object-fit:contain;margin:0 auto 24px}
.welcome-card h2{margin:0;color:var(--ink);font-size:1.65rem;font-weight:800}
.welcome-message{margin:10px 0 22px;color:var(--muted);line-height:1.6}
.welcome-continue{min-width:180px}
.welcome-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;color:var(--muted);background:#f1f5f7;font-size:1.5rem;line-height:1}
@media(max-width:480px){.welcome-card{padding:30px 20px 22px;border-radius:16px}.welcome-logo{max-width:260px}}