:root{--bg: #0f1115;--surface: #181b22;--border: #262a33;--text: #e7eaf0;--muted: #8b95a7;--primary: #4f8cff;--danger: #ff5f6d;--ok: #2ecc71;--warn: #f1c40f}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,.btn{background:var(--primary);color:#fff;border:0;padding:.55rem .95rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;font-size:.9rem;width:100%}input::placeholder,textarea::placeholder{color:currentColor;opacity:.5}input[type=checkbox],input[type=radio]{width:auto;flex:0 0 auto;padding:0;margin:0;accent-color:var(--primary);cursor:pointer}.item input[type=checkbox]{width:1.45rem;height:1.45rem;transform:scale(1.1);transform-origin:center}.container{max-width:920px;margin:0 auto;padding:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;margin-bottom:.9rem}.row{display:flex;align-items:center;gap:.6rem}.row.between{justify-content:space-between}.muted{color:var(--muted);font-size:.85rem}.title{margin:0 0 .4rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:.5rem 1rem;row-gap:.5rem}.navbar .brand{font-weight:700;display:flex;align-items:center}.navbar .brand-link{display:inline-flex;align-items:center;gap:.6rem;line-height:1;text-decoration:none;color:inherit}.navbar .brand-text{font-size:1.05rem;font-weight:700}.navbar .brand-logo{height:40px;width:auto;display:block;object-fit:contain}.navbar nav{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}@media (max-width: 600px){.navbar{padding:.6rem .8rem;flex-direction:column;align-items:stretch;gap:.5rem}.navbar .brand{font-size:1rem;width:100%}.navbar .brand-link{width:100%;justify-content:space-between}.navbar .brand-logo{height:32px}.navbar nav{justify-content:center;gap:.6rem;font-size:.85rem}.navbar nav>*{padding:.3rem .5rem}.container{padding:.9rem}}.item{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.item:last-child{border-bottom:0}.item .img{width:38px;height:38px;border-radius:8px;background:#222 center/cover no-repeat;border:1px solid var(--border);flex:0 0 auto}.item.done .name{text-decoration:line-through;color:var(--muted)}.form-grid{display:grid;grid-template-columns:2fr 80px 80px auto;gap:.5rem}@media (max-width: 600px){.form-grid{grid-template-columns:1fr 1fr}.form-grid>button{grid-column:span 2}}.error{color:var(--danger);font-size:.85rem}.ok{color:var(--ok);font-size:.85rem}.tag{display:inline-block;background:var(--border);color:var(--text);border-radius:999px;padding:.1rem .55rem;font-size:.72rem;margin-left:.4rem}.tag-live{font-size:.95rem;font-weight:700;padding:.35rem .85rem;margin-left:.6rem;vertical-align:middle;background:#2ecc712e;color:var(--ok);border:1px solid var(--ok);box-shadow:0 0 8px #2ecc718c;animation:blink-live 1.1s ease-in-out infinite}@keyframes blink-live{0%,to{opacity:1;box-shadow:0 0 10px #2ecc71bf}50%{opacity:.55;box-shadow:0 0 #2ecc7100}}@media (prefers-reduced-motion: reduce){.tag-live{animation:none}}.autocomplete{position:relative;width:100%}.autocomplete-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;margin:0;padding:.25rem 0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000059;max-height:280px;overflow-y:auto}.autocomplete-item{display:flex;align-items:center;gap:.55rem;padding:.4rem .6rem;cursor:pointer;font-size:.9rem}.autocomplete-item:hover,.autocomplete-item.active{background:#4f8cff24}.autocomplete-img{width:28px;height:28px;border-radius:6px;background:#222 center/cover no-repeat;border:1px solid var(--border);flex:0 0 auto}.autocomplete-name{font-weight:600}.autocomplete-desc{color:var(--muted);font-size:.78rem;margin-left:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}