.ubn{--p:#5755e8;--p2:#7c3aed;--text:#172033;--muted:#718096;--border:#e5e9f1;--bg:#f6f8fc;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);border-radius:24px;padding:20px;line-height:1.45}.ubn *{box-sizing:border-box}.ubn-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:27px 29px;border-radius:21px;color:#fff;background:linear-gradient(135deg,#24265c,var(--p) 58%,var(--p2))}.ubn-hero>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:.16em}.ubn-hero h2{margin:6px 0;font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}.ubn-hero p{margin:0;max-width:730px;opacity:.86;font-size:14px}.ubn-date{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:10px 12px;font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}.ubn-note{margin-top:12px;border:1px solid #d9e8ff;background:#eef6ff;color:#536a83;border-radius:12px;padding:11px 14px;font-size:12px}.ubn-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:14px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px}.ubn-controls label>span{display:block;font-size:10px;font-weight:800;color:#5d687c;margin-bottom:6px}.ubn-controls select{width:100%;height:41px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:0 10px}.ubn-primary{height:41px;border:0;border-radius:10px;padding:0 15px;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));font-size:10px;font-weight:900;cursor:pointer}.ubn-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.ubn-summary>div{background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px}.ubn-summary span{display:block;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.ubn-summary strong{display:block;margin-top:4px;font-size:18px}.ubn-reason{margin-top:12px;padding:13px 15px;border-radius:13px;background:#fff8e8;border:1px solid #f3e4b8}.ubn-reason strong{font-size:11px}.ubn-reason p{margin:3px 0 0;color:#75653b;font-size:10px}.ubn-tasks{display:grid;gap:9px;margin-top:12px}.ubn-task{display:grid;grid-template-columns:32px 34px minmax(0,1fr) auto;gap:9px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px 12px}.ubn-task.done{background:#fbfefc}.ubn-task.done .ubn-main{opacity:.55}.ubn-order{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eeeeff;color:#504dbf;font-weight:900;font-size:11px}.ubn-check{width:32px;height:32px;border:0;border-radius:50%;background:#f1f3f7;color:#717b8e;font-size:17px;cursor:pointer}.ubn-task.done .ubn-check{background:#e8f8f1;color:#12825a}.ubn-main>div{display:flex;justify-content:space-between;gap:10px}.ubn-main>div span{font-size:10px;font-weight:900;color:#5653c6;text-transform:uppercase}.ubn-main>div b{font-size:9px;color:var(--muted)}.ubn-main h3{margin:2px 0;font-size:13px}.ubn-main p{margin:0;color:var(--muted);font-size:9px}.ubn-pomo{border:0;border-radius:9px;background:#eeeeff;color:#504dbf;padding:8px 10px;font-size:9px;font-weight:850;cursor:pointer}.ubn-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}.ubn-actions button{border:0;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:800;cursor:pointer}.ubn-actions button:first-child{background:#eeeeff;color:#504dbf}.ubn-actions button:last-child{background:#fff0f1;color:#c23b4b}.ubn-empty{background:#fff;border:1px dashed #d7dde8;border-radius:14px;padding:30px;text-align:center;margin-top:12px}.ubn-empty strong,.ubn-empty span{display:block}.ubn-empty span{color:var(--muted);font-size:11px;margin-top:4px}@media(max-width:850px){.ubn-controls{grid-template-columns:1fr 1fr}.ubn-summary{grid-template-columns:1fr 1fr}.ubn-primary{width:100%}}@media(max-width:620px){.ubn{padding:11px}.ubn-hero{flex-direction:column;align-items:stretch;padding:20px}.ubn-date{align-self:flex-start}.ubn-controls{grid-template-columns:1fr}.ubn-task{grid-template-columns:30px 1fr auto}.ubn-order{display:none}.ubn-check{grid-column:1}.ubn-main{grid-column:2}.ubn-pomo{grid-column:3}.ubn-main>div{flex-direction:column;gap:0}}