:root{color:#f4f4f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--surface:#18181b;--surface-soft:#121214;--surface-hover:#27272a;--input:#111113;--border:#2f2f35;--border-strong:#4b4b55;--text:#f4f4f5;--text-muted:#a1a1aa;--text-subtle:#71717a;--accent:#8b5cf6;--accent-hover:#a78bfa;--accent-dark:#6d28d9;--danger:#ef4444;--danger-hover:#f87171;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body,#root{min-height:100%}body{background:radial-gradient(900px circle at 50% -300px, #8b5cf621, transparent 62%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:0}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0 72px}.app-shell>h1{color:var(--text);text-align:center;letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem)}nav{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 34px;display:flex}nav a{min-height:44px;color:var(--text-muted);border:1px solid var(--border);background:#18181bcc;border-radius:12px;justify-content:center;align-items:center;padding:0 17px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}nav a:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px)}nav a.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-color:#0000;box-shadow:0 10px 24px #6d28d94d}section{border:1px solid var(--border);background:linear-gradient(145deg,#1b1b1f,#141416);border-radius:20px;margin-bottom:20px;padding:24px;box-shadow:0 16px 38px #00000038}section h2{color:var(--text);margin:0 0 18px;font-size:1.28rem}section h3{color:var(--text);margin:0 0 14px;font-size:1rem}p{color:var(--text-muted)}.form-row,.filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-row>input:not([type=number]),.form-row>select{flex:190px}input,select{min-height:46px;color:var(--text);background-color:var(--input);border:1px solid var(--border);border-radius:12px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s,background .16s}input::placeholder{color:var(--text-subtle)}input:hover,select:hover{border-color:var(--border-strong)}input:focus,select:focus{border-color:var(--accent);background-color:#151519;box-shadow:0 0 0 4px #8b5cf629}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}select option{color:var(--text);background:#18181b}input[type=number]{appearance:textfield;width:110px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-dark));cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 20px #6d28d940}button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 24px #6d28d95c}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:linear-gradient(135deg,#8b5cf647,#4c1d9552),#17121f;border:1px solid #a78bfa61;border-radius:16px;padding:20px;box-shadow:0 10px 24px #6d28d924}.stat-card span{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.stat-card strong{color:#ddd6fe;letter-spacing:-.04em;font-size:2rem}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-card{border:1px solid var(--border);background:#111113;border-radius:16px;min-width:0;padding:18px}.chart-card .recharts-cartesian-grid line{stroke:#2b2b31!important}.chart-card .recharts-text,.chart-card .recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important}.chart-card .recharts-tooltip-wrapper{outline:none}section>ul:not(.activity-list){gap:10px;margin:0;padding:0;list-style:none;display:grid}section>ul:not(.activity-list)>li{color:var(--text-muted);border:1px solid var(--border);background:#141417;border-radius:14px;padding:14px 16px}section>ul:not(.activity-list)>li strong{color:var(--text)}.activity-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.activity-item{border:1px solid var(--border);background:#141417;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.activity-content{flex:1;min-width:0}.activity-text{color:var(--text);overflow-wrap:break-word;word-break:normal;line-height:1.5;display:block}.activity-text strong{color:#fff}.activity-date{color:var(--text-muted);margin-top:5px;display:block}.danger-button{color:#fff;background:linear-gradient(135deg, var(--danger), #b91c1c);flex:none;margin-left:auto;box-shadow:0 8px 18px #ef44442e}.danger-button:hover{background:linear-gradient(135deg, var(--danger-hover), #dc2626);box-shadow:0 12px 22px #ef44444d}@media (width<=800px){.app-shell{width:min(100% - 24px,1120px);padding-top:28px}section{border-radius:17px;padding:18px}.stats-grid,.charts-grid{grid-template-columns:1fr}.form-row,.filter-row{align-items:stretch}.form-row input,.form-row select,.filter-row input,.filter-row select,.form-row button,input[type=number]{width:100%}.activity-item{align-items:flex-start}.danger-button{min-height:40px;padding:0 12px}}.task-name-field,.points-field{flex-direction:column;gap:5px;display:flex}.task-name-field{flex:1;min-width:220px}.task-name-field span,.points-field span{color:var(--text-muted);font-size:.8rem;font-weight:700}.task-name-field input{width:100%}.points-field input{width:110px}.task-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}section>.task-list>.task-item{border:1px solid var(--border);background:#141417;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.task-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.task-info strong{color:var(--text);overflow-wrap:anywhere}.task-points{color:#ddd6fe;background:#8b5cf629;border:1px solid #a78bfa3d;border-radius:999px;flex:none;padding:6px 10px;font-size:.82rem;font-weight:800}.task-actions{justify-content:flex-end;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.secondary-button{color:var(--text);box-shadow:none;background:#27272a}.secondary-button:hover{box-shadow:none;background:#3f3f46}.task-edit-form{align-items:flex-end;gap:12px;width:100%;display:flex}.task-edit-form .task-name-field{flex:1}@media (width<=800px){section>.task-list>.task-item,.task-edit-form{flex-direction:column;align-items:stretch}.task-info{justify-content:space-between}.task-actions{width:100%;margin-left:0}.task-actions button{flex:1}.task-edit-form .task-name-field,.task-edit-form .points-field,.task-edit-form input{width:100%}}.undo-banner{z-index:1000;width:min(460px,100vw - 32px);color:var(--text);background:#1f1a2b;border:1px solid #a78bfa73;border-radius:16px;align-items:center;gap:16px;margin:0;padding:16px 18px;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 18px 45px #00000073}.undo-banner span{color:var(--text);flex:1;font-weight:700}.undo-banner-actions{flex:none;gap:8px;display:flex}.undo-banner-actions button{min-height:38px;padding:0 12px}@media (width<=600px){.undo-banner{flex-direction:column;align-items:stretch;width:auto;top:12px;left:12px;right:12px}.undo-banner-actions{width:100%}.undo-banner-actions button{flex:1}}.reminder-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.reminder-form .task-name-field{flex:220px}.reminder-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.reminder-item{border:1px solid var(--border);background:#141417;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}@media (width<=800px){.reminder-form{flex-direction:column;align-items:stretch}.reminder-form .task-name-field,.reminder-form .points-field{flex:none;width:100%}.reminder-form input,.reminder-form button{width:100%}}.history-search-input{flex:2 360px!important}.filter-row select{flex:180px}.reminder-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.reminder-item .activity-content{min-width:0}.reminder-item .activity-text{white-space:normal;overflow-wrap:normal;word-break:normal;display:block}.reminder-countdown{white-space:nowrap;width:max-content;max-width:100%;display:block}@media (width<=800px){.reminder-item{grid-template-columns:1fr;align-items:stretch}.reminder-item .task-actions{grid-template-columns:1fr 1fr;width:100%;margin-left:0;display:grid}.reminder-item .task-actions button{flex:initial;width:100%}.reminder-countdown{font-size:clamp(1.6rem,8vw,2.2rem)}.reminder-item .activity-date{line-height:1.4;display:block}}