:root{--tg-theme-bg: #0f172a;--tg-theme-text: #e2e8f0;--tg-theme-hint: #94a3b8;--tg-theme-link: #818cf8;--tg-theme-button: #6366f1;--tg-theme-button-text: #ffffff;--tg-theme-secondary-bg: #111827;--tg-theme-accent: #a5b4fc;--tg-theme-danger: #f87171;--color-bg: var(--tg-theme-bg);--color-surface: color-mix(in srgb, var(--tg-theme-secondary-bg) 86%, #000 14%);--color-surface-strong: #0b1220;--color-border: rgba(148, 163, 184, .28);--color-border-strong: rgba(148, 163, 184, .45);--color-text: var(--tg-theme-text);--color-muted: var(--tg-theme-hint);--color-primary: var(--tg-theme-button);--color-primary-text: var(--tg-theme-button-text);--color-danger: var(--tg-theme-danger);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-card: 0 8px 30px rgba(2, 6, 23, .28);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:var(--tg-theme-link)}.app-shell{min-height:100dvh;background:var(--color-bg)}.app-shell__container{width:min(100%,1100px);margin:0 auto;padding:var(--space-4)}.app-main{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.page{display:grid;gap:var(--space-5)}.page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.page__title{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.page__subtitle{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.92rem}.page__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.card{border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 88%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card__header{padding:var(--space-4) var(--space-4) 0}.card__title{margin:0;font-size:1.02rem;font-weight:600}.card__body{padding:var(--space-4)}.btn{border-radius:var(--radius-md);padding:10px 16px;font-weight:600;font-size:.9rem;border:1px solid transparent;background:transparent;color:var(--color-text);cursor:pointer;min-height:40px}.btn:focus-visible{outline:2px solid var(--tg-theme-accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-primary-text)}.btn--secondary{background:color-mix(in srgb,var(--color-surface) 80%,white 4%);border-color:var(--color-border)}.btn--danger{background:color-mix(in srgb,var(--color-danger) 28%,transparent);border-color:color-mix(in srgb,var(--color-danger) 60%,transparent)}.btn--ghost{border-color:var(--color-border)}.input,.select,.textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);padding:10px 12px;min-height:40px}.textarea{min-height:100px}.label{display:block;margin-bottom:6px;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.hint{font-size:.76rem;color:var(--color-muted);margin-top:6px}.formRow{display:grid;gap:var(--space-2)}.formGrid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{border-bottom:1px solid var(--color-border);padding:10px 12px;text-align:left;vertical-align:top}.table th{color:var(--color-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.badge,.chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.75rem;border:1px solid var(--color-border)}.badge--ok{color:#6ee7b7;border-color:#6ee7b766}.badge--warn{color:#fbbf24;border-color:#fbbf2466}.badge--bad{color:#fda4af;border-color:#fb718573}.empty,.error,.loading{border-radius:var(--radius-lg);padding:var(--space-5);border:1px dashed var(--color-border-strong);text-align:center}.error{border-style:solid;border-color:#f8717180;background:#f871711a}.loading{border-style:solid}.skeleton{display:block;width:100%;height:64px;border-radius:var(--radius-md);background:linear-gradient(90deg,#94a3b81f,#94a3b838,#94a3b81f);background-size:240px 100%;animation:shimmer 1.2s linear infinite}.nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.nav__item{border-radius:999px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 82%,transparent);color:var(--color-text);font-size:.85rem;text-decoration:none;padding:8px 12px;white-space:nowrap}.nav__item:hover{border-color:var(--color-border-strong)}.nav__item:focus-visible{outline:2px solid var(--tg-theme-accent);outline-offset:2px}.nav__item--active{background:var(--color-primary);color:var(--color-primary-text);border-color:transparent}@keyframes shimmer{0%{background-position:-220px 0}to{background-position:220px 0}}@media (max-width: 640px){.app-shell__container{padding:12px}.btn,.page__actions{width:100%}}@tailwind base;@tailwind components;@tailwind utilities;