*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-bg-secondary:#f4f4f5;--color-bg-tertiary:#e4e4e7;--color-text:#09090b;--color-text-secondary:#52525b;--color-text-tertiary:#a1a1aa;--color-border:#e4e4e7;--color-border-strong:#09090b;--color-accent:#09090b;--color-accent-bg:#f4f4f5;--color-success:#09090b;--color-success-bg:#f4f4f5;--color-warning:#09090b;--color-warning-bg:#fafafa;--color-danger:#e11d48;--color-danger-bg:#fff1f2;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--color-bg:#09090b;--color-bg-secondary:#18181b;--color-bg-tertiary:#27272a;--color-text:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-border:#27272a;--color-border-strong:#f4f4f5;--color-accent:#f4f4f5;--color-accent-bg:#18181b;--color-success:#f4f4f5;--color-success-bg:#18181b;--color-warning:#f4f4f5;--color-warning-bg:#18181b;--color-danger:#f43f5e;--color-danger-bg:#271216}}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text)}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}button:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}button:active{transform:scale(.98)}button.primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}button.primary:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}button.danger{color:var(--color-danger);border-color:var(--color-border)}button.danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger)}input,select,textarea{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1)}input:focus,select:focus,textarea:focus{border-color:var(--color-text);box-shadow:0 0 0 1px var(--color-text)}a{color:var(--color-text);text-underline-offset:4px;font-weight:500;text-decoration:underline;transition:opacity .2s}a:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.dashboard-layout{flex-direction:column;flex:1;width:100%;max-width:580px;margin:0 auto;padding:16px 16px 80px;animation:.4s ease-out fadeIn;display:flex}.desktop-sidebar{display:none}@media (width>=769px){.app-container{flex-direction:row}.dashboard-layout{flex:1;max-width:680px;margin:0;padding:24px 36px}.desktop-sidebar{border-right:1px solid var(--color-border);background:var(--color-bg);flex-direction:column;flex-shrink:0;gap:24px;width:220px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}}.reminder-card-container{border-radius:var(--radius-lg);transition:border-color .2s;position:relative;overflow:hidden}.reminder-card-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:2;flex-direction:column;gap:6px;padding:14px 16px;transition:transform .2s ease-out,border-color .2s;display:flex;position:relative}.reminder-card-content:hover{border-color:var(--color-text-secondary)}.desktop-action-btn{opacity:0;transition:opacity .2s;display:none}@media (width>=769px){.reminder-card-content{padding-right:80px}.reminder-card-content:hover .desktop-action-btn{opacity:1;display:inline-flex}}.mobile-only{display:block}.desktop-only{display:none}@media (width>=769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}