:root{
    --obsidian:#040507;
    --graphite:#0d1013;
    --graphite-2:#141820;
    --graphite-3: #1a2029;
    --accent:#1c7dff;
    --accent-deep: #0a3f8f;
    --accent-bright:#5fb0ff;
    --steel:#9096a0;
    --steel-dim: #565c66;
    --ink:#eef1f4;
    --line: rgba(238,241,244,0.09);
    --line-strong: rgba(238,241,244,0.17);
    --radius: 3px;
    --maxw: 1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--obsidian);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
  }
  h1,h2,h3,h4{font-family:'Orbitron',sans-serif; margin:0; font-weight:700; letter-spacing:0.005em;}
  p{margin:0;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 32px;}
  ::selection{background:var(--accent); color:var(--obsidian);}
  :focus-visible{outline:2px solid var(--accent-bright); outline-offset:3px;}

  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--accent);
    display:flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{content:''; width:22px; height:1px; background:var(--accent);}

  /* ---------- NAV ---------- */
  header{
    position:sticky; top:0; z-index:500;
    background:rgba(11,13,15,0.82);
    backdrop-filter: blur(10px);
    border-bottom:1px solid transparent;
    transition:border-color .3s ease, background .3s ease;
  }
  header.scrolled{border-bottom-color:var(--line);}
  .nav{
    max-width:var(--maxw); margin:0 auto; padding:18px 32px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .brand{display:flex; align-items:center; gap:12px; font-family:'Orbitron',sans-serif; font-weight:700; font-size:17px; letter-spacing:0.04em; text-transform:uppercase;}
  .brand svg{display:block;}
  .nav-links{display:flex; align-items:center; gap:34px; font-size:14.5px; color:var(--steel);}
  .nav-links a{transition:color .2s ease; position:relative;}
  .nav-links a:hover{color:var(--ink);}
  .nav-right{display:flex; align-items:center; gap:20px;}
  .btn{
    font-family:'Inter',sans-serif; font-weight:600; font-size:14px;
    padding:11px 22px; border-radius:var(--radius); cursor:pointer;
    border:1px solid transparent; transition:all .22s ease;
    display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  }
  .btn-primary{background:linear-gradient(180deg, var(--accent-bright), var(--accent)); color:#04101f; font-weight:700; box-shadow:0 1px 0 rgba(255,255,255,0.35) inset, 0 0 18px rgba(28,125,255,0.35);}
  .btn-primary:hover{filter:brightness(1.08); transform:translateY(-1px);}
  .btn-ghost{background:transparent; color:var(--ink); border-color:var(--line-strong);}
  .btn-ghost:hover{border-color:var(--accent); color:var(--accent);}
  .cart-btn{
    position:relative; background:none; border:1px solid var(--line-strong); color:var(--ink);
    width:40px; height:40px; border-radius:var(--radius); display:flex; align-items:center; justify-content:center;
    cursor:pointer; transition:border-color .2s ease;
  }
  .cart-btn:hover{border-color:var(--accent);}
  .cart-badge{
    position:absolute; top:-7px; right:-7px; background:var(--accent); color:#04101f; font-weight:700;
    font-family:'IBM Plex Mono',monospace; font-size:10.5px; font-weight:600;
    min-width:17px; height:17px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    padding:0 2px;
  }
  .burger{display:none; background:none; border:none; color:var(--ink); cursor:pointer;}

  /* ---------- HERO ---------- */
  .hero{position:relative; padding:120px 0 100px; overflow:hidden;}
  .hero-glow{
    position:absolute; top:-220px; left:50%; transform:translateX(-50%);
    width:900px; height:900px; border-radius:50%;
    background:radial-gradient(circle, rgba(95,176,255,0.28) 0%, rgba(28,125,255,0.11) 38%, rgba(28,125,255,0) 68%);
    filter:blur(4px);
    animation:glowPulse 7s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes glowPulse{0%,100%{opacity:0.8; transform:translateX(-50%) scale(1);} 50%{opacity:1; transform:translateX(-50%) scale(1.06);}}
  .hero-inner{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; text-align:center;}
  .seal{margin-bottom:34px; animation:sealIn 1s ease both;}
  @keyframes sealIn{from{opacity:0; transform:scale(0.85) rotate(-6deg);} to{opacity:1; transform:scale(1) rotate(0);}}
  .hero h1{
    font-size:clamp(40px, 6vw, 74px); line-height:1.04; max-width:920px; color:var(--ink);
  }
  .hero h1 em{font-style:normal; color:var(--accent-bright); font-weight:700; text-shadow:0 0 24px rgba(95,176,255,0.55);}
  .hero p.lead{
    margin-top:26px; max-width:560px; color:var(--steel); font-size:18px; line-height:1.65;
  }
  .hero-cta{margin-top:40px; display:flex; gap:16px; flex-wrap:wrap; justify-content:center;}
  .hero-meta{
    margin-top:70px; display:flex; gap:48px; flex-wrap:wrap; justify-content:center;
    font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--steel-dim); letter-spacing:0.04em;
  }
  .hero-meta span{color:var(--steel);}

  /* ---------- SECTION shared ---------- */
  section{padding:110px 0;}
  .section-head{max-width:640px; margin-bottom:64px;}
  .section-head h2{font-size:clamp(30px,4vw,44px); margin-top:16px; color:var(--ink); line-height:1.12;}
  .section-head p{margin-top:18px; color:var(--steel); font-size:16.5px; max-width:520px;}
  .divider{height:1px; background:var(--line); border:none; margin:0;}

  /* ---------- MANIFEST / SPEC SHEET ---------- */
  .manifest{background:var(--graphite); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .manifest-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .spec{background:var(--graphite); padding:34px 30px; display:flex; flex-direction:column; gap:10px;}
  .spec .tag{font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--accent);}
  .spec .val{font-family:'Orbitron',sans-serif; font-size:20px; color:var(--ink); line-height:1.3;}
  .spec .desc{font-size:14px; color:var(--steel); line-height:1.55;}

  /* ---------- PRODUCTS / WEBSHOP ---------- */
  .products{background:var(--obsidian);}
  .product-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
  .product-card{
    background:var(--graphite); border:1px solid var(--line); border-radius:var(--radius);
    padding:34px; display:flex; flex-direction:column; position:relative; transition:border-color .25s ease, transform .25s ease;
  }
  .product-card:hover{border-color:var(--line-strong); transform:translateY(-3px);}
  .badge{
    position:absolute; top:-1px; right:28px; background:var(--accent); color:#04101f; font-weight:700;
    font-family:'IBM Plex Mono',monospace; font-size:10.5px; font-weight:600; letter-spacing:0.06em;
    padding:5px 12px; border-radius:0 0 4px 4px; text-transform:uppercase;
  }
  .product-top{display:flex; align-items:flex-start; justify-content:space-between; gap:16px;}
  .product-mark{
    width:44px; height:44px; border:1px solid var(--line-strong); border-radius:50%;
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    font-family:'Orbitron',sans-serif; font-style:normal; font-weight:700; color:var(--accent-bright); font-size:15px; letter-spacing:0.02em;
  }
  .product-card h3{font-size:23px; margin-top:22px; color:var(--ink);}
  .product-card .tagline{color:var(--steel); font-size:14.5px; margin-top:8px; line-height:1.55;}
  .feat-list{list-style:none; margin:24px 0 0; padding:0; display:flex; flex-direction:column; gap:11px;}
  .feat-list li{display:flex; gap:10px; font-size:14px; color:var(--ink); align-items:flex-start;}
  .feat-list svg{flex-shrink:0; margin-top:3px;}
  .product-bottom{margin-top:auto; padding-top:28px;}
  .price-row{display:flex; align-items:baseline; gap:6px; margin-bottom:20px; padding-top:20px; border-top:1px solid var(--line);}
  .price{font-family:'IBM Plex Mono',monospace; font-size:26px; color:var(--ink); font-weight:600;}
  .price-unit{font-size:13px; color:var(--steel);}
  .qty-add{display:flex; gap:10px;}
  .qty-box{
    display:flex; align-items:center; border:1px solid var(--line-strong); border-radius:var(--radius); overflow:hidden;
  }
  .qty-box button{background:none; border:none; color:var(--ink); width:34px; height:42px; cursor:pointer; font-size:16px;}
  .qty-box button:hover{color:var(--accent);}
  .qty-box .qty-val{width:34px; text-align:center; font-family:'IBM Plex Mono',monospace; font-size:14px;}
  .add-btn{flex:1;}

  /* ---------- PROCESS ---------- */
  .process{background:var(--graphite); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .process-list{display:flex; flex-direction:column;}
  .process-row{
    display:grid; grid-template-columns:90px 1fr 1.3fr; gap:32px; align-items:start;
    padding:36px 0; border-top:1px solid var(--line);
  }
  .process-row:last-child{border-bottom:1px solid var(--line);}
  .process-num{font-family:'IBM Plex Mono',monospace; font-size:14px; color:var(--accent); padding-top:4px;}
  .process-row h3{font-size:22px; color:var(--ink);}
  .process-row p{color:var(--steel); font-size:15px; line-height:1.6; padding-top:4px;}

  /* ---------- TESTIMONIALS ---------- */
  .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .testi-card{background:var(--graphite); border:1px solid var(--line); border-radius:var(--radius); padding:32px; display:flex; flex-direction:column; gap:22px;}
  .testi-card svg{color:var(--accent);}
  .testi-quote{font-family:'Inter',sans-serif; font-size:18px; line-height:1.55; color:var(--ink); font-style:italic; font-weight:500;}
  .testi-attr{font-size:13.5px; color:var(--steel); font-family:'IBM Plex Mono',monospace;}

  /* ---------- CTA BAND ---------- */
  .cta-band{
    background:linear-gradient(135deg, var(--graphite-2), var(--graphite));
    border:1px solid var(--line-strong); border-radius:6px;
    padding:64px 56px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;
  }
  .cta-band h2{font-size:32px; max-width:460px; color:var(--ink);}
  .cta-band p{color:var(--steel); margin-top:12px; max-width:420px;}

  /* ---------- FOOTER ---------- */
  footer{border-top:1px solid var(--line); padding:70px 0 40px; background:var(--obsidian);}
  .footer-top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:56px;}
  .footer-brand p{color:var(--steel); font-size:14.5px; margin-top:16px; max-width:280px; line-height:1.6;}
  .footer-col h4{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--steel-dim); font-weight:500; margin-bottom:18px;}
  .footer-col a{display:block; color:var(--steel); font-size:14.5px; margin-bottom:12px; transition:color .2s;}
  .footer-col a:hover{color:var(--accent);}
  .newsletter{display:flex; gap:10px; margin-top:16px;}
  .newsletter input{
    flex:1; background:var(--graphite); border:1px solid var(--line-strong); color:var(--ink);
    padding:11px 14px; border-radius:var(--radius); font-family:'Inter',sans-serif; font-size:14px;
  }
  .newsletter input:focus{border-color:var(--accent); outline:none;}
  .footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:28px; border-top:1px solid var(--line); font-size:13px; color:var(--steel-dim); flex-wrap:wrap; gap:14px;}
  .newsletter-msg{font-size:13px; color:var(--accent); margin-top:10px; font-family:'IBM Plex Mono',monospace; min-height:16px;}

  /* ---------- CART DRAWER ---------- */
  .overlay{
    position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:900; opacity:0; pointer-events:none; transition:opacity .3s ease;
  }
  body.cart-open .overlay{opacity:1; pointer-events:auto;}
  .cart-drawer{
    position:fixed; top:0; right:0; height:100%; width:420px; max-width:92vw; background:var(--graphite);
    border-left:1px solid var(--line-strong); z-index:901; transform:translateX(100%); transition:transform .35s cubic-bezier(.65,0,.35,1);
    display:flex; flex-direction:column;
  }
  body.cart-open .cart-drawer{transform:translateX(0);}
  .cart-head{display:flex; align-items:center; justify-content:space-between; padding:26px 28px; border-bottom:1px solid var(--line);}
  .cart-head h3{font-size:20px;}
  .cart-close{background:none; border:none; color:var(--steel); cursor:pointer; padding:4px;}
  .cart-close:hover{color:var(--ink);}
  .cart-items{flex:1; overflow-y:auto; padding:14px 28px;}
  .cart-item{display:flex; gap:14px; padding:20px 0; border-bottom:1px solid var(--line);}
  .cart-item-mark{width:38px; height:38px; border:1px solid var(--line-strong); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Orbitron',sans-serif; font-weight:700; color:var(--accent-bright); flex-shrink:0; font-size:13px; letter-spacing:0.02em;}
  .cart-item-info{flex:1;}
  .cart-item-info .name{font-size:14.5px; color:var(--ink); font-weight:500;}
  .cart-item-info .sub{font-size:12.5px; color:var(--steel); margin-top:3px; font-family:'IBM Plex Mono',monospace;}
  .cart-item-controls{display:flex; align-items:center; justify-content:space-between; margin-top:12px;}
  .cart-empty{color:var(--steel); font-size:14.5px; text-align:center; padding:60px 20px;}
  .cart-foot{padding:24px 28px 28px; border-top:1px solid var(--line);}
  .cart-total-row{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:18px; font-family:'IBM Plex Mono',monospace;}
  .cart-total-row .lbl{color:var(--steel); font-size:13px;}
  .cart-total-row .amt{color:var(--ink); font-size:22px; font-weight:600;}
  .checkout-msg{
    margin-top:14px; padding:14px 16px; background:var(--graphite-3); border:1px solid var(--accent); border-radius:var(--radius);
    font-size:13.5px; color:var(--ink); line-height:1.5; display:none;
  }
  .checkout-msg.show{display:block;}
  .remove-link{background:none; border:none; color:var(--steel-dim); font-size:12px; cursor:pointer; font-family:'IBM Plex Mono',monospace; text-decoration:underline; padding:0;}
  .remove-link:hover{color:var(--accent-bright);}

  /* ---------- REVEAL ---------- */
  .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.is-visible{opacity:1; transform:translateY(0);}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .nav-links{display:none;}
    .burger{display:flex;}
    .manifest-grid{grid-template-columns:1fr;}
    .product-grid{grid-template-columns:1fr;}
    .process-row{grid-template-columns:50px 1fr; }
    .process-row p{grid-column:2/3;}
    .testi-grid{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr 1fr; row-gap:36px;}
    .cta-band{padding:44px 30px; flex-direction:column; align-items:flex-start;}
  }
  @media (max-width:520px){
    .wrap{padding:0 20px;}
    .footer-top{grid-template-columns:1fr;}
    .hero{padding:90px 0 70px;}
    .hero-meta{gap:26px;}
  }

  /* ================= ADMIN PANEL ================= */
  :root{ --success:#7fae82; --danger:#c07770; }
  .admin-login{min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--obsidian); padding:20px;}
  .admin-login-card{width:380px; max-width:100%; background:var(--graphite); border:1px solid var(--line-strong); border-radius:6px; padding:44px 36px; text-align:center;}
  .admin-login-card h2{font-size:24px; margin-top:20px;}
  .admin-login-card > p{color:var(--steel); font-size:14px; margin-top:10px; margin-bottom:26px; line-height:1.5;}
  .admin-field{display:flex; flex-direction:column; gap:6px; margin-bottom:16px; text-align:left;}
  .admin-field label{font-size:12.5px; color:var(--steel); font-family:'IBM Plex Mono',monospace; letter-spacing:.03em;}
  .admin-field input, .admin-field textarea, .admin-field select{
    background:var(--graphite-3); border:1px solid var(--line-strong); color:var(--ink);
    padding:10px 12px; border-radius:4px; font-family:'Inter',sans-serif; font-size:14px; width:100%;
  }
  .admin-field input:focus, .admin-field textarea:focus, .admin-field select:focus{border-color:var(--accent); outline:none;}
  .admin-field textarea{resize:vertical; min-height:70px; font-family:'IBM Plex Mono',monospace; font-size:13px;}
  .back-link{display:inline-block; margin-top:18px; font-size:13px; color:var(--steel-dim); text-decoration:underline;}
  .back-link:hover{color:var(--accent);}

  .admin-app{display:flex; min-height:100vh; background:var(--obsidian);}
  .admin-sidebar{width:236px; flex-shrink:0; background:var(--graphite); border-right:1px solid var(--line); display:flex; flex-direction:column; padding:28px 18px; position:sticky; top:0; height:100vh;}
  .admin-brand{display:flex; align-items:center; gap:10px; font-family:'Orbitron',sans-serif; font-weight:700; font-size:15px; letter-spacing:0.04em; text-transform:uppercase; padding:0 8px 26px; border-bottom:1px solid var(--line); margin-bottom:22px;}
  .admin-brand span{display:block; font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--accent); font-weight:500; letter-spacing:.08em; text-transform:uppercase; margin-top:2px;}
  .admin-nav{display:flex; flex-direction:column; gap:2px; flex:1;}
  .admin-nav-item{display:block; width:100%; text-align:left; background:none; border:none; color:var(--steel); padding:11px 14px; border-radius:4px; font-size:14.5px; font-family:'Inter',sans-serif; cursor:pointer; transition:all .2s;}
  .admin-nav-item:hover{color:var(--ink); background:var(--graphite-2);}
  .admin-nav-item.active{color:var(--accent); background:var(--graphite-2); font-weight:600;}
  .admin-sidebar-foot{border-top:1px solid var(--line); padding-top:18px; margin-top:18px;}
  .admin-user{font-size:13.5px; color:var(--ink); line-height:1.5;}
  .admin-user span{display:block; color:var(--steel-dim); font-size:12px; font-family:'IBM Plex Mono',monospace;}

  .admin-main{flex:1; padding:38px 46px; overflow-y:auto; min-width:0;}
  .admin-topbar{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; gap:20px; flex-wrap:wrap;}
  .admin-topbar h2{font-size:27px;}
  .admin-date{font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--steel-dim);}

  .kpi-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:24px;}
  .kpi-card{background:var(--graphite); border:1px solid var(--line); border-radius:6px; padding:22px 24px;}
  .kpi-card .lbl{font-family:'IBM Plex Mono',monospace; font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--steel-dim);}
  .kpi-card .num{font-family:'Orbitron',sans-serif; font-size:30px; color:var(--ink); margin-top:10px;}
  .kpi-card .delta{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--success); margin-top:8px;}

  .admin-grid-2{display:grid; grid-template-columns:1.4fr 1fr; gap:20px; margin-bottom:24px;}
  .panel{background:var(--graphite); border:1px solid var(--line); border-radius:6px; padding:26px;}
  .panel h3{font-size:16px; font-weight:600; margin-bottom:18px; font-family:'Inter',sans-serif;}
  .alert-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px;}
  .alert-list li{font-size:13.5px; color:var(--steel); line-height:1.55; padding-left:16px; position:relative;}
  .alert-list li::before{content:''; position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; background:var(--accent);}

  .admin-table{width:100%; border-collapse:collapse; font-size:14px;}
  .admin-table th{text-align:left; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--steel-dim); padding:0 14px 12px; border-bottom:1px solid var(--line); font-weight:500;}
  .admin-table td{padding:14px; border-bottom:1px solid var(--line); color:var(--ink); vertical-align:middle;}
  .admin-table tr:last-child td{border-bottom:none;}
  .admin-table .muted{color:var(--steel); font-size:13px;}

  .pill{display:inline-flex; align-items:center; gap:6px; padding:4px 11px; border-radius:20px; font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:500;}
  .pill::before{content:''; width:6px; height:6px; border-radius:50%; background:currentColor;}
  .pill-new{background:rgba(28,125,255,0.16); color:var(--accent-bright);}
  .pill-processing{background:rgba(138,147,160,0.15); color:var(--steel);}
  .pill-delivered{background:rgba(127,174,130,0.15); color:var(--success);}
  .pill-cancelled{background:rgba(192,119,112,0.15); color:var(--danger);}
  .pill-active{background:rgba(127,174,130,0.15); color:var(--success);}
  .pill-inactive{background:rgba(138,147,160,0.15); color:var(--steel);}

  .icon-btn{background:none; border:1px solid var(--line-strong); color:var(--steel); width:30px; height:30px; border-radius:4px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; margin-right:6px; transition:all .2s;}
  .icon-btn:hover{color:var(--accent); border-color:var(--accent);}

  .status-select{background:var(--graphite-3); border:1px solid var(--line-strong); color:var(--ink); font-family:'IBM Plex Mono',monospace; font-size:12px; padding:6px 8px; border-radius:4px;}

  .modal-overlay{position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:950; display:flex; align-items:center; justify-content:center; padding:20px;}
  .modal{width:520px; max-width:100%; max-height:88vh; overflow-y:auto; background:var(--graphite); border:1px solid var(--line-strong); border-radius:6px; padding:30px 32px;}
  .modal-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:22px;}
  .modal-head h3{font-size:19px;}
  .modal-close{background:none; border:none; color:var(--steel); cursor:pointer;}
  .modal-close:hover{color:var(--ink);}

  @media (max-width:900px){
    .admin-app{flex-direction:column;}
    .admin-sidebar{width:100%; height:auto; position:relative; flex-direction:row; align-items:center; overflow-x:auto; padding:16px 18px;}
    .admin-brand{border:none; padding:0; margin:0; margin-right:20px;}
    .admin-nav{flex-direction:row;}
    .admin-sidebar-foot{display:none;}
    .kpi-grid{grid-template-columns:repeat(2,1fr);}
    .admin-grid-2{grid-template-columns:1fr;}
    .admin-main{padding:26px 20px;}
  }
  @media (max-width:520px){
    .kpi-grid{grid-template-columns:1fr;}
  }

/* ================= PHP APP EXTRAS ================= */
.flash{padding:13px 18px; border-radius:4px; margin-bottom:22px; font-size:14px; line-height:1.5;}
.flash-success{background:rgba(127,174,130,0.12); border:1px solid var(--success); color:var(--ink);}
.flash-error{background:rgba(192,119,112,0.12); border:1px solid var(--danger); color:var(--ink);}
.inline-form{display:inline;}
.table-actions form{display:inline-block; margin-right:6px;}
a.icon-btn{text-decoration:none;}
.login-wrap{min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--obsidian); padding:20px;}
.thumb-img{width:34px; height:34px; border-radius:50%; object-fit:cover; border:1px solid var(--line-strong); flex-shrink:0;}
.thumb-mark{width:34px; height:34px; border:1px solid var(--line-strong); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Orbitron',sans-serif; font-weight:700; color:var(--accent-bright); font-size:13px; flex-shrink:0;}
.cart-thumb{width:38px; height:38px; border-radius:50%; object-fit:cover; border:1px solid var(--line-strong); flex-shrink:0;}