:root{font-family:system-ui,Arial,sans-serif;--page-bg: #fdfec7;--page-text: #0029bb;--card-bg-1: #121b3a;--card-bg-2: #0e1430;--card-border: #1f2a63;--card-text: #e9ecff;--card-muted: #b6c0ff;--accent: #2e6bff;--accent-2: #3b7bff;--done-1: #ffd65a;--done-2: #ffb703;--danger-bg: rgba(255, 77, 77, .15);--danger-border: rgba(255, 77, 77, .35);--danger-text: #ffb3b3;--success-bg: rgba(66, 255, 170, .12);--success-border: rgba(66, 255, 170, .35);--success-text: #a5ffd4}:root .profile-name{color:#940301;font-weight:600;letter-spacing:.2px}:root .tag.due{background:#ffc10740;border:1px solid rgba(255,193,7,.55);color:#ffd966;font-weight:900}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--page-text)}a{color:inherit}.container{max-width:1050px;margin:0 auto;padding:28px 16px 60px}h1{margin:0 0 8px;font-size:28px}h2{margin:18px 0 10px;font-size:18px}.muted{color:var(--card-muted)}.small{font-size:13px}.row{display:flex;align-items:center}.space-between{justify-content:space-between}.gap{gap:10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:900px){.grid,.grid2{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--card-bg-1),var(--card-bg-2));border:1px solid var(--card-border);border-left:6px solid var(--accent);border-radius:14px;padding:14px;margin:12px 0;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff08}.card,.card *{color:var(--card-text)}.card .muted{color:var(--card-muted)}.task-card{transition:transform .15s ease,box-shadow .15s ease}.task-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00000073,inset 0 1px #ffffff08}label{display:block;margin-top:10px;margin-bottom:6px;color:var(--card-text);font-size:13px}input,textarea,select{width:100%;background:#0f1320eb;border:1px solid rgba(40,49,83,.95);border-radius:10px;padding:10px;color:var(--card-text);outline:none}textarea{resize:vertical}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:1;display:block;cursor:pointer;filter:invert(1)}.btn{margin-top:12px;background:linear-gradient(180deg,var(--accent-2),var(--accent));border:none;color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700;letter-spacing:.2px;box-shadow:0 6px 18px #2e6bff73}.btn:hover{filter:brightness(1.05)}.btn.secondary{background:linear-gradient(180deg,#2b3254,#23284a);box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed}.error{margin-top:10px;background:var(--danger-bg);border:1px solid var(--danger-border);padding:10px;border-radius:10px;color:var(--danger-text)}.success{margin-top:10px;background:var(--success-bg);border:1px solid var(--success-border);padding:10px;border-radius:10px;color:var(--success-text)}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#2e6bff24;border:1px solid rgba(46,107,255,.35);font-size:12px;font-weight:700}.tag.done{background:linear-gradient(180deg,var(--done-1),var(--done-2));border:none;color:#2a1b00;font-weight:800}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(31,42,99,.6)}.table th{color:#fff;font-size:13px}.tag.upcoming{background:#9df5f840;border:1px solid rgba(255,214,90,.6);color:#8afffb;font-weight:800}.tag.completed{background:linear-gradient(180deg,#9cff5a,#57ff03);border:none;color:#2a1b00;font-weight:900}.tag.overdue{background:#ff4d4d40;border:1px solid rgba(255,77,77,.6);color:#ffb3b3;font-weight:800}.tag.checking{background:#b4b4b433;border:1px solid rgba(180,180,180,.5);color:#e0e0e0}.icon-btn{position:absolute;bottom:10px;right:10px;border:none;background:#1a2140;border:1px solid #2b3561;color:#ffd966;cursor:pointer;padding:4px 6px;border-radius:50%;font-size:14px;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#2b3561}.icon-btn:hover{background:#ffffff14}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.modal{width:100%;max-width:520px;background:#121625;border:1px solid #232a43;border-radius:14px;padding:14px;box-shadow:0 10px 30px #0006}.task-card{position:relative}.link-btn{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;text-decoration:underline;font-size:13px;opacity:.9}.link-btn:hover{opacity:1}