:root{--ink:#092d30;--muted:#687b7c;--brand:#17aaa4;--brand-dark:#087d7a;--line:#dce9e8;--surface:#f4f9f8;--white:#fff;--danger:#b42318}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.login-page{background:#071c21}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-visual{display:flex;flex-direction:column;justify-content:space-between;padding:56px;background:radial-gradient(circle at 80% 15%,rgba(35,191,184,.28),transparent 28%),linear-gradient(145deg,#071c21,#0a4447);color:#fff}.login-visual>img{width:165px;filter:brightness(0) invert(1)}.login-visual div{max-width:680px}.login-visual span,.eyebrow{color:#7ee3dc;font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login-visual h1{max-width:650px;margin:16px 0;font-size:clamp(3rem,5.5vw,6rem);line-height:.95;letter-spacing:-.06em}.login-visual p{max-width:540px;color:rgba(255,255,255,.7);font-size:1.1rem;line-height:1.7}.login-panel{display:grid;padding:40px;background:#fff;place-items:center}.login-panel form{width:min(420px,100%)}.login-panel h2{margin:10px 0;font-size:2.4rem;letter-spacing:-.04em}.login-panel>form>p:not(.eyebrow){color:var(--muted);margin-bottom:30px}.login-panel label,.settings-form label,.status-form label{display:grid;gap:8px;margin:18px 0;color:var(--ink);font-size:.86rem;font-weight:700}.login-panel input,.settings-form input,.settings-form textarea,.status-form select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;outline:0}.login-panel input:focus,.settings-form input:focus,.settings-form textarea:focus,.status-form select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(23,170,164,.12)}button,.button{display:inline-flex;justify-content:center;padding:12px 18px;color:#fff;background:var(--brand-dark);border:0;border-radius:10px;font-weight:750;cursor:pointer}.login-panel button{width:100%;margin-top:10px}.back-link{display:block;margin-top:24px;color:var(--muted);text-align:center}.alert{padding:13px 15px;margin:18px 0;border-radius:10px;font-size:.9rem}.alert.error{color:var(--danger);background:#fff0ee}.alert.success{color:#067647;background:#ecfdf3}.sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:250px;flex-direction:column;padding:28px 18px;background:#071c21;color:#fff}.admin-brand{display:block;padding:4px 12px 34px}.admin-brand img{width:145px;filter:brightness(0) invert(1)}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.visit-link{padding:13px 15px;color:rgba(255,255,255,.7);border-radius:10px;font-size:.9rem;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:rgba(126,227,220,.13)}.visit-link{margin-top:auto;color:#7ee3dc}.admin-main{margin-left:250px;min-height:100vh}.admin-top{display:flex;justify-content:space-between;align-items:center;min-height:88px;padding:18px 34px;background:#fff;border-bottom:1px solid var(--line)}.admin-top>div{display:grid;gap:3px}.admin-top small,.panel-heading small{color:var(--muted);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.admin-top>div:last-child{display:flex;gap:18px;align-items:center;font-size:.84rem}.admin-top a{color:var(--brand-dark);font-weight:700}.admin-content{padding:34px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(9,45,48,.05)}.stats article{display:grid;gap:10px;padding:25px}.stats small{color:var(--muted)}.stats strong{font-size:2.3rem}.panel{overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:5px 0 0;font-size:1.25rem}.button.secondary{color:var(--brand-dark);background:#e9f8f7}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 24px;border-bottom:1px solid #edf3f2;text-align:left;font-size:.86rem}th{color:var(--muted);background:#fbfdfd;font-size:.72rem;text-transform:uppercase}td a{display:grid;gap:4px}td small{color:var(--muted)}.status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#edf2f2;color:#526465;font-size:.7rem;font-style:normal;font-weight:800;text-transform:uppercase}.status.new{color:#9a6700;background:#fff4ce}.status.replied{color:#067647;background:#ecfdf3}.empty{padding:45px!important;color:var(--muted);text-align:center}.settings-form{padding-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:4px 24px}.form-grid label.wide{grid-column:1/-1}.settings-form textarea{resize:vertical}.message-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:22px}.message-list{max-height:680px;overflow:auto}.message-item{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid #edf3f2}.message-item:hover,.message-item.selected{background:#f0fbfa}.message-item>span{display:grid;gap:5px}.message-item>span:last-child{justify-items:end}.message-item small{color:var(--muted);font-size:.72rem}.message-detail dl{display:grid;grid-template-columns:100px 1fr;gap:11px 18px;padding:22px 24px;margin:0}.message-detail dt{color:var(--muted);font-size:.78rem}.message-detail dd{margin:0;font-size:.88rem}.message-detail dd a{color:var(--brand-dark)}.message-body{margin:0 24px;padding:20px;background:#f5f9f9;border-radius:12px;line-height:1.7}.status-form{display:flex;gap:14px;align-items:end;padding:4px 24px 24px}.status-form label{margin:18px 0 0}.detail-empty{display:grid;gap:8px;place-items:center;min-height:350px}.detail-empty span{font-size:.85rem}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.sidebar{position:static;width:100%;min-height:auto;flex-direction:row;align-items:center;padding:14px}.admin-brand{padding:0 15px 0 0}.admin-brand img{width:100px}.sidebar nav{display:flex;overflow:auto}.visit-link{display:none}.admin-main{margin:0}.message-layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}}@media(max-width:600px){.admin-top,.admin-content{padding:18px}.admin-top>div:last-child span{display:none}.sidebar{overflow:auto}.sidebar nav a{white-space:nowrap}.message-layout{grid-template-columns:minmax(0,1fr)}.panel-heading{align-items:flex-start;gap:14px}.form-grid{padding:4px 18px}.status-form{align-items:stretch;flex-direction:column}}
.input-wrap{position:relative;display:block}.login-panel .input-wrap input{padding-left:44px}.login-panel .input-wrap input[type=password],.login-panel .input-wrap input[type=text]{padding-right:46px}.input-icon,.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.input-icon{position:absolute;z-index:1;top:50%;left:14px;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.login-panel .password-toggle{position:absolute;z-index:1;top:50%;right:6px;width:36px;height:36px;padding:8px;margin:0;color:var(--muted);background:transparent;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--brand-dark);background:#e9f8f7}.password-toggle .eye-closed,.password-toggle.is-visible .eye-open{display:none}.password-toggle.is-visible .eye-closed{display:block}

/* Modern admin dashboard */
body:not(.login-page){background:#f2f7f7}.sidebar{width:270px;padding:26px 18px;background:linear-gradient(180deg,#061f24 0%,#082c31 100%);border-right:1px solid rgba(255,255,255,.06)}.admin-brand{display:grid;gap:9px;padding:3px 12px 35px}.admin-brand img{width:142px}.admin-brand span{color:rgba(255,255,255,.4);font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.nav-label{padding:0 14px 10px;color:rgba(255,255,255,.3);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}.sidebar nav{gap:6px}.sidebar nav a,.visit-link{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid transparent}.sidebar nav a svg,.visit-link svg,.sidebar-user svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a:first-child svg path{fill:currentColor;stroke:none}.sidebar nav a:hover{background:rgba(126,227,220,.08)}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,rgba(23,170,164,.3),rgba(23,170,164,.12));border-color:rgba(126,227,220,.12);box-shadow:inset 3px 0 #46d5cd}.visit-link{margin-top:auto;margin-bottom:14px}.sidebar-user{display:flex;gap:11px;align-items:center;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.09)}.user-avatar,.top-avatar{display:grid;flex:0 0 auto;width:38px;height:38px;color:#07383a;background:#7ee3dc;border-radius:11px;font-weight:800;place-items:center}.sidebar-user>div{display:grid;min-width:0;gap:3px;flex:1}.sidebar-user strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:rgba(255,255,255,.45);font-size:.66rem}.sidebar-user>a{display:grid;color:rgba(255,255,255,.45);place-items:center}.sidebar-user>a:hover{color:#7ee3dc}.admin-main{margin-left:270px}.admin-top{min-height:78px;padding:16px 38px;border-color:#e3eceb;box-shadow:0 1px 0 rgba(9,45,48,.02)}.admin-top>div:first-child{gap:4px}.admin-top>div:first-child strong{font-size:1rem}.admin-top>div:last-child{gap:13px}.top-date{color:var(--muted)}.top-avatar{width:36px;height:36px;border-radius:50%;font-size:.82rem}.admin-content{max-width:1560px;padding:36px 38px 48px;margin:auto}.dashboard-welcome{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.dashboard-kicker{color:var(--brand-dark);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dashboard-welcome h1{margin:8px 0 6px;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em}.dashboard-welcome p{margin:0;color:var(--muted)}.dashboard-action{gap:10px;align-items:center;padding:13px 18px;box-shadow:0 8px 20px rgba(8,125,122,.18)}.modern-stats{grid-template-columns:repeat(4,1fr);gap:16px}.modern-stats article{display:flex;gap:17px;align-items:center;padding:21px;border:0;box-shadow:0 8px 28px rgba(9,45,48,.055)}.modern-stats article>div{display:grid;gap:3px}.modern-stats strong{font-size:1.85rem;line-height:1}.modern-stats article>div>span{color:#91a09f;font-size:.68rem}.stat-icon{display:grid;flex:0 0 auto;width:48px;height:48px;border-radius:14px;place-items:center}.stat-icon svg,.quick-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stat-icon.teal{color:#087d7a;background:#dff7f5}.stat-icon.amber{color:#b76e00;background:#fff2d8}.stat-icon.violet{color:#7457c5;background:#eee9ff}.stat-icon.blue{color:#2878bd;background:#e3f2ff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px}.chart-panel,.quick-panel,.recent-panel{border:0;box-shadow:0 8px 30px rgba(9,45,48,.055)}.chart-total{padding:7px 11px;color:var(--brand-dark);background:#e9f8f7;border-radius:99px;font-size:.7rem;font-weight:800}.bar-chart{position:relative;display:flex;height:280px;gap:18px;align-items:flex-end;padding:36px 28px 24px}.chart-grid{position:absolute;inset:36px 28px 51px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid i{width:100%;border-top:1px dashed #e4eceb}.bar-column{position:relative;z-index:1;display:flex;height:100%;min-width:22px;flex:1;flex-direction:column;align-items:center}.bar-value{height:24px;color:var(--muted);font-size:.67rem;font-weight:700}.bar-track{display:flex;width:min(40px,70%);flex:1;align-items:flex-end}.bar-track i{display:block;width:100%;min-height:5px;background:linear-gradient(180deg,#28bbb4,#087d7a);border-radius:8px 8px 3px 3px;box-shadow:0 6px 13px rgba(8,125,122,.18);transition:.25s ease}.bar-column:hover .bar-track i{filter:brightness(1.12);transform:translateY(-2px)}.bar-column small{padding-top:11px;color:var(--muted);font-size:.68rem}.quick-actions{display:grid;padding:12px 18px 20px}.quick-actions>a{display:flex;gap:13px;align-items:center;padding:16px 5px;border-bottom:1px solid #edf3f2}.quick-actions>a:last-child{border:0}.quick-actions>a>span{display:grid;width:40px;height:40px;color:var(--brand-dark);background:#e9f8f7;border-radius:11px;place-items:center}.quick-actions>a>div{display:grid;gap:4px;flex:1}.quick-actions strong{font-size:.82rem}.quick-actions small{color:var(--muted);font-size:.67rem}.quick-actions b{color:#93a3a2;font-size:1.5rem;font-weight:400}.quick-actions>a:hover b{color:var(--brand-dark);transform:translateX(2px)}.recent-panel .panel-heading{padding:22px 24px}.recent-panel th{padding-top:13px;padding-bottom:13px}.recent-panel td{padding-top:16px;padding-bottom:16px}.form-type{color:#526465;font-size:.78rem}.status{padding:6px 10px}.status.read{color:#2878bd;background:#e8f4ff}@media(max-width:1180px){.modern-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:100%}.admin-brand span,.nav-label,.sidebar-user{display:none}.sidebar nav a span,.visit-link span{display:none}.sidebar nav a,.visit-link{padding:11px}.visit-link{margin:0 0 0 auto}.admin-main{margin-left:0}.admin-content{padding:28px 22px}.dashboard-grid{grid-template-columns:1fr}.dashboard-welcome{align-items:flex-start}.top-date{display:none}}@media(max-width:600px){.modern-stats{grid-template-columns:1fr}.dashboard-welcome{align-items:stretch;flex-direction:column}.dashboard-action{align-self:flex-start}.admin-content{padding:24px 16px}.bar-chart{gap:8px;padding-right:15px;padding-left:15px}.chart-grid{right:15px;left:15px}.dashboard-welcome h1{font-size:1.8rem}}

/* Account menu and account settings */
.account-menu{position:relative}.admin-top .account-trigger{width:42px;height:42px;padding:0;margin:0;color:#07383a;background:#7ee3dc;border:2px solid transparent;border-radius:50%;font-size:.9rem}.admin-top .account-trigger:hover,.admin-top .account-trigger:focus-visible,.account-menu.is-open .account-trigger{background:#68d9d1;border-color:#d7f7f5;box-shadow:0 0 0 4px rgba(23,170,164,.12)}.account-dropdown{position:absolute;z-index:20;top:calc(100% + 12px);right:0;width:245px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 50px rgba(9,45,48,.17);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.account-menu.is-open .account-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.account-dropdown:before{position:absolute;top:-6px;right:17px;width:11px;height:11px;background:#fff;border-top:1px solid var(--line);border-left:1px solid var(--line);content:"";transform:rotate(45deg)}.dropdown-user{display:flex;gap:11px;align-items:center;padding:10px 9px 14px;margin-bottom:5px;border-bottom:1px solid #edf3f2}.dropdown-user .user-avatar{width:38px;height:38px}.dropdown-user>div{display:grid;min-width:0;gap:3px}.dropdown-user strong{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.dropdown-user small{color:var(--muted);font-size:.67rem}.account-dropdown>a{display:flex;gap:11px;align-items:center;padding:11px 10px;border-radius:9px;color:#405657;font-size:.78rem;font-weight:650}.account-dropdown>a:hover{color:var(--brand-dark);background:#edf9f8}.account-dropdown>a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-dropdown>a.dropdown-logout{color:#b42318}.account-dropdown>a.dropdown-logout:hover{background:#fff0ee}.account-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.account-heading h1{margin:8px 0 6px;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.045em}.account-heading p{margin:0;color:var(--muted)}.account-role{padding:8px 13px;color:var(--brand-dark);background:#dff7f5;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:capitalize}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.account-card{border:0;box-shadow:0 8px 30px rgba(9,45,48,.055)}.account-card-icon{display:grid;width:42px;height:42px;color:var(--brand-dark);background:#e9f8f7;border-radius:12px;place-items:center}.account-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.account-form{display:grid;gap:17px;padding:22px 24px 25px}.account-form label{display:grid;gap:8px;color:var(--ink);font-size:.76rem;font-weight:700}.account-form input{width:100%;padding:12px 13px;background:#fff;border:1px solid var(--line);border-radius:9px;outline:0}.account-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(23,170,164,.11)}.account-form .readonly-input{color:#7e9191;background:#f3f7f7;cursor:not-allowed}.account-form label small{color:var(--muted);font-size:.66rem;font-weight:500}.account-form button{justify-self:start;margin-top:3px}.account-grid+.panel{margin-top:20px}@media(max-width:900px){.account-grid{grid-template-columns:1fr}}@media(max-width:600px){.account-heading{align-items:flex-start;flex-direction:column}.account-role{align-self:flex-start}.account-dropdown{position:fixed;top:74px;right:14px}}