:root { --black:#000; --white:#fff; --soft:rgba(255,255,255,.78); --faint:rgba(255,255,255,.54); --line:rgba(255,255,255,.18); --panel:#080808; }
       * { box-sizing:border-box; }
       html, body { scrollbar-width:none; }
       html::-webkit-scrollbar, body::-webkit-scrollbar { width:0; height:0; }
       body { margin:0; background:var(--black); color:var(--white); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.5; }
      button,input,textarea { font:inherit; }
      button { cursor:pointer; }
      .admin-shell { width:min(1000px,calc(100% - 40px)); margin:0 auto; padding:48px 0 72px; }
      .admin-header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:42px; }
      h1,h2,h3,p { margin:0; }
      h1 { font-size:clamp(32px,5vw,56px); line-height:1; letter-spacing:-.05em; }
      h2 { font-size:24px; line-height:1.2; }
      .muted { color:var(--faint); }
      .login { width:min(420px,100%); margin:14vh auto 0; }
      .login h1 { margin-bottom:12px; }
      .field { display:grid; gap:7px; margin-bottom:18px; }
      label { color:var(--soft); font-weight:700; }
      input,textarea { width:100%; border:1px solid var(--line); border-radius:0; padding:13px 14px; background:var(--panel); color:var(--white); outline:none; }
       textarea { min-height:120px; resize:none; }
      input:focus,textarea:focus { border-color:var(--white); }
      .button { border:1px solid var(--line); border-radius:0; padding:12px 18px; background:transparent; color:var(--white); font-weight:700; }
      .button:hover,.button:focus-visible { border-color:var(--white); background:#111; }
      .button.primary { background:var(--white); color:var(--black); border-color:var(--white); }
      .button.primary:hover,.button.primary:focus-visible { background:#ddd; }
      .header-actions { display:flex; gap:12px; }
      .tabs { display:flex; flex-wrap:wrap; gap:24px; border-bottom:1px solid var(--line); margin-bottom:30px; }
      .tab { border:0; border-bottom:3px solid transparent; border-radius:0; padding:0 0 12px; background:transparent; color:var(--faint); font-weight:700; }
      .tab.active,.tab:hover { border-bottom-color:var(--white); color:var(--white); }
      .workspace { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:48px; align-items:start; }
      .items { display:grid; gap:24px; }
      .item { padding-bottom:22px; border-bottom:1px solid var(--line); }
      .item:last-child { border-bottom:0; }
      .item-top { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
      .item h3 { font-size:21px; line-height:1.2; }
      .item p { margin-top:8px; color:var(--soft); white-space:pre-wrap; }
      .item-price { font-weight:700; white-space:nowrap; }
      .item-actions { display:flex; gap:10px; margin-top:14px; }
      .empty { color:var(--faint); padding:24px 0; }
      .notice { min-height:24px; margin-top:14px; color:var(--soft); }
      .notice.error { color:#ff8c8c; }
      .form-panel { border-left:1px solid var(--line); padding-left:28px; }
      .form-panel h2 { margin-bottom:20px; }
      @media(max-width:760px) {
        .admin-shell { width:min(100% - 28px,1000px); padding-top:28px; }
        .admin-header { flex-direction:column; }
        .workspace { grid-template-columns:1fr; gap:38px; }
        .form-panel { border-left:0; border-top:1px solid var(--line); padding:30px 0 0; }
      }