@charset "UTF-8";
/* ============================================================
   IT2D · Кабинет мастера — современная тема
   Заменяет старый style.css, сохраняя прежние классы:
   .text, .mytable, .in_form, .bt_form, .ta_form
   ============================================================ */

:root{
  --bg:#070b12;
  --bg2:#0b1119;
  --card:#101823;
  --card2:#131d2a;
  --line:rgba(120,170,210,.16);
  --ink:#e9f2fa;
  --muted:#8fa4b8;
  --cyan:#22d3ee;
  --blue:#3b82f6;
  --violet:#8b5cf6;
  --grad:linear-gradient(135deg,#22d3ee,#3b82f6 55%,#8b5cf6);
  --ok:#34d399;
  --warn:#fbbf24;
  --danger:#f87171;
  --radius:16px;
  --shadow:0 18px 44px rgba(0,0,0,.45);
}

*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  min-height:100vh;
  padding:28px 20px 48px;
  background:
    radial-gradient(620px 620px at 12% -8%, rgba(34,211,238,.13), transparent 62%),
    radial-gradient(560px 560px at 92% 18%, rgba(139,92,246,.12), transparent 64%),
    radial-gradient(520px 520px at 50% 110%, rgba(59,130,246,.1), transparent 66%),
    var(--bg);
  color:var(--ink);
  font:15px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ── типографика ── */
h1,h2,h3,h4{margin:0 0 12px;line-height:1.25;letter-spacing:-.4px;font-weight:800}
h1{font-size:26px}
h2{font-size:22px}
h3{font-size:18px;color:var(--ink)}
h4{font-size:16px}
p{margin:0 0 12px;font-size:15px}
strong,b{color:var(--ink);font-weight:700}
small{color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}

a{
  color:#7de8fb;
  text-decoration:none;
  transition:color .18s ease,opacity .18s ease;
}
a:hover{color:#b8f4ff;text-decoration:none}
a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}

/* выход — приглушённый */
a[href*="request=qqq"]{color:var(--muted)}
a[href*="request=qqq"]:hover{color:var(--danger)}

/* ── заголовок-строка кабинета ── */
body > strong:first-child{
  display:inline-block;
  font-size:15px;
  letter-spacing:.3px;
  padding:9px 18px;
  border-radius:100px;
  border:1px solid rgba(34,211,238,.3);
  background:rgba(34,211,238,.08);
  color:#9fe9fb;
  margin-bottom:20px;
}

/* ── формы ── */
form{
  background:linear-gradient(168deg,rgba(18,27,40,.92),rgba(12,18,27,.92));
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px 24px;
  max-width:520px;
  box-shadow:var(--shadow);
}
form table{border-collapse:collapse;width:100%}
form table td{
  border:0!important;
  padding:6px 8px 6px 0;
  vertical-align:middle;
  font-size:14.5px;
}
form table td:first-child{color:var(--muted);white-space:nowrap;padding-right:12px}

input,textarea,select{
  width:100%;
  padding:12px 14px;
  border-radius:11px;
  border:1px solid var(--line);
  background:rgba(8,13,20,.9);
  color:var(--ink);
  font:inherit;
  font-size:15px;
  transition:border-color .18s ease,box-shadow .18s ease;
  -webkit-appearance:none;
  appearance:none;
}
textarea{min-height:96px;resize:vertical;line-height:1.55}
input::placeholder,textarea::placeholder{color:#56687a}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:rgba(34,211,238,.6);
  box-shadow:0 0 0 4px rgba(34,211,238,.1);
}
input[type="checkbox"],input[type="radio"]{
  width:auto;min-width:18px;height:18px;padding:0;margin:0 6px 0 0;
  accent-color:#22d3ee;
}
input[type="submit"],input[type="button"],input[type="reset"],button{
  width:auto;
  padding:13px 26px;
  border:0;
  border-radius:100px;
  background:var(--grad);
  color:#04121a;
  font:inherit;
  font-weight:800;
  font-size:15px;
  letter-spacing:.2px;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(34,211,238,.26);
  transition:transform .16s ease,box-shadow .2s ease;
}
input[type="submit"]:hover,input[type="button"]:hover,button:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(34,211,238,.36);
}
input[type="submit"]:active,button:active{transform:translateY(0)}

/* старые классы полей — приводим к теме */
.in_form, .bt_form, .ta_form{
  width:100%;
  max-width:100%;
  padding:12px 14px;
  border-radius:11px;
  border:1px solid var(--line);
  background:rgba(8,13,20,.9);
  color:var(--ink);
  font:inherit;
  font-size:15px;
}
.in_form:focus, .ta_form:focus, .bt_form:focus{
  outline:none;border-color:rgba(34,211,238,.6);
  box-shadow:0 0 0 4px rgba(34,211,238,.1);
}

/* ── таблицы ── */
.mytable{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:14px 0 20px;
  font-size:14.4px;
  background:linear-gradient(168deg,rgba(16,24,35,.9),rgba(12,18,27,.9));
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.32);
}
.mytable tr{border:0}
.mytable th{
  text-align:left;
  font-weight:800;
  font-size:12.5px;
  letter-spacing:.7px;
  text-transform:uppercase;
  color:#8fb6cc;
  background:rgba(34,211,238,.07);
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.mytable td{
  padding:12px 14px;
  border:0!important;
  border-bottom:1px solid rgba(120,170,210,.09)!important;
  vertical-align:middle;
}
.mytable tr:last-child td{border-bottom:0!important}
.mytable tbody tr{transition:background .16s ease}
.mytable tbody tr:hover{background:rgba(34,211,238,.05)}
.mytable a{font-weight:600}

/* ── блоки-карточки ── */
.card,.box,.panel{
  background:linear-gradient(168deg,var(--card),var(--card2));
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:20px 22px;
  margin:0 0 16px;
  box-shadow:0 14px 34px rgba(0,0,0,.3);
}

/* ── старое меню-ссылки (menu.php) ── */
body > a{
  display:block;
  padding:13px 18px;
  margin:0 0 9px;
  max-width:520px;
  border-radius:13px;
  border:1px solid var(--line);
  background:linear-gradient(168deg,rgba(16,24,35,.85),rgba(12,18,27,.85));
  color:var(--ink);
  font-weight:600;
  transition:transform .16s ease,border-color .18s ease,background .2s ease;
}
body > a:hover{
  transform:translateX(4px);
  border-color:rgba(34,211,238,.45);
  background:linear-gradient(168deg,rgba(23,35,50,.95),rgba(16,25,37,.95));
  color:#b8f4ff;
}
body > a[href*="request=qqq"]{
  margin-top:18px;
  border-color:rgba(248,113,113,.28);
  color:#fca5a5;
}
body > a[href*="request=qqq"]:hover{
  border-color:rgba(248,113,113,.55);
  background:rgba(248,113,113,.08);
  color:#fecaca;
}

/* ── служебный текст ── */
.text{
  margin:0 0 14px;
  font-size:15px;
  line-height:1.65;
  color:#c7d6e4;
  text-align:left;
}
.text ul,.text ol{margin:8px 0 14px 20px;padding:0}
.text li{margin:5px 0}

/* сообщения об ошибках / статусы */
p:empty{display:none}
body > p{
  max-width:520px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid rgba(120,170,210,.18);
  background:rgba(120,170,210,.06);
  font-size:14.5px;
}

/* старые «sexy buttons» — на случай, если где-то остались */
.sexybutton{
  display:inline-block!important;
  padding:12px 24px!important;
  border-radius:100px!important;
  background:var(--grad)!important;
  border:0!important;
  color:#04121a!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 10px 26px rgba(34,211,238,.26)!important;
}
.sexybutton span,.sexybutton span span,.sexybutton span span span{
  background:none!important;border:0!important;padding:0!important;
  color:inherit!important;font:inherit!important;box-shadow:none!important;
}
.sexybutton:hover{filter:brightness(1.07);transform:translateY(-2px)}
.sexybutton.sexyyellow,.sexybutton.sexyblue,.sexybutton.sexygreen{background:var(--grad)!important}

/* ── адаптив ── */
@media (max-width:768px){
  body{padding:18px 14px 40px;font-size:15px}
  h1{font-size:22px}
  h2{font-size:19px}
  h3{font-size:17px}

  form{padding:18px 16px;max-width:100%}
  form table,form table tbody,form table tr,form table td{display:block;width:100%}
  form table td{border:0!important;padding:0 0 10px}
  form table td:first-child{padding:0 0 5px;font-size:13px;font-weight:700}
  input[type="submit"],button{width:100%;padding:15px}

  body > a{max-width:100%;padding:14px 16px;font-size:15px}

  /* таблицы — в карточки */
  .mytable{
    border:0;background:none;box-shadow:none;
    display:block;font-size:14.5px;
  }
  .mytable thead{display:none}
  .mytable tbody,.mytable tr,.mytable td{display:block;width:100%}
  .mytable tr{
    margin:0 0 12px;
    padding:14px 16px;
    border-radius:14px;
    border:1px solid var(--line);
    background:linear-gradient(168deg,rgba(16,24,35,.92),rgba(12,18,27,.92));
    box-shadow:0 10px 24px rgba(0,0,0,.28);
  }
  .mytable td{
    border:0!important;
    padding:5px 0;
    display:flex;
    gap:10px;
    align-items:baseline;
    flex-wrap:wrap;
    text-align:right;
    justify-content:space-between;
  }
  .mytable td:before{
    content:attr(data-label);
    flex:0 0 auto;
    color:var(--muted);
    font-size:12.5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    text-align:left;
  }
  .mytable td:empty{display:none}

  .text{font-size:14.5px}
}

@media (max-width:420px){
  body{padding:14px 12px 34px}
  h1{font-size:20px}
  .mytable tr{padding:12px 13px}
}

/* ── доступность / печать ── */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

@media print{
  body{background:#fff;color:#000;padding:0}
  body > a,form,input[type="submit"]{display:none!important}
  .mytable{background:#fff;border:1px solid #999;box-shadow:none}
  .mytable th,.mytable td{color:#000;border:1px solid #ccc!important}
}