:root{--bg-base: #0f172a;--bg-muted: #1e293b;--card-bg: rgba(15, 23, 42, .82);--card-border: rgba(148, 163, 184, .35);--text-primary: #f8fafc;--text-muted: rgba(226, 232, 240, .72);--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #f87171;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.01em;color-scheme:dark light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(14,165,233,.32),transparent 45%),radial-gradient(circle at 90% 30%,rgba(236,72,153,.25),transparent 55%),linear-gradient(180deg,#111827 0%,#020617 100%);color:var(--text-primary);overflow-x:hidden}main{padding:clamp(1.4rem,4vw,2.6rem) 0 clamp(3rem,6vw,4rem)}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem)}.card{border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);padding:clamp(1.25rem,2vw,1.8rem);box-shadow:0 18px 50px #0f172a73;transition:transform .25s ease,box-shadow .25s ease}@media (hover: hover){.card:hover{transform:translateY(-4px);box-shadow:0 26px 60px #0f172a8c}}.grid,.grid-lg{display:grid;gap:clamp(1rem,3vw,1.6rem)}.grid>*,.grid-lg>*{min-width:0}@media (min-width: 768px){.grid-lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:none;color:#fff;padding:.65rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 18px 32px #0ea5e959}.btn-outline{background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.55);color:var(--text-primary);padding:.4rem .85rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.btn-outline:hover,.btn-outline:focus-visible{border-color:#38bdf8a6;background:rgba(56,189,248,.25);color:var(--text-primary);outline:none}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:.35rem;background:rgba(148,163,184,.18);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;color:var(--text-muted);border:1px solid rgba(148,163,184,.35)}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--text-primary)}p{margin:0;color:var(--text-muted);line-height:1.6}a{color:inherit}a:hover{color:var(--accent)}form{display:grid;gap:1rem;width:100%}label{display:grid;gap:.35rem;font-size:.95rem;width:100%}input,textarea,select{padding:.65rem 1rem;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.55);color:inherit;font-size:1rem;width:100%;max-width:100%;min-width:0;display:block}input:focus,textarea:focus,select:focus{outline:2px solid rgba(56,189,248,.45)}.table-wrapper{overflow-x:auto}.table{width:100%;border-spacing:0;min-width:520px}.table thead{background:rgba(15,23,42,.55)}.table th,.table td{padding:.75rem 1rem;text-align:left}.table tbody tr:nth-child(2n){background:rgba(15,23,42,.35)}.table tbody tr:hover{background:rgba(14,165,233,.12)}.task-picker{display:grid;gap:.9rem}.task-picker__search{display:grid;gap:.5rem}.task-picker__list{display:grid;gap:.55rem;max-height:280px;overflow-y:auto;padding-right:.25rem;border-bottom:1px solid rgba(56,189,248,.35)}.task-picker__item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.45);text-align:left;color:var(--text-primary);font-size:.95rem;line-height:1.5;cursor:pointer;transition:border-color .2s ease,background .2s ease}.task-picker__item:hover,.task-picker__item--active{border-color:#38bdf8a6;background:rgba(14,165,233,.25)}.task-picker__empty{padding:1rem;border:1px dashed rgba(148,163,184,.4);border-radius:14px;text-align:center;color:#e2e8f099}.task-admin{display:grid;gap:1rem}.task-admin__search{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.task-admin__search label{flex:1 1 220px}.task-admin__count{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.task-admin__list{display:grid;gap:.75rem;max-height:420px;overflow-y:auto;padding-right:.35rem;-webkit-mask-image:linear-gradient(to bottom,black 85%,rgba(0,0,0,.15) 97%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,rgba(0,0,0,.15) 97%,transparent 100%)}.task-admin__item{display:grid;gap:.6rem;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:1.1rem;background:rgba(15,23,42,.58);color:var(--text-primary)}.image-uploader__remove{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.55);color:var(--text-primary);border-radius:9999px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer;width:fit-content;transition:border-color .2s ease,background .2s ease}.image-uploader__remove:hover,.image-uploader__remove:focus-visible{border-color:#38bdf88c;background:rgba(56,189,248,.25);outline:none}.image-uploader{display:grid;gap:.6rem}.image-uploader__control{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.image-uploader__trigger{font-weight:600}.image-uploader__filename{font-size:.85rem;color:var(--text-muted)}.image-uploader__filename--active{color:var(--text-primary)}@media (max-width: 640px){h1{font-size:1.5rem}h2{font-size:1.25rem}.btn-primary{width:100%}.table{min-width:100%}.task-admin__search{align-items:stretch}.task-admin__count{align-self:flex-end}input,textarea,select{font-size:1rem}}