/* ============================================================
   admin.css — Admin Panel Styles
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:'Poppins',sans-serif;background:#030712;color:#f1f5f9}
a{text-decoration:none;color:inherit}
img{max-width:100%}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea,select{font-family:inherit}

/* ---------- CSS Variables ---------- */
:root{
  --bg:#030712;
  --bg2:#0f172a;
  --bg3:#1e293b;
  --card:rgba(255,255,255,0.03);
  --border:rgba(255,255,255,0.08);
  --border-h:rgba(124,58,237,0.4);
  --primary:#7c3aed;
  --primary-l:#a78bfa;
  --primary-bg:rgba(124,58,237,0.1);
  --gold:#f59e0b;
  --teal:#06b6d4;
  --success:#22c55e;
  --danger:#ef4444;
  --warning:#f59e0b;
  --text:#f8fafc;
  --text2:#cbd5e1;
  --text3:#64748b;
  --radius:12px;
  --radius-sm:8px;
  --radius-full:9999px;
  --shadow:0 4px 24px rgba(0,0,0,0.4);
  --t:0.25s cubic-bezier(.4,0,.2,1);
  --sidebar:260px;
}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--primary);border-radius:99px}

/* ============================================================
   LOGIN SCREEN
   ============================================================ */
#login-screen{
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;background:var(--bg);
  background-image:radial-gradient(ellipse at 20% 20%,rgba(124,58,237,.08) 0%,transparent 60%),
                   radial-gradient(ellipse at 80% 80%,rgba(6,182,212,.06) 0%,transparent 60%);
}
.login-box{
  background:rgba(255,255,255,.02);border:1px solid var(--border);
  border-radius:24px;padding:3rem;width:100%;max-width:420px;
  box-shadow:0 24px 80px rgba(0,0,0,.5);
}
.login-logo{
  text-align:center;margin-bottom:2rem;
}
.login-logo .logo-text{
  font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:700
}
.login-logo .accent{color:var(--primary-l)}
.login-logo p{color:var(--text3);font-size:.84rem;margin-top:.3rem}
.login-title{font-size:1.4rem;font-weight:700;margin-bottom:.3rem}
.login-sub{color:var(--text3);font-size:.88rem;margin-bottom:2rem}
.adm-form-group{margin-bottom:1.25rem}
.adm-form-group label{
  display:block;font-size:.8rem;font-weight:600;color:var(--text2);margin-bottom:.5rem
}
.adm-form-group input,.adm-form-group textarea,.adm-form-group select{
  width:100%;background:rgba(255,255,255,.04);border:1.5px solid var(--border);
  border-radius:var(--radius-sm);padding:.85rem 1rem;color:var(--text);font-size:.9rem;
  transition:var(--t);outline:none;
}
.adm-form-group input:focus,.adm-form-group textarea:focus,.adm-form-group select:focus{
  border-color:var(--primary);background:rgba(124,58,237,.05);
}
.adm-form-group textarea{resize:vertical;min-height:90px}
.adm-form-group select{appearance:none;cursor:pointer}
.adm-form-group input::placeholder,.adm-form-group textarea::placeholder{color:var(--text3)}
.login-hint{
  font-size:.78rem;color:var(--text3);text-align:center;
  margin-top:1.25rem;background:rgba(255,255,255,.03);
  border-radius:var(--radius-sm);padding:.75rem;
  border:1px solid var(--border);
}
.login-hint strong{color:var(--primary-l)}
.login-error{
  background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);
  border-radius:var(--radius-sm);padding:.7rem 1rem;
  font-size:.83rem;color:#f87171;margin-bottom:1rem;display:none;
}
.login-error.show{display:block}

/* ============================================================
   ADMIN LAYOUT
   ============================================================ */
#admin-app{
  display:none;height:100vh;overflow:hidden;
}
#admin-app.active{display:flex}

/* Sidebar */
.adm-sidebar{
  width:var(--sidebar);flex-shrink:0;background:var(--bg2);
  border-right:1px solid var(--border);display:flex;flex-direction:column;
  overflow-y:auto;height:100vh;position:fixed;left:0;top:0;bottom:0;z-index:100;
  transition:transform var(--t);
}
.sidebar-header{
  padding:1.5rem;border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;flex-shrink:0;
}
.sidebar-logo{
  font-family:'Space Grotesk',sans-serif;font-size:1.15rem;font-weight:700
}
.sidebar-logo .accent{color:var(--primary-l)}
#sidebar-close{
  display:none;width:32px;height:32px;align-items:center;justify-content:center;
  border-radius:50%;color:var(--text2);transition:var(--t);
}
#sidebar-close:hover{background:var(--card);color:var(--text)}
.sidebar-nav{flex:1;padding:1rem 0}
.sidebar-section{
  padding:.25rem .75rem .1rem;font-size:.68rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.12em;color:var(--text3);margin-top:.75rem;
}
.sidebar-item{
  display:flex;align-items:center;gap:.75rem;
  padding:.75rem 1.25rem;border-radius:var(--radius-sm);
  margin:0 .5rem;color:var(--text3);font-size:.87rem;font-weight:500;
  transition:var(--t);cursor:pointer;border:none;background:none;width:calc(100% - 1rem);
  text-align:left;
}
.sidebar-item:hover{background:var(--card);color:var(--text2)}
.sidebar-item.active{background:var(--primary-bg);color:var(--primary-l)}
.sidebar-item svg{width:18px;height:18px;flex-shrink:0}
.sidebar-badge{
  margin-left:auto;background:var(--danger);color:#fff;
  font-size:.65rem;border-radius:99px;padding:.15rem .5rem;font-weight:700;
}
.sidebar-footer{
  padding:1rem 1.25rem;border-top:1px solid var(--border);flex-shrink:0
}
.sidebar-user{
  display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem
}
.sidebar-avatar{
  width:38px;height:38px;border-radius:50%;background:var(--primary-bg);
  border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;
  color:var(--primary-l);font-size:.8rem;font-weight:700;
}
.sidebar-username{font-size:.88rem;font-weight:600}
.sidebar-role{font-size:.75rem;color:var(--text3);display:block}
.sidebar-logout{
  width:100%;padding:.6rem;border-radius:var(--radius-sm);
  background:rgba(239,68,68,.08);color:#f87171;font-size:.83rem;
  border:1px solid rgba(239,68,68,.2);transition:var(--t);text-align:center;
}
.sidebar-logout:hover{background:var(--danger);color:#fff}

/* Main Content */
.adm-main{
  margin-left:var(--sidebar);flex:1;overflow-y:auto;height:100vh;
  background:var(--bg);
}
.adm-topbar{
  position:sticky;top:0;z-index:50;background:rgba(3,7,18,.9);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--border);
  padding:.9rem 1.75rem;display:flex;align-items:center;justify-content:space-between;
}
#mobile-menu-btn{
  display:none;width:38px;height:38px;align-items:center;justify-content:center;
  border-radius:var(--radius-sm);color:var(--text2);transition:var(--t);
}
#mobile-menu-btn:hover{background:var(--card)}
.adm-topbar-title{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700}
.adm-topbar-right{display:flex;align-items:center;gap:.75rem}
.adm-view-btn{
  display:flex;align-items:center;gap:.5rem;
  background:var(--primary-bg);border:1px solid rgba(124,58,237,.25);
  border-radius:var(--radius-sm);padding:.5rem .9rem;
  color:var(--primary-l);font-size:.8rem;font-weight:500;transition:var(--t);
}
.adm-view-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.adm-view-btn svg{width:16px;height:16px}
.adm-content{padding:1.75rem}

/* ============================================================
   DASHBOARD
   ============================================================ */
.dash-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}
.dash-stat-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:var(--t);
}
.dash-stat-card:hover{border-color:var(--border-h)}
.dash-stat-icon{
  width:48px;height:48px;border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.dash-stat-icon svg{width:24px;height:24px}
.dash-stat-num{
  font-family:'Space Grotesk',sans-serif;font-size:1.75rem;font-weight:700;line-height:1
}
.dash-stat-label{font-size:.78rem;color:var(--text3);margin-top:.2rem}
.dash-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dash-card{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;
}
.dash-card-header{
  padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.dash-card-header h3{font-size:.95rem;font-weight:600}
.dash-card-body{padding:1.25rem}

/* Messages list in dashboard */
.msg-preview-list{display:flex;flex-direction:column;gap:.75rem}
.msg-preview{
  background:var(--bg3);border-radius:var(--radius-sm);padding:.9rem;
  border-left:3px solid var(--border);transition:var(--t);
}
.msg-preview.unread{border-left-color:var(--primary)}
.msg-preview-name{font-size:.88rem;font-weight:600;color:var(--text)}
.msg-preview-subject{font-size:.8rem;color:var(--text3)}
.msg-preview-date{font-size:.72rem;color:var(--text3);margin-top:.3rem}

/* Skills quick list */
.quick-skill{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}
.quick-skill-name{font-size:.85rem;flex:1;color:var(--text2)}
.quick-skill-bar{flex:2;height:4px;background:var(--border);border-radius:99px;overflow:hidden}
.quick-skill-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--teal));border-radius:99px}
.quick-skill-pct{font-size:.78rem;color:var(--text3);width:36px;text-align:right}

/* ============================================================
   SECTION HEADER
   ============================================================ */
.section-h{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem
}
.section-h h2{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;font-weight:700}
.adm-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.55rem 1.1rem;border-radius:var(--radius-sm);
  font-size:.82rem;font-weight:600;transition:var(--t);
}
.adm-btn-primary{background:var(--primary);color:#fff}
.adm-btn-primary:hover{background:#6d28d9}
.adm-btn-secondary{background:var(--card);color:var(--text2);border:1px solid var(--border)}
.adm-btn-secondary:hover{border-color:var(--border-h);color:var(--text)}
.adm-btn-danger{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}
.adm-btn-danger:hover{background:var(--danger);color:#fff}
.adm-btn-success{background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}
.adm-btn-success:hover{background:var(--success);color:#fff}
.adm-btn svg{width:16px;height:16px}

/* ============================================================
   TABLES
   ============================================================ */
.adm-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}
.adm-table{width:100%;border-collapse:collapse}
.adm-table th{
  padding:.8rem 1rem;text-align:left;font-size:.78rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;color:var(--text3);
  background:rgba(255,255,255,.02);border-bottom:1px solid var(--border);
}
.adm-table td{
  padding:.9rem 1rem;font-size:.87rem;color:var(--text2);
  border-bottom:1px solid var(--border);vertical-align:top;
}
.adm-table tr:last-child td{border-bottom:none}
.adm-table tbody tr{transition:var(--t)}
.adm-table tbody tr:hover{background:rgba(255,255,255,.02)}
.table-actions{display:flex;gap:.5rem;flex-wrap:wrap}

/* ============================================================
   CARDS (list items)
   ============================================================ */
.adm-card-list{display:flex;flex-direction:column;gap:.75rem}
.adm-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.25rem;
  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;
  transition:var(--t);
}
.adm-card:hover{border-color:var(--border-h)}
.adm-card-content{flex:1;min-width:0}
.adm-card-title{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.2rem}
.adm-card-sub{font-size:.82rem;color:var(--primary-l);margin-bottom:.3rem}
.adm-card-meta{font-size:.78rem;color:var(--text3)}
.adm-card-desc{font-size:.82rem;color:var(--text2);margin-top:.4rem;line-height:1.6}
.adm-card-actions{display:flex;gap:.5rem;flex-shrink:0}

/* ============================================================
   FORMS
   ============================================================ */
.adm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.adm-form-full{grid-column:1/-1}
.adm-form-actions{
  display:flex;justify-content:flex-end;gap:.75rem;
  padding-top:1.25rem;border-top:1px solid var(--border);margin-top:1.25rem;
}
.range-wrap{display:flex;align-items:center;gap:.75rem}
.range-wrap input[type=range]{
  flex:1;-webkit-appearance:none;height:4px;background:var(--border);
  border-radius:99px;outline:none;cursor:pointer;
}
.range-wrap input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:16px;height:16px;border-radius:50%;
  background:var(--primary);cursor:pointer;
}
.range-val{
  font-size:.85rem;font-weight:600;color:var(--primary-l);
  min-width:36px;text-align:center;
}
.adm-form-group small{
  display:block;margin-top:.3rem;font-size:.74rem;color:var(--text3)
}

/* ============================================================
   MODAL
   ============================================================ */
.adm-modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;
  display:flex;align-items:center;justify-content:center;padding:1rem;
  opacity:0;visibility:hidden;transition:var(--t);
}
.adm-modal-overlay.open{opacity:1;visibility:visible}
.adm-modal{
  background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);
  width:100%;max-width:600px;max-height:90vh;overflow-y:auto;
  transform:scale(.95);transition:var(--t);
  box-shadow:0 24px 80px rgba(0,0,0,.6);
}
.adm-modal-overlay.open .adm-modal{transform:scale(1)}
.adm-modal-header{
  padding:1.5rem;border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;background:var(--bg2);z-index:1;
}
.adm-modal-header h3{font-size:1.1rem;font-weight:700}
.adm-modal-close{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--text3);transition:var(--t);font-size:1.1rem;
}
.adm-modal-close:hover{background:var(--card);color:var(--text)}
.adm-modal-body{padding:1.5rem}

/* ============================================================
   MESSAGES
   ============================================================ */
.messages-list{display:flex;flex-direction:column;gap:.75rem}
.message-item{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.25rem;cursor:pointer;transition:var(--t);
  border-left:3px solid var(--border);
}
.message-item.unread{border-left-color:var(--primary)}
.message-item:hover{border-color:var(--border-h)}
.message-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.4rem}
.message-from{font-size:.92rem;font-weight:600;color:var(--text)}
.message-date{font-size:.75rem;color:var(--text3);flex-shrink:0}
.message-subject{font-size:.85rem;color:var(--text2);font-weight:500;margin-bottom:.3rem}
.message-preview{font-size:.82rem;color:var(--text3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.message-badge{
  display:inline-block;background:var(--primary);color:#fff;
  font-size:.65rem;padding:.15rem .45rem;border-radius:99px;font-weight:700;
  margin-left:.5rem;vertical-align:middle;
}

/* Message Detail */
.message-detail{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.5rem;margin-top:1rem;
}
.message-detail-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.message-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-top:.5rem}
.message-detail-meta span{font-size:.83rem;color:var(--text3)}
.message-detail-meta strong{color:var(--text2)}
.message-detail-body{font-size:.9rem;color:var(--text2);line-height:1.8;white-space:pre-wrap}

/* ============================================================
   GALLERY ADMIN
   ============================================================ */
.gallery-upload-area{
  border:2px dashed var(--border);border-radius:var(--radius);
  padding:2.5rem;text-align:center;transition:var(--t);
  background:var(--card);cursor:pointer;
}
.gallery-upload-area:hover,.gallery-upload-area.drag-over{border-color:var(--primary);background:var(--primary-bg)}
.gallery-upload-area svg{width:40px;height:40px;color:var(--text3);margin:0 auto .75rem}
.gallery-upload-area p{font-size:.9rem;color:var(--text3)}
.gallery-upload-area p strong{color:var(--primary-l)}
.gallery-admin-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:1.5rem
}
.gallery-admin-item{
  position:relative;border-radius:var(--radius-sm);overflow:hidden;
  aspect-ratio:4/3;border:1px solid var(--border);
}
.gallery-admin-item img{width:100%;height:100%;object-fit:cover}
.gallery-admin-item:hover .gallery-admin-overlay{opacity:1}
.gallery-admin-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.7);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;
  opacity:0;transition:var(--t);padding:.5rem;
}
.gallery-admin-caption{font-size:.72rem;color:#fff;text-align:center;word-break:break-word}
.gallery-admin-title{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(0,0,0,.75));
  padding:.4rem .5rem;font-size:.72rem;color:#fff;
  font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ============================================================
   TECH TAGS ADMIN
   ============================================================ */
.tech-tags-admin{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;min-height:44px}
.tech-tag-adm{
  display:flex;align-items:center;gap:.4rem;
  background:var(--primary-bg);border:1px solid rgba(124,58,237,.25);
  border-radius:var(--radius-full);padding:.3rem .75rem;
  font-size:.8rem;color:var(--primary-l);
}
.tech-tag-adm button{
  width:16px;height:16px;display:flex;align-items:center;justify-content:center;
  color:var(--primary-l);font-size:.8rem;opacity:.7;transition:var(--t);
}
.tech-tag-adm button:hover{opacity:1;color:var(--danger)}
.tech-tag-input{display:flex;gap:.5rem;margin-top:.5rem}
.tech-tag-input input{flex:1}

/* ============================================================
   STATUS BADGES
   ============================================================ */
.badge{
  display:inline-block;padding:.2rem .6rem;border-radius:99px;
  font-size:.72rem;font-weight:600;
}
.badge-success{background:rgba(34,197,94,.12);color:#4ade80}
.badge-warning{background:rgba(245,158,11,.12);color:#fbbf24}
.badge-danger{background:rgba(239,68,68,.12);color:#f87171}
.badge-info{background:rgba(6,182,212,.12);color:#22d3ee}

/* ============================================================
   IMAGE UPLOAD
   ============================================================ */
.img-upload-wrap{position:relative}
.img-preview{
  width:120px;height:120px;border-radius:var(--radius);background:var(--card);
  border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;
  justify-content:center;margin-bottom:.75rem;cursor:pointer;transition:var(--t);
}
.img-preview:hover{border-color:var(--primary)}
.img-preview img{width:100%;height:100%;object-fit:cover}
.img-preview svg{width:32px;height:32px;color:var(--text3)}
.img-upload-input{display:none}
.img-upload-label{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:.5rem .9rem;
  font-size:.8rem;color:var(--text2);cursor:pointer;transition:var(--t);
}
.img-upload-label:hover{border-color:var(--primary);color:var(--primary-l)}
.img-upload-label svg{width:15px;height:15px}

/* ============================================================
   SERVICES ADMIN
   ============================================================ */
.services-admin{display:flex;flex-direction:column;gap:.5rem}
.service-row{display:flex;align-items:center;gap:.5rem}
.service-row input{flex:1}
.service-row button{
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);
  border-radius:var(--radius-sm);color:#f87171;flex-shrink:0;transition:var(--t);
}
.service-row button:hover{background:var(--danger);color:#fff}

/* ============================================================
   CONFIRM DIALOG
   ============================================================ */
.confirm-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:600;
  display:none;align-items:center;justify-content:center;
}
.confirm-overlay.open{display:flex}
.confirm-box{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:2rem;max-width:380px;width:100%;
  text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.6);
}
.confirm-icon{font-size:2.5rem;margin-bottom:.75rem}
.confirm-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}
.confirm-text{font-size:.88rem;color:var(--text3);margin-bottom:1.5rem;line-height:1.6}
.confirm-actions{display:flex;gap:.75rem;justify-content:center}

/* ============================================================
   TOAST
   ============================================================ */
.adm-toast{
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:700;
  background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);
  padding:.9rem 1.25rem;box-shadow:var(--shadow);
  transform:translateY(80px);opacity:0;visibility:hidden;transition:var(--t);
  min-width:220px;display:flex;align-items:center;gap:.6rem;font-size:.85rem;
}
.adm-toast.show{transform:translateY(0);opacity:1;visibility:visible}
.adm-toast.success{border-color:rgba(34,197,94,.35);color:#4ade80}
.adm-toast.error{border-color:rgba(239,68,68,.35);color:#f87171}
.adm-toast.info{border-color:rgba(124,58,237,.35);color:var(--primary-l)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:900px){
  .adm-sidebar{transform:translateX(-100%)}
  .adm-sidebar.open{transform:translateX(0)}
  .adm-main{margin-left:0}
  #mobile-menu-btn{display:flex}
  #sidebar-close{display:flex}
  .adm-form-row{grid-template-columns:1fr}
  .dash-row{grid-template-columns:1fr}
  .dash-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .adm-content{padding:1rem}
  .adm-topbar{padding:.75rem 1rem}
  .dash-stats{grid-template-columns:1fr}
}