:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1e293b;background:#f8fafc}body{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#0f172a;padding:1.5rem 1rem;color:#cbd5e1}.brand{display:block;color:#f8fafc;text-decoration:none;font-size:1.25rem;font-weight:750;padding:.4rem .75rem 1.75rem}.brand span{display:block;font-size:.72rem;font-weight:500;color:#94a3b8;margin-top:.25rem}.sidebar nav{display:grid;gap:.3rem}.sidebar nav a{color:#cbd5e1;text-decoration:none;padding:.7rem .75rem;border-radius:.45rem;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#1e293b}.page-content{width:min(100%,1080px);box-sizing:border-box;padding:3rem;margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:2rem;align-items:start;margin-bottom:2rem}h1{margin:0;font-size:2rem;letter-spacing:-.03em}.page-header p{color:#64748b;margin:.5rem 0 0}.auth-layout{display:grid;place-items:center;min-height:70vh}.login-card{display:grid;gap:1rem;width:min(100%,360px);padding:2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #1720330d;border:1px solid #e2e8f0}label{display:grid;gap:.4rem;font-weight:600}input,select,button{padding:.7rem;font:inherit}input,select{box-sizing:border-box;min-height:2.75rem;border:1px solid #94a3b8;border-radius:.4rem;background:#fff;color:#172033}select{width:100%}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{cursor:wait;opacity:.65}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.secondary{background:#475569}.journal{background:#0f766e}.danger{background:#b91c1c}.success{color:#15803d}.muted{color:#64748b;font-size:.9rem}.empty-state{color:#64748b;padding:1rem 0}.card-heading{display:flex;gap:1rem;justify-content:space-between;align-items:start}.card-heading p{margin-top:0}.card-heading h2{margin:0}.status{display:inline-block;padding:.2rem .45rem;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:#e2e8f0;color:#334155}.status-active,.status-success{background:#dcfce7;color:#166534}.status-error{background:#fee2e2;color:#b91c1c}.status-warning{background:#fef3c7;color:#92400e}.status-info,.status-skipped,.status-disabled{background:#e2e8f0;color:#475569}.sync-logs{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:.5rem;font-size:.9rem}.preview-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end;padding:1rem;border:1px solid #dbeafe;border-radius:.65rem;background:#f8fbff}.preview-control button{white-space:nowrap}.card-actions{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-top:.25rem}.card-actions>div:not(.actions){display:grid;gap:.45rem}.danger-action{justify-items:start}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0}.dashboard-stats div,.error-list{background:#fff;border-radius:.75rem;box-shadow:0 8px 30px #1720331a;padding:1rem}.dashboard-stats strong{display:block;font-size:1.7rem}.dashboard-stats span{color:#64748b;font-size:.85rem}.quick-links{display:flex;gap:1rem;margin-top:2rem}.quick-links a{color:#1d4ed8;font-weight:650}.resource-list{display:grid;gap:.75rem}.resource-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem 1.25rem}.resource-row div{display:grid;gap:.25rem}.resource-row span:not(.status){color:#64748b;font-size:.9rem}.capabilities{display:flex;gap:1rem;flex-wrap:wrap;color:#64748b;font-size:.9rem;margin:.75rem 0 1rem}.capabilities b{color:#1e293b}.form-section{margin-bottom:2.5rem}.form-section h2{margin-bottom:.25rem}.integration-form{width:100%;max-width:none;padding:0;overflow:hidden;gap:0}.source-form,.resource-list{width:100%;box-sizing:border-box}.source-form{max-width:none;grid-template-columns:minmax(12rem,.7fr) minmax(20rem,1.6fr) auto;align-items:end}.source-form button{white-space:nowrap}.form-block{padding:1.5rem;display:grid;gap:1rem;border-bottom:1px solid #e2e8f0}.form-block:last-of-type{border-bottom:0}.form-block h3{margin:0;font-size:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.form-grid label{align-content:start}.form-grid label small{min-height:1.1rem}.help-tip{position:relative;display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;margin-left:.25rem;border:1px solid #94a3b8;border-radius:50%;color:#64748b;font-size:.72rem;font-weight:700;line-height:1;cursor:help;vertical-align:.08rem}.help-tip:after{content:attr(aria-label);position:absolute;z-index:4;left:0;bottom:calc(100% + .5rem);width:15rem;padding:.65rem .75rem;border-radius:.45rem;background:#0f172a;color:#f8fafc;font-size:.78rem;font-weight:500;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(.25rem);transition:opacity .12s ease,transform .12s ease}.help-tip:hover:after,.help-tip:focus:after{opacity:1;transform:translateY(0)}label small{color:#64748b;font-weight:400;font-size:.82rem}.toggle-list{display:grid;gap:.6rem}label.toggle{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;border:1px solid #e2e8f0;border-radius:.55rem;cursor:pointer}label.toggle:hover{background:#f8fafc}label.toggle input{appearance:none;width:1.1rem;height:1.1rem;min-width:1.1rem;min-height:1.1rem;margin:.12rem 0 0;padding:0;border:1px solid #94a3b8;border-radius:.28rem;cursor:pointer}label.toggle input:checked{border-color:#1d4ed8;background:#2563eb;box-shadow:inset 0 0 0 3px #fff}label.toggle span{display:grid;gap:.22rem}.form-submit{margin:0 1.5rem 1.5rem}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{padding:.75rem 1rem;position:sticky;top:0;z-index:2}.brand{padding:.25rem .5rem .75rem}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.page-content{padding:1.5rem 1rem}.page-header{display:block}.dashboard-stats,.form-grid,.preview-control,.source-form{grid-template-columns:1fr}.card-heading,.card-actions{flex-direction:column;gap:.75rem;align-items:stretch}}button{cursor:pointer;color:#fff;background:#1d4ed8;border:0;border-radius:.4rem}.error{margin:0;color:#b91c1c}.integration-card{width:100%;box-sizing:border-box;margin:1rem 0}.telegram-preview{overflow-x:auto;padding:1rem;border:1px solid #d8dee9;border-radius:.5rem;background:#fff}.telegram-preview table{width:100%;border-collapse:collapse}.telegram-preview th,.telegram-preview td{padding:.55rem;text-align:left;border:1px solid #d8dee9}.telegram-preview th{background:#eef4ff}.telegram-preview caption{padding:.5rem;font-weight:600}.warning{color:#a16207}
