/* Ադմին պանել. պարզ, արագ, առանց անիմացիաների */
:root{--navy:#0A1C2D;--gold:#D08A2B;--cream:#E6DDC0;--bg:#f6f3ec;--ink:#1c2430;--line:#e2ddd2;--danger:#b23a3a}
*{box-sizing:border-box}
body{margin:0;font:15px/1.5 Manrope,"Noto Sans Armenian",system-ui,sans-serif;color:var(--ink);background:var(--bg);display:flex;min-height:100vh}
a{color:inherit}
.side{width:230px;background:var(--navy);color:var(--cream);padding:22px 18px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}
.side__logo img{width:140px;display:block}
.side nav{display:flex;flex-direction:column;gap:4px}
.side nav a{padding:10px 12px;border-radius:8px;text-decoration:none;opacity:.8;display:flex;justify-content:space-between;align-items:center}
.side nav a:hover,.side nav a.is-active{background:rgba(255,255,255,.08);opacity:1;color:var(--gold)}
.badge{background:var(--gold);color:var(--navy);border-radius:99px;padding:0 8px;font-size:12px}
.side__foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:13px;opacity:.7}
.main{flex:1;padding:32px 40px;max-width:1200px}
.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
h1{margin:0;font-size:26px}h1 small{color:#888;font-weight:400;font-size:16px}
.btn{background:var(--gold);color:var(--navy);border:0;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font:inherit;font-weight:700}
.btn:hover{filter:brightness(1.08)}
.btn--ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn--danger{background:transparent;border:1px solid #e5c4c4;color:var(--danger)}
.btn--sm{padding:5px 10px;font-size:13px}
.btn--full{width:100%;margin-top:8px}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#777;padding:12px 14px;border-bottom:1px solid var(--line)}
.table td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.table tr.is-off td{opacity:.5}
.thumb img{width:52px;height:52px;object-fit:cover;border-radius:8px}.thumb__none{color:#bbb}
.actions{display:flex;gap:6px;justify-content:flex-end}.actions form{margin:0}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:99px;background:#e9eef4;color:#345;margin-right:4px}
.pill--gold{background:#f6e6cc;color:#7a4b09}.pill--off{background:#eee;color:#777}
.muted{color:#999}small{color:#888}
.search{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:8px;margin-bottom:14px;font:inherit}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;margin-bottom:14px}
.form input,.form textarea,.form select{font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.form textarea{resize:vertical}
.form__grid{display:grid;grid-template-columns:1fr 300px;gap:28px}
.form__aside{background:#fff;padding:20px;border-radius:12px;align-self:start}
.form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.form--narrow{max-width:520px;background:#fff;padding:24px;border-radius:12px}
.form--inline{display:flex;gap:12px;align-items:flex-end;margin-top:20px;background:#fff;padding:18px;border-radius:12px}
.form--inline label{margin:0}
.check{flex-direction:row!important;align-items:center;font-weight:500!important}
.upload{margin-bottom:14px}.upload span{font-weight:600;font-size:13px;display:block;margin-bottom:6px}
.upload img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;margin-bottom:8px}
.link{font-size:13px;display:block;text-align:center;margin-top:10px}
.flash{padding:12px 16px;border-radius:8px;margin-bottom:16px;background:#e8f3e8;color:#1e5a1e}
.flash--error{background:#f9e3e3;color:#7a1e1e}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.login{align-items:center;justify-content:center;background:var(--navy)}
.login__box{background:#fff;padding:36px;border-radius:16px;width:340px;display:flex;flex-direction:column;gap:16px;text-align:center}
.login__box img{margin:0 auto;background:var(--navy);border-radius:10px;padding:10px}
.login__box label{text-align:left;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.login__box input{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit}
@media (max-width:800px){body{flex-direction:column}.side{width:auto;height:auto;position:static}.main{padding:20px}.form__grid{grid-template-columns:1fr}}
.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.tab{background:none;border:0;padding:10px 16px;font:inherit;font-weight:600;color:#777;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px}
.tab.is-active{color:var(--navy);border-bottom-color:var(--gold)}
.tab .dot{width:7px;height:7px;border-radius:50%;background:var(--danger);display:inline-block}
.tabpane{display:none}.tabpane.is-active{display:block}
.table input{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;width:100%;background:#fff}